Polskie Forum Użytkowników GIMP-a

Galerie => Webdesign => Wątek zaczęty przez: Quot on 04.09.2009, 21:27:23



Tytuł: Quot webdesign
Wiadomość wysłana przez: Quot on 04.09.2009, 21:27:23
Dopiero zaczynam robienie projektów tego typu co wcale nie znaczy, że jestem zielony w webmasterce ;] To jest mój pierwszy lay a zarazem trzecia odsłona mojego portfolio.
Wiem że jest tam masa błędów, niedociągnięć oraz innych badziewi i właśnie dlatego daje go wam do oceny zanim zakoduję. Bardzo proszę surowo oceniać i wytykać błędy :)


(http://www.gimpuj.info/gallery/thumb_19389_04_09_09_8_26_06.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=48065)


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: INSEKT on 05.09.2009, 11:51:17
Jejk-u, mógłbyś się powzorować z miejsca na kilku stronach chociażby np. Pileja, już przy perwszym podejści uninąłbyś wielu podstawowych błędów takich jak typografia (brzydkie, wielkie czcionki, dopasowanie różnych czcionek), logo/logotyp, przypisy w stopce i ogólna kompozycja (eleganckie czcionki szeryfowe w połączeniu z prostotą i brakiem estetyki).


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 05.09.2009, 13:15:34
Dzięki za komentarz. Rozumiem że trzeba zmienić czcionkę w menu, logo i stopce...
Możesz mi jeszcze wyjaśnić co jest złego w "ogólnej kompozycji" bo chciałbym poprawić ale nie wiem o co Ci dokładnie chodzi :)


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: agape on 05.09.2009, 15:33:47
Wszystko jest za duze.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: INSEKT on 05.09.2009, 16:02:31
Możesz mi jeszcze wyjaśnić co jest złego w "ogólnej kompozycji" bo chciałbym poprawić ale nie wiem o co Ci dokładnie chodzi :)

No właśnie chodzi mi o te połączenie prostoty z elegancją. Elementy takie jak proste tło strony i elegancka szeryfowa czcionka do siebie nie pasują. Nie pasuje również lekko pomarańczowy napis na jaskrawym, żółtym tle, a do nich z kolei nie bardzo pasuje ubarwienie kulek.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 05.09.2009, 16:54:49
Możesz mi jeszcze wyjaśnić co jest złego w "ogólnej kompozycji" bo chciałbym poprawić ale nie wiem o co Ci dokładnie chodzi :)

No właśnie chodzi mi o te połączenie prostoty z elegancją. Elementy takie jak proste tło strony i elegancka szeryfowa czcionka do siebie nie pasują. Nie pasuje również lekko pomarańczowy napis na jaskrawym, żółtym tle, a do nich z kolei nie bardzo pasuje ubarwienie kulek.

Hmm... skoro nie pomarańczowy to może taki szary/srebrny na tekst? Czcionkę już zmieniłem na taką grubszą i chyba troszkę bardziej pasującą do ogółu. Kulki też postaram się przefarbować albo po prostu je zdesaturuję :) Dziękuje INSEKT. Twoje wskazówki dużo mi pomogły :)

Bez przesady. Rozmiar tekstu "Lorem impsum..." jest moim zdaniem odpowiedni :)
Wszystko jest za duze.




Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: agape on 05.09.2009, 18:13:54
Lorem ipsum tez za duzy.. Ogolnie typografia do poprawy.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 11.09.2009, 15:35:58
Oto wersja poprawiona:

