Ogólnie nie zajmuję się tworzeniem layoutów i postanowiłem to zmienić i jestem ciekaw co powinienem poprawić.

Link: http://www.a.cmsss.pl/layout4.gif

Z góry dziękuję za potępienie.

Ciemny, słabo czytelny. Nie podoba mi się.

I to "home" jest prostokątne...

Hmmm, home można zaokrąglić, co do czytelności chodzi Ci o ten obrazek czy ogólnie, bo w ps jest wszystko czytelne.

Poczekam na innych. ;]

Ogólnie, kolorki słabo dobrane. Mało żywe, strasznie przynudza ten widok. ;p

A mi sie takie kolory dark podobaja bardzo ladne sa tez projekty z boku.

A co do projektów z boku wspomnianych przez przedmówcę...
Powinieneś zastosować tam jakieś wygładzanie. Widać po prostu "drabinkę" na zaokrąglonych rogach.

Hmmm, postanowiłem nieco rozjaśnić niektóre elementy strony, mam pytanie czym można zmiękczyć krawędzie w ps? ;]

Na moment teraźniejszy:
http://www.a.cmsss.pl/layout4.jpg

Lepiej/gorzej?

nadal zbyt ciemne, jasne foldery nie pasują do reszty

Rozjaśniłem jeszcze logo, mieniłem foldery, dodałem kilka rzeczy.

Link: http://www.a.cmsss.pl/layout5.gif/

No teraz wygląda to znacznie lepiej. Lecz pomyśl o innych kolorkach może...

Inne kolory, tz zmiana całej kolorystyki strony czy wstawienie jakiś dodatków?

zmiana całej kolorystyki

Hmmm, mi się bardzo podobają te kolory i raczej chciał bym pozostać przy nich, ale zobaczymy jeśli będzie więcej podobnych komentarzy to się zastanowię.

Tymczasem nowe linki:
1: http://www.a.cmsss.pl/layout6.gif
2: http://www.a.cmsss.pl/layout6b.gif

Edit:
Poprawione, dzięki.

Rozumiem, że to ma się jakoś wysuwać?

Poza tym popraw błędy:
urzytkownik -> użytkownik
dlaje -> dalej ?

I nazwę tematu popraw:
Nie portwolio a portfolio i nie bloog a blog.

Pierwsze co mnie boli w Twoich projektach to typografia. Całość jest niebywale nieczytelna (nawet jak na lorem ipsum ). Na Twoim miejscu zwiększyłabym odstępy między wierszami (widzę, że korzystasz z PS, więc: z rozmiaru "auto" na co najmniej +3 punkty więcej), usunęła częściowe wygładzenie czcionek, pobawiłabym się też kerningiem. Teoretycznie dobrze jest korzystać z maksimum 3 różnych ustawień czcionek - zwłaszcza w małych projektach, ale przede wszystkim wtedy, gdy brakuje Ci (jeszcze) wyczucia. Zauważ, że Ty korzystasz z wielu różnych rozmiarów w wielu kombinacjach italic/bold/normal i różnych odcieniach (chociaż mam wrażenie, że to po prostu mocniej i słabiej nakładana alpha). Pomijam tysiąc literówek.

Co do grafiki... masz strasznie poszarpane "rogi" w całym projekcie. Układ trochę taki... na siłę. Małe odstępy pomiędzy blokami, całość zbyt zbita. Może warto pomyśleć o czymś ma kształt minimalizmu jeżeli nie masz pomysłu na treść (bo bawisz sie chyba dla siebie, więc sam sobie "narzucasz" ilości tekstu itd.). Jeżeli chcesz, żeby białe nagłówki lepiej odcinały się od reszty spróbuj nadać im cień o odległości/rozmiarze (distance/size) na 1 i kącie 90stopni, z kryciem dowolnym. Brakuje też przełamania ciemnego koloru.

Jak dla mnie idziesz w dobrym kierunku.

