[Ewe]

Green Action

Kod:

http://www.gimpuj.info/gallery/14544_08_05_09_8_31_07.png

Jako że ostatnio zacząłem ćwiczyć laylouty , postanowiłem założyć temat. Oto pierwszy rezultat , czas (wiem , wiem powinno być o wiele dłużej) 30 min. Na bokach miejsca na opcjonalny kalendarz i działy.

@Dodałem Menusy

[caje]

no to tak, nie wygładzaj czcionki w tekstach, bo na stronach nie będą one wygładzone
nie widzę menu?
te boki mi jakoś nie pasują
ogólnie to pusto i nudno

zapraszam do swojego wątku z layoutami, też zaczynam z nimi właśnie przygodę

[swistaku]

Dobra to ja troche skoszę

1. Kolory sucks, zbyt oczojebne, watpie by ktos przy jasnosci monitora ~80 wytrzymał dłużej niż 1min. Na początek popróbuj sobie dobierania kolorów odcienie czarnego / szarego + wybrany (niebieski, zielony, czerwony, w sumie do czarnego siedzi wszystko). Do białego używaj kolorów stonowanych, ciemniejszych. Może pomóc ci: colorblender.com lub kuler.adobe.com Imo drugie lepsze, mi bardziej siedzi.

2. Typo troche do bani. Nigdy ale to przenigdy nie wygładzaj czcionek które są w tekstach zmiennych (newsy, itp)! Sama czcionka za duża, ja np. używam tahomy 11px, arial, verdana również pasują.

3. Top - tutaj niestety nie ma praktycznie żadnego, jednie napis z lekkim odbiciem (troche trudno zauważalny :/) i tak zbyt zlewajacy sie z cała stroną

4. Buttony - mało efektów, seperatory słabe, staraj się robić mniej więcej jednakowej wielkości - mam tu na myśli prawy i lewy koniec.

Ogólnie, lay zbyt biedny, ale to ci wybaczam, bo to akurat wymaga cierpliwości, albo katalogowania warstw i możliwości kopiowania wielu na raz, czego w gimpie niestety strasznie brakuje (patrz photoshop). Ponadto staraj się wykonać layouty do kodowania, strony prawa i lewa, może i byłyby do zakodowania, ale kosztowaloby to użytkownika troche cierpliwości. Przede wszystkim zapoznaj się z podstawowymi zasadami - tekstów dynamicznych sie nie wygładza (1), ludzi bardziej przciągają strony żywe lecz nie oczojebne, najlepiej gdy jest dobra zabawa kolorami (2), strony nie powinny sprawiać problemów w poruszaniu (jak ktoś chodzi po stronach dłuższy czas to wyrabia sie odruch) więc nie warto wrzucać menu nie wiadomo gdzie, czy robić zbytnich nowości (tak jak np. ms zrobił z officem 2k7, który spotkał się z falą niezadowoleń, jednak wyszła im ta zmiana na dobre, co nie zawsze sie udaje ) (3)

Ćwicz dalej Na gimptutorials są bodajże 2 tutoriale do stron, może jako tako wprowadzą Cię w trudny świat webdesignu

[Ewe]

http://www.gimpuj.info/gallery/14544_25_05_09_4_52_12.PNG

Wzorowany na tym z gimptutorials , jednak robiony 100% przeze mnie..

[Pilej]

Układ strony, kolorystyka i typografia leży.
Radziłbym najpierw bardzo dużo pooglądać profesjonalnych layoutów na dA i wtedy się brać do pracy

[Ewe]

http://www.gimpuj.info/gallery/14544_26_05_09_12_58_00.png - Pierwsze podejście do portfolio..

[K-ja]