(http://www.gimpuj.info/gallery/thumb_19389_11_09_09_2_33_22.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=48519)

W dalszej części proszę o wytykanie błędów i sugestie. Wersja v1.1
[poprawione: czcionki,logotyp, kontakt i kilka innych]


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Incognito44 on 12.09.2009, 21:41:27
Wersja 1.1 już rozmiarowo lepsza, ale ja na twoim miejscu jeszcze bym zmniejszył. Ogólnie lay trochę pustawy i nie przyciąga wzroku. Może to tylko moje zdanie, bo wolę ciemniejsze, które tak po oczach nie rażą jak się dłużej ogląda.

PS. Mógłbyś podać nazwę fontu w v1.0 ?


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 12.09.2009, 23:00:11
Episode
PS. Mógłbyś podać nazwę fontu w v1.0 ?

Episode. Dzięki za ocenę...


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Pilej on 13.09.2009, 23:15:36
Wersja poprawiona się nie wyświetla ;)


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 14.09.2009, 16:39:09
Wersja poprawiona się nie wyświetla ;)

Jak to nie? U mnie jest dobrze.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Qba_ on 14.09.2009, 16:51:24
Miniaturka się nie wyświetla w poście.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 14.09.2009, 17:00:05
Mi się wyświetla... Macie jeszcze raz:

(http://www.gimpuj.info/gallery/thumb_19389_12_09_09_7_28_15.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=48519)

A jak nie idzie to link do pracy: http://www.gimpuj.info/gallery/19389_12_09_09_7_28_15.jpg (http://www.gimpuj.info/gallery/19389_12_09_09_7_28_15.jpg)


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Pilej on 15.09.2009, 17:38:29
Ciężko oceniać, bo jest na prawdę kiepsko. Proponuję najpierw pooglądać trochę prac na dA, vivee, cssmanii i innych na tego typu stronach. Nie masz wyczucia estetyki póki co, nic ze sobą nie współgra. Kolor żółty używa się jako dopełniacz, nie zaś jako tło. W tej pracy właśnie uzyskałeś przesycenie żółtym kolorem. Te kulki w logotypie wyglądają trochę "dziecinnie", nie nadają się do studia webdesignu. Te jaka pod logotypem w stylu Domaxiego też nie prezentują się zbyt dobrze. Brak nagówków to nie jest dobry pomysł. Tekst za duży, wystarczy Tahoma 11. Za mocne zaokrąglenia rogów w blokach tekstu. Te diwe figury (bo nie wiem jak to nazwać), co wystają z prawego bloku tekstu w ogóle nie pasują.
No nic, oglądaj, oglądaj i projektuj dalej. Czekamy na rezultaty.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Wertyś on 15.09.2009, 22:55:29
Za duże czcionki, brak menu, nie te kolory i wiele innych błędów, które wymienił PIL3J. Czeka Cię jeszcze wiele pracy. Za jakiś czas będziesz musiał dokonać wyboru. Zostaniesz przy robieniu layoutów, czy wrócisz do swoich poprzednich zajęć.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 16.09.2009, 16:16:01
Za jakiś czas będziesz musiał dokonać wyboru. Zostaniesz przy robieniu layoutów, czy wrócisz do swoich poprzednich zajęć.

A weź spadaj! Co się to interesuje co będę robił?! Uwagi owszem ale bez przesady  >:(


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 19.09.2009, 20:30:24
Zastosowałem się (może aż do przesady xD) do porad Pilej'a i INSEKTa. Całkowicie przerobiona wersja.

(http://www.gimpuj.info/gallery/thumb_19389_19_09_09_7_27_50.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=49014)

Zapraszam do oceniania


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: agape on 19.09.2009, 21:34:00
Jak dla mnie jeszcze gorzej. Nic z tego laya juz nie bedzie - zrob cos nowego. Nie wiem za bardzo co napisac, bo raczej wszystko jest zle.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Pilej on 19.09.2009, 21:35:34
Racja, zostaw to, pooglądaj prace innych, poczytaj trochę, a potem zrób coś nowego ;)


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: INSEKT on 20.09.2009, 10:21:50
Ten lej też jest - done :P

Rób następny.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 20.09.2009, 19:45:23
No dobra. Liczyłem że zakoduje ten lay bo potrzebne mi jest portfolio.

edit// Mam do was takie pytanie: Czy ten lay (ten bordowy) w ogóle nadaje się do pokazania bo pilnie potrzebuje portfolio.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: INSEKT on 21.09.2009, 15:48:26
No dobra. Liczyłem że zakoduje ten lay bo potrzebne mi jest portfolio.

edit// Mam do was takie pytanie: Czy ten lay (ten bordowy) w ogóle nadaje się do pokazania bo pilnie potrzebuje portfolio.

Szczerze? Jeśli pokazałbyś mi TO portfolio, to nie skorzystałbym z Twoich usług :)


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 21.09.2009, 15:52:10
No dobra. Liczyłem że zakoduje ten lay bo potrzebne mi jest portfolio.

edit// Mam do was takie pytanie: Czy ten lay (ten bordowy) w ogóle nadaje się do pokazania bo pilnie potrzebuje portfolio.

Szczerze? Jeśli pokazałbyś mi TO portfolio, to nie skorzystałbym z Twoich usług :)