- Usunąć częściowo wygładzanie czcionek a dokładniej chodzi o logo, nagłówki, teksty czy ogólnie wszędzie, poprawiłem trochę czy wygląda to lepiej?
- Odstępy między wierszami z 17 powiększyłem do 20.
- Kerning poprawiłem o +3.
- Co do ilości czcionek to nie dokończa rozumiem jak mia bym to poprawi, co do kolorów tekstu to są dwa nie licząc loga.
- Literówek, hmmm staram się z tym walczyć jednak nie zawsze się udaje.
- O zaokrąglaniu rogów zaraz coś poczytam mam nadzieję, że uda mi się to poprawić, jak mogla byś podać jakieś podpowiedzi był bym wdzięczny.
- Nieco przerobiłem wysuwane menu i porozciągałem całość teraz może już nie będzie takiego efektu przeładowania.
- Co do cienia w nagłówkach raczej z tego zrezygnuję - nie mam pojęcia jak miał bym później przenieść to na html'a.
- Jak mógł bym przełamać ten ponury wystrój?

I dzięki wielkie za ogromną pomoc.

1: http://www.a.cmsss.pl/layout8a.jpg
2: http://www.a.cmsss.pl/layout8b.jpg
3: http://www.a.cmsss.pl/layout8c.jpg

Nie wiem jak nazwać drugą zakładkę, więc na razie jest co jest. ;]

treść w top mini menu [przypomnij hasło itp.] jest mało czytelne, tekst poszarpany.
Czcionka body nie czytelna. Daj treść w diva z obrazkiem opacity, może pomoże .

U mnie body jest czytelne nie za bardzo rozumiem, może precyzuj jaka część jest nieczytelna?

A tymczasem wygląda to tak:
http://www.a.cmsss.pl/layout9.jpg

*Jak ma ktoś jakiś pomysł co do wygładzenia tego poprosił bym. ;]

Czytelność znacznie obniża kolor czcionek i znaczek w tle. Pamiętaj, że czytając informacje na ciemnej stronie, lwia część osób zaznacza kursorem tekst. Wiesz dlaczego? Bo czytanie jasnego tekstu na ciemnym tle jest znacznie bardziej męczące dla oczu niż czytanie ciemnego tekstu na jasnym tle.

Fajnie, że stosujesz większe ostępy (chociażby między wierszami).

Osobiście pokombinowałabym z białymi czcionkami, ze zwiększeniem odstępów, zamianą znaczka w tle na szum i wyrównaniem elementów czyli coś w ten deseń.

Znacznie zmniejszyłem różnorodność czcionek, teraz są tylko nagłówki, krótkie opisy i zwykły tekst plus przyciski ale to chyba inna sprawa. Wszystko rozjaśniłem, tekst jest biały mam nadzieję, że również bardziej czytelny, korzystam tylko z jednego kroju czcionki. Usunąłem logo z tła.

Sprawdziłem jak wyglądało by to z kreskami oddzielającymi treść i efekt był bardzo słaby więc na razie z nich zrezygnuję, nie przekonuje mnie również szumiące tło, ale co do tego jeszcze się zastanowię.

Czy na layoucie bez loga w tle body znacznie poprawiła się czytelność, co sądzicie o przywróceniu go w jakimś odcieniu mniej wybijającym się z tła?

Edit:
Zapomniałem o linku.

1: http://www.a.cmsss.pl/layout11.jpg

Dodałem również linki w tekście.

Zdecydowanie lepiej wygląda biała czcionka w nowościach (bo to chyba nowości) no i fajny pomysł z kolorem dla linków. Brak obrazka w tle tekstu też zdecydowanie na plus.

To co zrobiłabym ja to przede wszystkim wyrównanie nagłówków (tych przy ikonce) do lewej - zrównanie ich z menu i tekstem aktualności, w tej chwili masz tam wcięcie co do którego nie mam przekonania. Osobiście preferuję też mniejsze cienie, tak jak pisałam wcześniej 90 stopni, odległość/rozmiar (distance/size) ustawione na 1 - to uwaga do elementów takich jak ikonki, przyciski, menu, blok po prawej itd. Nie wiem po co stosujesz podwójne nagłówki (jaki był zamysł) - mam na myśli nagłówek przy ikonce, a zaraz pod nim następny. Uważam, że jest zbędny, ale to tylko moja subiektywna opinia.

