Polskie Forum Użytkowników GIMP-a

Galerie => Webdesign => Wątek zaczęty przez: Grzesie.k on 13.09.2009, 15:42:26



Tytuł: MicroWeb
Wiadomość wysłana przez: Grzesie.k on 13.09.2009, 15:42:26
MicroNet
MicroWeb v1.0
(http://www.gimpuj.info/gallery/thumb_31923_13_09_09_5_16_07.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=48670)
13.09.2009 o 15:35

MicroWeb v1.1
(http://www.gimpuj.info/gallery/thumb_31923_15_09_09_2_49_52.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=48815)
15.09.2009 o 15:22


MicroWeb v1.2
(http://www.gimpuj.info/gallery/thumb_31923_18_09_09_6_38_07.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=48936)
19.09.2009 o 19:38



Proszę o dokładne komentarze tzn. co jest do poprawy.
Przepraszam, że kilkakrotnie dodaje ten sam layout jedynie lekko zmodyfikowany, lecz chcę wychwycić wszystkie błędy jakie popełniam.


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Pilej on 13.09.2009, 22:03:12
Na pierwszy rzut oka widać się źle dobrane kolory. Szczególnie chodzi o dopasowanie koloru logotypu do koloru reszty strony.
Sprawa druga, nagłówki. Jeśli chcesz użyć nietypowej, nowoczesnej czcionki, by nadać stronie odpowiedniego klimatu, to jak najbardziej, ale od tego jest logotyp. Nigdy nie używaj takowych krojów do nagłówków, bo są one po prostu nieczytelne. Nie spełniają przez to swojej ropli na stronie, jaką jest przejrzystość i łatwość w znalezieniu odpowiednich tekstów.
Nie podoba mi się również kreska pod menu. Jestem zwolennikiem pozbywania się niepotrzebnych linii.
Główna linia pod logotypem, biegnąca przez całą długość strony rozumiem oddziela logotyp i menu od treśći, ale już ta kreska pod menu jest niepotrzebna. Gdyby jej nie było menu nadal utrzymywałoby się w swojej pozycji i wyglądałoby czytelniej. Możnaby tu ewentualnie dodać jakiś ciekawy hover, np w postaci jakiegoś buttonu pod aktywnym linkiem, lub też zwykłe podkreślenie, czy zmiana koloru.
Staraj się wyrównywać tekst do jednej strony, centrowanie w takiej sytuacji to zły pomysł (chodzi o tekst pod "Witaj w moim świecie").
Układ bardzo prosty, choć nie wygląda aż tak źle, ale brakuje tu detali, czegoś, na czym możnaby zawiesić oko.


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Grzesie.k on 14.09.2009, 20:02:51
Celne uwagi: kolory poprawie w następnej wersji, nad nietypową czcionką się zastanowię, lecz na 100% jest do zmiany, kreska spod menu wylatuje, text-align oczywiście zmienię. Układ strony miał być prosty bo user ma zawiesić oko na zawartości. Poza tym planuje dodać hover do 3 dolnych elementów strony. Chodzi mi o to, że będą się wysuwały, nie wiem jak to będzie wyglądało w praktyce lecz chyba będzie dobrze. Layout oczywiście niebawem poprawię. Jeszcze jakieś uwagi? Chce go zakodować, więc czekam na kolejne sugestie.

Dodałem te poprawki (v1.1) logo tylko troszkę zmieniło kolory lecz poza tym chyba ok?


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Pilej on 15.09.2009, 17:12:07
Poprawki zdecydowanie na plus, ale nadal nie jest dodkonale.
W menu wydaje mi się, że to tło lepiej, żeby było tylko pod hoverem, a wszystkie linki w "powietrzu".
Nagłówki wyrównaj do krawędzi trekstu. Trochę za małe marginesy, ciasno jest, szczególnie w "Witaj w moim świecie".
No i kolor logotypu nadal mi nie pasuje. Tyle.


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Grzesie.k on 18.09.2009, 19:43:30
Dodałem kolejną wersję.

Poprawki zdecydowanie na plus, ale nadal nie jest dodkonale.
Nawet nie liczyłem na ideał ale skoro już wspominasz o nim to czekam na kolejne uwagi. <lol>

Ps. Sorry, że publikuje ciągnie ten sam layout lecz chce, by był bliski ideałowi.


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Wertyś on 18.09.2009, 21:10:10
Dodałem kolejną wersję.

Poprawki zdecydowanie na plus, ale nadal nie jest dodkonale.
Nawet nie liczyłem na ideał ale skoro już wspominasz o nim to czekam na kolejne uwagi. <lol>

Ps. Sorry, że publikuje ciągnie ten sam layout lecz chce, by był bliski ideałowi.

Jeśli to twój pierwszy layout to jest to chyba niemożliwe. Doświadczenia nabywa się po wielu próbach, więc jeden lay nie wystarczy...


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Grzesie.k on 18.09.2009, 21:45:39
celna uwaga lecz nie jest to mój pierwszy layout, dlaczego tak pomyślałeś ??? Co jest źle?


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Pilej on 18.09.2009, 21:58:18
Menu już lepsze, ale zrób ciut większy ten button, żeby lik miał trochę przestrzeniu dookoła siebie.

Wywal wypukłość w logu i popracuj nad jego kolorami, bo wciąż nie pasują.
Do tekstu daj Tahome 11px bez wygladzania, bo teraz tekst jest troszke za duży.
Zrób margines pod Kontaktem, "czytaj więcej" przy "Aktualnie" też mjest za bardzo scisinięte, zrób tam trochę miejsca.


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Wertyś on 18.09.2009, 22:01:41
celna uwaga lecz nie jest to mój pierwszy layout, dlaczego tak pomyślałeś ??? Co jest źle?

Wygląda trochę nieprofesjonalnie. Poza tym w twojej galerii nie ma innych :D


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Grzesie.k on 18.09.2009, 22:14:01
#WertyS: a możesz wykrztusić z siebie dlaczego wygląda nie profesjonalnego, tak jak robi to PIL3J.

#PIL3J: Dzięki za kolejne uwagi, lecz tak z czystej ciekawości to dlaczego Verdane mam zastąpić Tahomą (co to da? niewystarczy zmienić jej rozmiaru?)i dlaczego z logo mają zniknąć cienie (z nimi wygląda dużo lepiej)?

Ps. Czy dodanie ImageFlow w największym oknie będzie dobrym wyjściem?


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Pilej on 18.09.2009, 22:19:50
Z cieniami nie wygląda lepiej, bo są brzydkie :P Chociaż zmniejsz krycie. Głównie chodzi o to, że cała strona jest płaska, a logo wypukłe. Możesz używać też i Verdany, powiedziałem Tahoma, bo po prostu mi bardziej odpowiada.
Nie wiem o co chodzi z imageflow :P


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Wertyś on 18.09.2009, 22:27:46
#WertyS: a możesz wykrztusić z siebie dlaczego wygląda nie profesjonalnego, tak jak robi to PIL3J.

Np. Top jest niebieski a tło ciemno-zielono niebieskie (?), więc się zlewa, a powinien zwracać na siebie uwagę.


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Grzesie.k on 18.09.2009, 22:39:40
#PIL3J: ImageFlow to taki mały niemiecki wynalazek na www (skrypt js/php) www.imageflow.finnrudolph.de (http://imageflow.finnrudolph.de) a co do wypukłości strony to może dodać cień pod te wszystkie panele lub pod ten :hover
#WertyS: z topem mam problem bo nie mogę wymyślić kolorku, który by pasował... aktualnie próbowałem tak (http://yfrog.com/0zlayoutpjj), lecz nadal to nie to.


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Pilej on 18.09.2009, 23:11:52
Zamiast cieni może dodaj jakieś gradienty na górze, lepiej to wygląda. Zaznaczasz cały blok, zmniejszasz o 1px i na nowej warstwie robisz gradient biały na przezroczystość od góry do dołu, tryb na pokrywanie/zwykły i małe krycie :)


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Grzesie.k on 18.09.2009, 23:19:06
może i dobry pomysł, lecz nie muszę się tak męczyć. mam plik xcf loga z maskami w rozdzielczości 800x800 więc to tylko gradient. :D Spróbuję to zrobić w najbliższym czasie.


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: Wertyś on 18.09.2009, 23:38:58
W layoucie top pełni bardzo ważną rolę. Jest przedstawicielem strony. Jej ikoną. Dobrym trikiem byłoby za pomocą ścieżek przerobić litery by miały w sobie elementy usług wykonywanych przez właściciela (czyt. bossa) strony jak to robi PIL3J w swoich logotypach. Top musi się wyróżniać. Mógłbyś spróbować zmienić kolor tła. Na biały, na przykład. Wtedy nie ważne w jakim top byłby kolorze (oprócz szarego oczywiście) musiałby się wyróżniać. A to już byłby sukces.


Tytuł: Odp: MicroWeb
Wiadomość wysłana przez: agape on 22.09.2009, 18:41:10
Ale fajne te dwie prace w panelu "Ostatnie prace". Normalnie bomba! Czyje to? :>

Tak na poważnie. Nie podoba mi się logo i logotyp. Kolorystyka też do mnie nie przemawia. Za duże i ogólnie takie hmm.. mało profesjonalne 8-) Dalej - menu - za proste dla mnie. Rozumiem minimalizm itd. ale ten button w menu się mi nie podoba. Może sie pobaw gradientem jakieś fajne obramowanie czy coś.

Na dole jest bardzo ciasno. Powiększ w okienku "Aktualnie" czytaj więcej strasznie scisniete. W "Kontakt" dokładnie to samo, pościskane ikony itd.

Pozdrawiam,
nesq