No dobra... Robię następne


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Pilej on 21.09.2009, 16:12:20
Może najpierw się trochę podszkol, bo to na prawdę bez sensu zaczynać od portfolio, skoro nawet się nie ma tam co pokazać :)


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: INSEKT on 21.09.2009, 19:34:52
A tak w ogóle to czemu tak Ci się spieszy? Praca domowa do szkoły? Podłapałeś klienta i chce zobaczyć Twoje prace? Czy może po prostu ambicje? :P


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 21.09.2009, 20:33:55
Głównie ambicje ale co jakiś czas pisze do mnie ktoś ze zleceniem ale chce zobaczyć portfolio. Ale w sumie Pilej ma racje - trzeba mieć jeszcze co tam zamieścić. :)


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 25.09.2009, 21:24:14
(http://www.gimpuj.info/gallery/thumb_19389_25_09_09_8_22_14.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=49362)

Nowy lay wykonany dla SU. Bardzo proszę o oceny bo mam jeszcze możliwość korekty.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Qba_ on 25.09.2009, 21:47:48
Pierwsze, co od razu mnie razi to JPEG - przez to szablon stracił trochę na jakości. Na przyszłość zapisuj w PNG. Kolorystyka mi się zbytnio nie podoba, ale to pewnie dlatego, że nie lubię bordo. Litera "W" w logu wygląda co najmniej dziwnie, jest zbytnio pogrubiona. Sam napisa jest zły, ponieważ ma ucięty spód (wchodzi na panel). Samo logo też mi zbytnio nie pasuje, bardziej widziałbym tam litery "S" i "U" w jakiś ciekawy sposób połączone.

Ogółem to nawet, nawet, ale do perfekcji Ci jeszcze daleeeko :).


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 25.09.2009, 21:50:34
Pierwsze, co od razu mnie razi to JPEG - przez to szablon stracił trochę na jakości. Na przyszłość zapisuj w PNG.

Ta praca ma 1024x768 więc .png będzie dużo ważył. A JPG kompresuje :)

Ziomioslaw: stratnie, oba kompresują tak właściwie, ale PNG nie powoduje utraty informacji.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Qba_ on 25.09.2009, 21:52:32
Czy ja wiem... Ten szablon nie ma zbyt wiele kolorów, więc PNG nie będzie zajmował aż tak dużo miejsca. Myślę, że będzie to maksymalnie jakieś 300 - 400 kB :).


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: INSEKT on 25.09.2009, 22:12:11
...maksymalnie jakieś 300 - 400 kB :).

Mnieeej.