Gdzie stopka, top? Za duża czcionka, mały rozmiar i słabo rozłożone obrazy. Masz tu trochę linków do poradników i innych takich przydają się .
http://psd.tutsplus.com/articles/techniques/a-20-minute-intro-to-typography-basics/#more-3326
http://psd.tutsplus.com/articles/web/16-great-graphic-design-blogs-and-sites/#more-3276
http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-elevate-your-website-design-process-and-results/
http://psd.tutsplus.com/tutorials/interface-tutorials/how-a-simple-layout-can-be-mixed-n-matched-with-patterns-photos-and-backgrounds/

[Ewe]

http://www.gimpuj.info/gallery/14544_27_05_09_2_18_04.png

[K-ja]

A masz!
http://psdtuts.s3.amazonaws.com/001_WebDesignWeek/02_Layout/diagram.jpg

[swistaku]

Nie wygładzaj tekstów, których nie bedzie na stronie jako obrazek (np. przy guzikach możesz wygładzać, przy newsach już nie). Przede wszystkim wszystko za duże, K-Ja dała Ci świetny diagram, spróbuj zrobić coś w tym stylu. Poza tym jak już robisz laya poświęć mu więcej niż godzinę-półtorej, najlepsze powstają czasami i 2 dni. Rozejrzyj się na dA, jak profesjonaliści robią laye, tam siedzi podpowiedź jak je robić by były wygodne i miłe dla użytkownika (broń Boże nie zrzynaj!).

Może przydać Ci się ta książka -> http://helion.pl/ksiazki/csswit.htm. Jest to co prawda ksiązka o CSSie (zapewne też Ci się przyda) jednak dział projektowania witryn zawiera niezbędne porady do ich tworzenia

[K-ja]

najlepiej sobie poczytać trochę tutów na stronach photoshopowych, tam gdzieś jest taki zbiór najładniejszych stron. A layouta nie robi się 15 minut, tylko długo dłużej . (patrz mój layek na BWLa- 5 dni nad nim siedziałam koło 1,5 h dziennie jak nie dłużej)

[INSEKT]

(broń Boże nie zrzynaj!)

Łaj nat? Inspirowanie się lepszymi to droga do sukcesu w rozwoju. Przyjdzie i czas na własne, oryginalne pomysły.

Ziomioslaw: wtedy inni będą się nim inspirować i koło się zatoczy...

[swistaku]

(broń Boże nie zrzynaj!)

Łaj nat? Inspirowanie się lepszymi to droga do sukcesu w rozwoju. Przyjdzie i czas na własne, oryginalne pomysły.

Ziomioslaw: wtedy inni będą się nim inspirować i koło się zatoczy...

Otóż plagiat jest najgorszą rzeczą jaką możesz zrobic ;] na grafie była afera o jednego kolesia i reputacja spadła mu do 0, a był to jeden z (jak wtedy uważano) lepszych ludzi w grafice. Możesz tam robić podobne, ale nikomu nie pokazuj. Z resztą ziomo Ci dobrze wytłumaczył

Ewe, czekamy na kolejnego laya;)

[Ewe]

Szansą dla mnie nie jest plagiat , tylko niezależność , prawo oraz wasze ciekawe pomysły. Lista nr. 1 , gimpuj.info , niesiemy wam grafikę rastową! Czekajcie w wierze na nowego laylout'a , bowiem on kiedyś nadejdzie! (Słucham reklam wyborczych i mi się odbiło..)


@Plagiat na lekkim poziomie nie jest zły , dużo uczy.. Zachęca do pracy , pokazuje już dobry wzór , pozwalając ominąć dużo błędów które mogłyby zniechęcić do pracy..

[INSEKT]

Otóż plagiat jest najgorszą rzeczą jaką możesz zrobic ;] na grafie była afera o jednego kolesia i reputacja spadła mu do 0, a był to jeden z (jak wtedy uważano) lepszych ludzi w grafice. Możesz tam robić podobne, ale nikomu nie pokazuj. Z resztą ziomo Ci dobrze wytłumaczył

