[Layout] portfolio/blog - czyli mieszaniec Opcje

[ShadowD]

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.

Ten post edytował ShadowD 19.08.2009, 16:25:27

[Fifi209]

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

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

[ShadowD]

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. ;]

[Fifi209]

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

[marcio]

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

[Fifi209]

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.

[ShadowD]

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?

[Spawnm]

nadal zbyt ciemne, jasne foldery nie pasują do reszty

[ShadowD]

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

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

[Fifi209]

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

[ShadowD]

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

[Spawnm]

zmiana całej kolorystyki

[ShadowD]

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.

Ten post edytował ShadowD 19.08.2009, 15:40:02

[Fifi209]

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.

Ten post edytował fifi209 19.08.2009, 15:33:15

[Daiquiri]

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.

[ShadowD]

- 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. ;]

Ten post edytował ShadowD 19.08.2009, 19:42:08

[Spawnm]

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 .

[ShadowD]

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. ;]

Ten post edytował ShadowD 19.08.2009, 20:41:20

[Daiquiri]

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ń.

[ShadowD]

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.

Ten post edytował ShadowD 20.08.2009, 16:36:59