Wyrzuć SU i linię spod logo. Zmień kolor żółty na ciekawszy i popraw zbyt mocne, rozmazane kontury.
Slogan czerwoną czcionką połączony z czerwonym elementem wygląda beznadziejnie.
Do czerwonych elementów może dodaj jakieś delikatne kontury (i do przycisków menu), by było bardziej wyraziście.
Koniecznie popraw ramki w treści strony - zrób je jedno, a nie dwupikselowe. Popraw też zaokrąglony róg, bo jest za mocny.
Używasz za dużo Gaussa i o zbyt dużych wartościach.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: agape on 25.09.2009, 22:30:54
Nad stopka za duzo wolnego miejsca. Kolory za bardzo mi sie nie podobaja ale to chyba zalezy od gustu :) Dalej, "Gimnazjum..." bym dal troche do gory zeby cale bylo widac. Nie wygladzaj czcionek. Wracajac do pustki nad stopka, moze sproboj zrobic tam 2/3 rowne galerie z tekstem lub jakimis obrazkami. Wazne by nie bylo tak pusto.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 25.09.2009, 22:57:10
Nad stopka za duzo wolnego miejsca. Kolory za bardzo mi sie nie podobaja ale to chyba zalezy od gustu :) Dalej, "Gimnazjum..." bym dal troche do gory zeby cale bylo widac. Nie wygladzaj czcionek. Wracajac do pustki nad stopka, moze sproboj zrobic tam 2/3 rowne galerie z tekstem lub jakimis obrazkami. Wazne by nie bylo tak pusto.

Tam będzie reklama. :)

...maksymalnie jakieś 300 - 400 kB :).

Mnieeej.

Wyrzuć SU i linię spod logo. Zmień kolor żółty na ciekawszy i popraw zbyt mocne, rozmazane kontury.
Slogan czerwoną czcionką połączony z czerwonym elementem wygląda beznadziejnie.
Do czerwonych elementów może dodaj jakieś delikatne kontury (i do przycisków menu), by było bardziej wyraziście.
Koniecznie popraw ramki w treści strony - zrób je jedno, a nie dwupikselowe. Popraw też zaokrąglony róg, bo jest za mocny.
Używasz za dużo Gaussa i o zbyt dużych wartościach.

Wywalenie SU odpada. Jakie kolor loga proponujesz skoro strona jest bordowa z żółtym akcentem(biały?)? Ramkę na tekst może poprawie. Zobaczę jeszcze jak się będzie prezentowała.
A ten bordowy napis oddzielę do elementu... :)


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 25.09.2009, 23:29:54
Wersja poprawiona:

(http://www.gimpuj.info/gallery/thumb_19389_25_09_09_10_27_49.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=49370)

Sorry za double post ale chciałem żeby było widać że w temacie jest nowy post. Poprawię niebawem :)


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Qba_ on 26.09.2009, 09:50:29
Nie wygładzaj czcionki. Logotyp mi się nie podoba, spróbuj jakiś w ciekawy sposób połączyć litery "S" i "U" i będzie git :P.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: INSEKT on 26.09.2009, 11:54:47
Nie wygładzaj czcionki.

Tylko w przypadku, gdy chce umieścić normalny tekst indeksowany. Jeśli nie, można robić je w postaci grafik.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Quot on 02.10.2009, 20:33:55
Projekt strony szkolnej. Wcześniej robiony pod kątem samorządu uczniowskiego.

(http://www.gimpuj.info/gallery/thumb_19389_02_10_09_7_30_42.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=49778)


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Qba_ on 02.10.2009, 21:37:12
Ten logotyp jest strasznie chropowaty na krawędziach.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: mmiicc on 02.10.2009, 22:14:43
Ten logotyp jest strasznie chropowaty na krawędziach.

Nie zauważyłeś, że jest moda na "nie wygładzanie czcionek"? ;)


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Qba_ on 02.10.2009, 22:20:30
Mmiicc, moda modą, ale to wygląda tak brzydko, że nie da się na to patrzeć :P.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: Wertyś on 02.10.2009, 23:01:31
Mmiicc, moda modą, ale to wygląda tak brzydko, że nie da się na to patrzeć :P.

Potwierdzam. Trochę nieciekawy efekt.


Tytuł: Odp: Quot webdesign
Wiadomość wysłana przez: agape on 03.10.2009, 09:46:05
Popatrz na laye na deviancie i porownaj je ze swoim.

Dalej nad stopka pusto.