Wydaje mi się, że w twoim projekcie brakuje nieco miejsca do oddechu. Elementy wydają się być dosyć zbite - uważam, że przydałoby się trochę więcej przestrzeni, która mogłaby je oddzielić - coś na kształt tego (pozwól, że będę pracować na swoich plikach). Uważam, że jest teraz u Ciebie zbyt ciasno. Lubię też dodatki, które przełamują kolor - w powyższym przykładzie jest to kolor żółty. Moim zdaniem nadaje projektowi życia i dzięki temu nie jest monotonny.

Jeżeli nie planujesz samodzielnie projektować ikonek, możesz skorzystać z darmowych zbiorów z np. SmashingMagazine. Są tam całkiem fajne zbiory ikon maści wszelakiej. Osobiście zazwyczaj nie mam serca/czasu do tworzenia miniatur tego typu, skoro są inni, którzy się w tym specjalizują i często udostępniają swoje prace za darmo.

Może to nieco dziwne, ale ludzie, którzy startują z grafiką często nadmiernie ją powiększają. Myślę, że spokojnie mógłbyś użyć mniejszej czcionki w tekstach (na moje oko używasz 14p Arial).

To by było na tyle na pierwszy rzut oka . To są moje osobiste uwagi - a wiadomo, że każdy grafik lubi inne rozwiązania. Niemniej jednak myślę, że idziesz w dobrą stronę.

Mógł bym poprosić o tą miniaturkę notesika, wstawił bym ją zamiast niebieskawego dymka rozjaśniło by mi to co nieco resztę.

Dajesz mi linki i piszesz o ikonkach, ale nie wiem co ma mi to zasugerować, zmianę ikonek? ;]

Pomysł z kolorem żółtym bardzo mi się spodobał, spróbuję go nieco dodać do projektu.

Zaraz coś przygotuję i wkleję tu linka...

Myślę, że warto wstawić tam starannie przygotowane ikony - zwłaszcza, że nie trzeba ich robić samodzielnie. Pakiet z ikonką o której piszesz można pobrać stąd. Ale ogólnie polecam przeszukanie SmashingMagazine bo dają naprawdę fantastyczne ikony (i nie tylko ikony) za darmo. Chyba, że j.angielski stanowi przeszkodę .

Fajnie, że pracujesz nad layoutem.

Co na pewno muszę przyznać wszystko było za duże, nawet nie wiem jak to się stało przy okazji zrobiło się więcej wolnego miejsca przy blokach, wszystko zmniejszone o dwa oczka. Cienie zmniejszyłem choć nie wiem czy polepszyło to wygląd. Rozjaśniłem nieco tło, ale chyba lepiej było z ciemniejszym?

Próbowałem dodać żółty dodatek co prawda przerodził się w dość widoczny akcent i nie wiem czy wygląda to lepiej czy gorzej.

Angielski mimo, że jest jakąś barierą to na pewno da się ją sforsować.

1: http://www.a.cmsss.pl/layout13b2.jpg

Może warto użyć cieplejszych odcieni żółtego, takich jak chociażby: ffd200 lub tych, z których korzystam ja (możesz pobrać "pipetką" w PSie). Osobiście zdecydowałabym się na mniejsze elementy w żółtym - mniej więcej rozmiarów "czytaj dalej" itd.. Z drugiej strony może warto rzucić się na głębokie fale i dodać bardzo silny akcent? (Ten z przykładu jest nieco przesadzony, wybacz mam mało czasu na dopracowywanie). Decyzja należy oczywiście do Ciebie.

Obecnie mam wrażenie, że prawa belka odstaje kolorystycznie od reszty, zwłaszcza po Twoich - jakże udanych - zabiegach z tłem. Całość jest w tonacji morskiej a ta belka... no cóż nie jest .

Patrząc na pierwszą odsłonę Twojej pracy i wersję obecną, widzę fajne zmiany i dobry kierunek. Tak trzymaj!

Layout całkiem, całkiem.

Odnośnie kolorystyki to faktycznie prawa kolumna zbyt mocno odstaje od reszty strony. Pomyśl nad innym odcieniem. Kolejną sprawą na jaką zwróciłem uwagę może być problem z opcją "kontakt". Kiedy użytkownik ją wybierze i wysunie się ona do góry to najedzie na pole "search". Rozwiązaniem wydaje się być przesunięcie opcji menu bardziej w lewo...