Jaki plagiat?!I@()!*# Czy ktoś tu użył stwierdzenia "zerżnij piksel w piksel z czyjejś pracy"? Musisz się na kimś wzorować. Powiesz, że nie? To pokaż mi jakąkolwiek swoją pracę z własnym patentem, którego ktoś przed Tobą już nie stosował.

A Ziomioslaw albo mnie nie zrozumiał, albo Ty nie zrozumiałeś jego. Bo zamykające się koło jest rzeczą oczywistą i nieuniknioną - zawsze słabsi będą podążać za swoimi ideałami (w tym wypadku lepszymi grafikami), nawet jeśli będą zamieniać się miejscami.

[swistaku]

Otóż plagiat jest najgorszą rzeczą jaką możesz zrobic ;] na grafie była afera o jednego kolesia i reputacja spadła mu do 0, a był to jeden z (jak wtedy uważano) lepszych ludzi w grafice. Możesz tam robić podobne, ale nikomu nie pokazuj. Z resztą ziomo Ci dobrze wytłumaczył

Jaki plagiat?!I@()!*# Czy ktoś tu użył stwierdzenia "zerżnij piksel w piksel z czyjejś pracy"? Musisz się na kimś wzorować. Powiesz, że nie? To pokaż mi jakąkolwiek swoją pracę z własnym patentem, którego ktoś przed Tobą już nie stosował.

A Ziomioslaw albo mnie nie zrozumiał, albo Ty nie zrozumiałeś jego. Bo zamykające się koło jest rzeczą oczywistą i nieuniknioną - zawsze słabsi będą podążać za swoimi ideałami (w tym wypadku lepszymi grafikami), nawet jeśli będą zamieniać się miejscami.

Mówiąc "nie zrzynaj" miałem na mysli plagiat, to ty mnie nie zrozumiałeś, ale już nvm, rób jak uważasz ;]

[Ewe]

http://www.gimpuj.info/gallery/14544_29_05_09_8_27_49.png , zalążek nowej pracy , może ma ktoś pomysł na coś oryginalnego lub znalazł już jakiś błąd?

[Gothar]

http://www.gimpuj.info/gallery/14544_29_05_09_8_27_49.png , zalążek nowej pracy , może ma ktoś pomysł na coś oryginalnego lub znalazł już jakiś błąd?

Troche odsuń teskt w menu od lewej strony. Może zrób odstępy, żeby nie było pusto przy tej krowie... ;p Zrób inne zaznaczenie buttonu. Może... efekt podświetlenia, wraz z efektem wciśniętego buttonu. Zrób przedziałki między buttonami (np. takie jakie ma to PFUG)...

[Ewe]

@Up.
Skończyłem lay zanim przeczytałem twoje porady , ale następnym razem je wykorzystam



http://www.gimpuj.info/gallery/14544_31_05_09_11_10_24.png

[swistaku]

2. Typo troche do bani. Nigdy ale to przenigdy nie wygładzaj czcionek które są w tekstach zmiennych (newsy, itp)! Sama czcionka za duża, ja np. używam tahomy 11px, arial, verdana również pasują.

Szczyt wszystkiego, bym musiał sam siebie cytować . Za pusto to po pierwsze. Po drugie za duże odstępy, po trzecie stopki nie ma, po czwarte

Ogólnie, lay zbyt biedny...

.. przysiądź nad nim troszkę dłużej. Top bardzo fajny, ale ta krowa to nie wiem skąd tu się w ogóle wzięła. W ogóle obie krowy są zbędne Pobaw się tym (tworzeniem layoutów) troche dłużej, bardziej.

[Ewe]

@Świstaku , przykro mi ale znów będziesz musiał siebie zacytować ;-S

Market

Kod:

http://www.gimpuj.info/index.php?action=gallery;sa=view;id=40508

Biznes

Kod:

http://www.gimpuj.info/index.php?action=gallery;sa=view;id=41431

Game-Center

Kod:

http://www.gimpuj.info/index.php?action=galler[/center]y;sa=view;id=40848