Pozdrawiam

Może tu znajdziesz inspirację do ożywienia layoutu:

http://www.essentialsiteworks.com/
http://www.logotyp.org/

Kolor bocznego menu był drobnym nieporozumieniem, a dokładniej zapomniałem dodać mu przezroczystości więc wyszedł taki zbyt niebieski.

Ujednoliciłem nieco tło, zaciemniłem na górze i rozjaśniłem na dole. Zmieniłem odcień żółtego i wydaje mi się, że wygląda to już dosyć dobrze. Zastanawiałem się nad pomalowaniem przycisków, ale wyglądało to okropnie.

Stwierdziłem, że okno na górze nie będzie się wysuwać, dlatego ścisnąłem menu i przeniosłem wyszukiwarkę niżej. Myślę nad dodaniem jej tła bądź powiększeniem prawego menu i wrzuceniem wyszukiwarki do okienka na górze zamiast Konto, zamierzam też dodać linki nowe konto do Logowania, ale to jak się wypowiecie czy warto.

1: http://www.a.cmsss.pl/layout14.jpg

Kolejne rada z serii "a ja bym to zrobiła tak". Odniosłam wrażenie, że masz intencję zrobienia dość czystego layoutu - a wtedy musiałbyś zwiększyć odległości pomiędzy blokami. Osobiście dodałabym też tło, które oddzieliłoby od siebie kolejne nowości.

Mam wrażenie, że coś Ci "szarpie" boki w zaokrąglonych prostokątach. No i u mnie ten Twój "żółty" jest nieco zielony... zgniły zielony i jakoś mi niezbyt pasuje. Ale to Twój projekt .

Bardzo cieszę się z takiej opinii i mam nadzieje, że one nie ustąpią.

Zaraz coś przygotuję a tym czasem pytanie, czy mam zmienić kolor prawego bloku na taki jak i menu czy dać taki jasny jak Ty i to samo tyczy się tła notek?

Tak wiem, że coś szarpie mi rogi, ale niestety nie wiem jak mam to coś naprawić. ;/

Edit:

Link po modyfikacjach zgodnych z zaleceniami:
1: http://www.a.cmsss.pl/layout15b.jpg

A jak robisz zaokrąglenia? Może to kwestia dużego kontrastu.


Myślę, że w przypadku gdy zdecydowałeś się na te dodatkowe elementy pod newsami to możesz usunąć cień lub nadać mu wartości 1/1 i mniejsze krycie (opacity).

Zaokrąglenia do wersji 15b robiłem obrysowując zaznaczenie, teraz tworzę ścieżki i wypełniam je właściwością warstwy i wygląda to o niebo lepiej, szkoda, że mam tyle do poprawienia - bywa. ;]

Z cieniami zaraz sprawdzę spróbuję jednocześnie poprawić resztę krawędzi i dodać wspomniane menu.

Edit:

Cienie usunięte, rogi poprawione wszędzie oprócz obrazków google nie uważałem tego za rzecz którą muszę poprawić i tak w końcu nie będą użyte do strony. Dodałem jeszcze menu i którym wspominałem.

1: http://www.a.cmsss.pl/layout15.jpg

Powinienem coś jeszcze poprawić?

Wydaje mi się, że to zależy tylko do Ciebie. Osobiście "poprawiłabym" ciemny kolor, którego używasz jako tło pod prawym blokiem, menu itd. na nieco jaśniejszy. Dodatkowo popracowałabym nad logo (o ile jest integralną częścią projektu).

Tak czy inaczej widzę duży postęp, a nawet małą przepaść pomiędzy pierwszą odsłoną tego projektu i stanem obecnym. Powodzenia w dalszym projektowaniu!

Rozumiem, że chodzi o rozjaśnienie bloków a co do loga to co jest w nim nie tak, jest integralną częścią i chciał bym by pasowało, mi się podoba więc co powinienem w nim zmienić?

Następnym razem już nie walę się w ciemne layouty jasne wymagają mniej pracy.

To walnij sobie negatyw i już będziesz miał wersję jasną