Polskie Forum Użytkowników GIMP-a

Galerie => Webdesign => Wątek zaczęty przez: Terrqge on 10.11.2009, 21:01:09



Tytuł: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 10.11.2009, 21:01:09
No więc dopiero zaczynam przygodę z Webdesingiem, i na razie zrobiłem 4 szablony, te 3 pierwsze są za brzydkie żeby pokazać :P. Myślę że na razie z powodzeniem mogę korzystać z tutoriali, a gdy dojdę do wprawy będę wymyślał jakieś swoje, Oto 4 szablon, w galerii macie link do angielskiego tutoriala PS.

Terrqge Portfolio
(http://www.gimpuj.info/gallery/thumb_29444_10_11_09_7_52_42.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=52331)

P.S Chyba będę usuwać te stare, oprócz banku bo był na BWL...



Link do Angielskiego tutoriala na Photoshop w galerii.

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


Tytuł: Odp: Szablony Terkuge
Wiadomość wysłana przez: american idiot on 11.11.2009, 21:49:11
bardzo poprawne :P
druga mi się podoba dosyć mógłbyś podesłać linka do tuta??

jedyny minus jaki zauważyłem to brak loga


Tytuł: Odp: Szablony Terkuge
Wiadomość wysłana przez: Terrqge on 11.11.2009, 22:26:52
Eghem, przecież napisałem że link do tutka jest w galerii :D. Tutorial do Photoshop'a (http://hv-designs.co.uk/2009/09/16/software-layout-5/)
Nie robiłem wszystkiego identycznie, m. in zrobiłem całkiem mniejszą stopkę.
Co do loga, to na razie nie robię bo boje się że coś spieprzę :P, Ale może nie długo się nauczę :).


Tytuł: Odp: Szablony Terkuge
Wiadomość wysłana przez: INSEKT on 13.11.2009, 21:15:05
TerrWebsite
(http://www.gimpuj.info/gallery/thumb_29444_11_11_09_7_24_17.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=52390)

Wykonanie dobre, choć ogółem wieje nudą. Rzy-miotować się chce już od tych desek, tym bardziej czarno-białych. Brakuje mi tutaj "głębokiej głębi" - pasowałaby zdecydowanie lepiej od obecnej wersji.


Tytuł: Odp: Webdesing Terkuge
Wiadomość wysłana przez: nerr on 13.11.2009, 22:24:11
A mi się podoba właśnie to, że praca jest spokojna. Uważam, że wygląda dzięki temu bardziej profesjonalnie. ;)


Tytuł: Odp: Szablony Terkuge
Wiadomość wysłana przez: Terrqge on 14.11.2009, 00:14:54
TerrWebsite
(http://www.gimpuj.info/gallery/thumb_29444_11_11_09_7_24_17.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=52390)

Wykonanie dobre, choć ogółem wieje nudą. Rzy-miotować się chce już od tych desek, tym bardziej czarno-białych.

To była zwykła tekstura desek, wziąłem desaturację, ja tam nie widzę czarno-białych deseczek, raczej nie przypominają łaciatych :D. Są po prostu czarno szare, a tym czasem szykuje coś nowego, nie długo powinienem coś wsadzić :).


Tytuł: Odp: Szablony Terkuge
Wiadomość wysłana przez: INSEKT on 14.11.2009, 10:21:27
To była zwykła tekstura desek, wziąłem desaturację, ja tam nie widzę czarno-białych deseczek, raczej nie przypominają łaciatych :D. Są po prostu czarno szare...

To było po prostu głupie i bez sensu :)


Tytuł: Odp: Webdesing Terkuge
Wiadomość wysłana przez: Pilej on 14.11.2009, 14:59:59
Pracuj nad typografią :)


Tytuł: Odp: Webdesing Terkuge
Wiadomość wysłana przez: Terrqge on 14.11.2009, 16:24:42
Wielkie dzięki za rady.
Co do tych łaciatych, to ja ostatnio wariuję :P

Website.com
(http://www.gimpuj.info/gallery/thumb_29444_14_11_09_3_22_32.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=52523)

Wydaje mi się że jest trochę słaba, ale i tak wstawiam, podkreślam że została wykonana wg Angielskiego tutoriala do Photoshop'a, (link w galerii), potem wymyślę coś samemu :).

EDIT: Każdy narzeka na tęczę, no to macie, bez tęczy :P.
(http://www.gimpuj.info/gallery/thumb_29444_14_11_09_6_24_41.PNG) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=52571)

Odświeżam.

Tym razem całkowicie samemu bez żadnych tutków, jako że znów nie miałem pomysłu po raz 3 wybrałem Portfolio :P. Myślę że nie wyszło tak strasznie źle, ale zwaliłem odbicie ;/.



Terrqge Portfolio 1.1
(http://www.gimpuj.info/gallery/thumb_29444_20_11_09_5_11_42.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=52926)



Tytuł: Odp: Webdesing Terkuge
Wiadomość wysłana przez: nerr on 22.11.2009, 18:52:52
Nie podoba mi się deseń w tle. Natomiast "TerrqgePortfolio" jest ładne. ;)


Tytuł: Odp: Webdesing Terkuge
Wiadomość wysłana przez: Terrqge on 26.11.2009, 23:08:07
Najnowszy, mój pomysł :), Nagle naszło mnie na layout, mówcie co poprawić :).

Webdesign.com
(http://www.gimpuj.info/gallery/thumb_29444_27_11_09_4_52_20.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=53382)


Tytuł: Odp: Webdesing Terkuge
Wiadomość wysłana przez: INSEKT on 27.11.2009, 09:37:36
Webdesing.com
(http://www.gimpuj.info/gallery/thumb_29444_26_11_09_10_06_00.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=53382)

Bardzo dobry. Do poprawy na pewno pikselowaty logotyp, biały nagłówek z cieniem -> czarny nagłówek bez. W newsach za ciasno, większe odstępy, marginesy.


Tytuł: Odp: Webdesing Terkuge
Wiadomość wysłana przez: Terrqge on 27.11.2009, 16:36:59
Bardzo się cieszę, słyszeć takie słowa od prawdziwego Eksperta, to zaszczyt :), Poprawiłem to co mówiłeś, ale logotyp zostawiłem, nie mam pomysłu na inny... a ta czcionka już taka jest.



Web Solutions

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

I jak?


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: caje on 05.12.2009, 21:03:56
Strasznie to upchane, nie ma większych odstępów, wygląda jakbyś na siłę oszczędzał powierzchnię ;)

Nie podoba mi się ramka menu, a szczególnie to, że łączy się z tą po prawej

Szkoda, że zastosowałeś 3 różne rodzaje ramek, chaotycznie to wygląda


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Pilej on 05.12.2009, 21:05:15
Czemu tak upychasz wszystko? Teraz są duże rozdzielczości.
Zdecydowanie brakuje koloru, tak jak w poprzednim szablonie. Jeden uzupełniający koloor to za mało.
Za małe marginesy, nie ma oddechu. Brakuje wyróżnienia nagłówków.
Do kompozycji nie mogę się czepić, bo strona stoi równo.
Przydałoby się więcej kontrastu i coś, co przykuwałoby uwagę, może jakieś ikonki.
Ramki takie średnie, bo mało realistyczne, no i nie ma światła, dodaj gradientów trochę.

Następny czerpiący inspirację z Pantery :D Dobrze, że tylko nazwa.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 05.12.2009, 23:14:09
Jutro ujednolicę tą 3 ramkę i dodam jakieś gradienty :), Co do obszerności... to może i trochę przesadzam... Za dużo ściskam :P, Następny layout planuje większy :).

//Pilej: KOLORY!


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: INSEKT on 06.12.2009, 03:44:07
Słusznych uwag Ci udzielili. Strasznie tu ciasno, szczególnie w topie. Ostatnio taka moda, że wolna przestrzeń nie jest niczym złym, szczególnie w takich przypadkach jak ten, gdy nie ma wiele treści na stronie.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 09.12.2009, 19:43:17
Pierwszy logotyp:
(http://www.gimpuj.info/gallery/thumb_29444_09_12_09_6_39_35.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=54171)


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: INSEKT on 10.12.2009, 09:31:04
Pierwszy logotyp:
(http://www.gimpuj.info/gallery/thumb_29444_09_12_09_6_39_35.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=54171)

Na tle najlepiej ciemnym lub jasnym. I pokaż większe!


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 17.12.2009, 19:04:53
(http://www.gimpuj.info/gallery/thumb_29444_17_12_09_6_03_27.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=54613)

2-gi ;).


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: EN on 17.12.2009, 19:32:06
Te przejscia tonalne w nowym sa niebardzo imho.
Poza tym bez fajerwerkow i spazmow ale przyzwoicie.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 17.12.2009, 19:35:08
No właśnie nie umiem, chciałbym rozjaśnić środek, ale próbowałem już wielu metod, zawsze wychodzą takie przejścia :(.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: EN on 17.12.2009, 19:48:54
srodek w sensie zeby byl jasniejszy pod wzgledem samego tla? moze wystarczyloby robic ciut wieksze logo na tej samej powierzchni co optycznie rozjasnialoby srodek?


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 17.12.2009, 19:53:18
Wątpię żeby to pomogło... gdy są jaśniejsze, jakieś bardziej kolorowe tła to tego tak nie widać, a przy szarym i czarnym najbardziej.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: caje on 17.12.2009, 19:58:43
Robiłeś to grafientem z czarnego do szarego? czy nową warstwą z białym na małym kryciu?
Bo przy niepełnym kryciu wychodzą właśnie takie kręgi.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 17.12.2009, 20:04:38
Tak, ale krycia za bardzo nie zmieniałem, tylko ustawiłem na miękkie światło... a jak robiłem z szarego na biłay to było podobnie ;(.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Silterss on 17.12.2009, 20:32:24
Rozmyj Gaussem, pomoże.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: caje on 17.12.2009, 20:36:38
Silterss, no właśnie nie pomaga i to jest największy problem.

Myślę, że jakbyś wybrał dwa odcienie szarego i żadnych warstw jako miękkie światło czy niepełen krycie to by było normalne przejście.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 17.12.2009, 20:43:59
Caje, tak mi wyszło:
(http://www.gimpuj.info/gallery/thumb_29444_17_12_09_7_42_16.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=54621)
Chyba lepiej ;), Dzięki :).


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: INSEKT on 17.12.2009, 20:57:08
Rozmyj Gaussem, pomoże.

Nigdy w życiu.



Jakie są powody? Użyłeś zbyt małej różnicy kontrastu między miejscem rozjaśnionym i przyciemnionym. W tej chwili widzisz odcienie stojących obok siebie kolorów, hmm, nie umiem tego zrozumiale wytłumaczyć. Takie rzeczy po prostu robią się przy zbyt delikatnych gradientach kołowych, tym bardziej przy trybach krycia innych niż Zwykły i zmienionych wartościach krycia. Po prostu wystarczy zmniejszyć kontrast lub zniekształcić tło, np. szumem.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Pilej on 17.12.2009, 21:01:07
Jeśli robisz gradient do przezroczystości, to zawsze tak wyjdzie. Ustaw kolor pierwszoplanowy i drugoplanowy i wtedy zrób gradient.
Jeśli to też nie pomaga, to już nie Twoja wina, tylko monitorów obserwatorów, bo nie wyświetlają wszystkich kolorów.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 01.01.2010, 22:06:41
EDS Studio
(http://www.gimpuj.info/gallery/thumb_29444_01_01_10_9_04_20.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=55813)


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Rafal199 on 01.01.2010, 23:39:09
Jak przejrzałem twoją galerie to jakoś tak doszedłem do wniosku że czas się zabrać za webdesign :P A co do lay'a to troche ścisk między kolumnami :)


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: agape on 02.01.2010, 10:08:27
Co do laja mam mieszane uczucia :P Jakieś takie małe mi sie to wydaje :P Przede wszystkim nie podoba mi sie polączenie E i D w logotypie. Lorem ipisum dolor bym też przesunął nieco w góre i jakiś taki mocniejszy kolor dał.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 02.01.2010, 16:29:27
Jak przejrzałem twoją galerie to jakoś tak doszedłem do wniosku że czas się zabrać za webdesign :P A co do lay'a to troche ścisk między kolumnami :)

Wiem, wiem, za dużo ściskam, następny lay będzie mniej poupychany...
A i jeszcze muszę skończyć ten eko-toner :P.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: agape on 02.01.2010, 19:08:56
A i jeszcze muszę skończyć ten eko-toner :P.

Noo, ja czekam :D


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 31.01.2010, 15:43:22
Forum Webdesign

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


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: agape on 01.02.2010, 20:16:01
W topie trochę pusto, mógłbyś tam dodać jakiś bokeh czy coś w tym stylu. Nie podoba mi się to, że u góry czcionka jest wszędzie z kursywą. W menu mogłeś zostawić normalną. Buttony strasznie niewyraźne, ledwo co je widać. W belkach mogłeś zrobić jakieś lepsze te cienie, bo teraz dziwnie wyglądają. W topie, tam gdzie są wyniki BWL, 1, 2, 3 miejsce mogłyby być wyrównane do lewej. W nowych tematach, kolor użytkowników bym zmienił, teraz jest słabo widoczny (chodzi o to by Bill Gates).

Ogólnie całkiem przyjemnie.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 17.02.2011, 19:46:08
ADV

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

dA (http://terrqge.deviantart.com/art/ADV-Design-167518116)

---

(http://www.gimpuj.info/gallery/29444_17_02_11_6_54_46.png) (http://www.gimpuj.info/)

Wstępna wersja mojego logo, na razie mała, ale potem by się zwektoryzowało. Piszcie co poprawić i czy w ogóle ma to ręce i nogi.

Największym problemem nad którym ubolewam jest to, że to coś niczego nie przedstawia, a to chyba niezbyt dobrze.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: INSEKT on 18.02.2011, 17:22:13
Bardzo fajny dobór czcionki i kolorów, szczególnie w tym... czymś, co robi za logo ;) Podkolorowane litery też wyglądają nieźle.
Ale w rewersie kolory już się nie sprawdzają zupełnie. Zorganizuj to inaczej.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 01.06.2011, 15:48:29
Rewers to wersja logo na czarnym tle, tak?
Jeśli tak to może coś zasugerujesz, ja osobiście nie za bardzo mam pomysł jak odwzorować to dobrze na ciemnym tle, myślałem nad tym, żeby żeby góra tej kulki (to coś w kolorze szarym) była w wersji na ciemne tło jasnofioletowa, ale mogło by to się nieco zlewać z resztą kuleczki.

---

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

dA (http://terrqge.deviantart.com/art/HCW-pl-211254867)

Dół razem ze stopką trochę na odwal, już nie miałem ochoty za to się zabierać, w sumie nie takie nowe bo na dysku siedzi trochę, dziś postanowiłem skończyć, nie do końca wyszło tak jak chciałem, ale chyba aż tak źle nie jest.

Tło nie ma być czarne, u mnie jest ciemnoszare, niestety na niektórych monitorach jest znacznie ciemniej na co nic nie poradzę.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: INSEKT on 02.06.2011, 14:53:50
Większe, kolego, większe!

Detale są i są spoko.
A w stopce widać odbicie tekstu, którego nie ma, muahah!


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 02.06.2011, 18:10:08
Zauważyłem to od razu po wsadzeniu, ale szczerze mówiąc mam to wiesz gdzie, nie chciało mi się już wrzucać poprawionej wersji.

Cytuj
Większe, kolego, większe!

Nie łapię, ironia czy wszystko za małe?


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: agape on 03.06.2011, 13:47:51
Nie podoba mi się font i jego wyśrodkowanie w nagłówkach.

Reszta spoko. 


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 03.06.2011, 14:03:55
Niestety nigdy nie umiałem wybierać dobrych czcionek, nadal mam z tym problemy, ale akurat ta, którą walnąłem tutaj najbardziej mi pasowała spośród wszystkich które mam zainstalowane.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Wertyś on 03.06.2011, 15:57:57
Mnie też font lekko nie odpowiada, ale to większego znaczenia nie ma. Za dużo Allera i człowiek się przyzwyczaja :)


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 03.06.2011, 18:35:21
Ta czcionka to Candara.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Wertyś on 03.06.2011, 20:01:33
Chodziło mi o to, że wszędzie Allera używam, bardzo często go spotykam i przyzwyczaiłem się do tej czcionki. Teraz wszystkie czcionki w nagłówkach podobne, ale nie będące Allerem jakoś mi nie pasują.

PS: Dzięki za nazwę :)


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: agape on 03.06.2011, 23:46:37
Mnie też font lekko nie odpowiada, ale to większego znaczenia nie ma.

Hę? Przecież typografia to dość istotny element projektu, jeden z ważniejszych.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 04.06.2011, 09:55:30
A tak z ciekawości, jaką czcionkę byście proponowali na miejsce Candary?


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Wertyś on 04.06.2011, 10:44:27
Mnie też font lekko nie odpowiada, ale to większego znaczenia nie ma.

Hę? Przecież typografia to dość istotny element projektu, jeden z ważniejszych.

Ale to, czy czcionka to Candara, czy dosyć podobny Aller mnie tak bardzo nie przeszkadza a tym bardziej zwykłemu użytkownikowi, którego wiele czcionka nie obchodzi.


A tak z ciekawości, jaką czcionkę byście proponowali na miejsce Candary?

Aller albo ubuntu najbardziej by mi pasowały, ale pewnie znalazłoby się coś lepszego.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 04.06.2011, 11:13:59
Mi Aller zbrzydł, gdy wszędzie się widzi taką samą czcionkę ona po pewnym czasie po prostu się nudzi... Przynajmniej ja mam takie odczucie.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: INSEKT on 06.06.2011, 11:25:51
To nie była ironia. Ta ciemność sprawia, że wszystko się zmniejsza. Więcej miejsca przydałoby się w kontenerach z oferowanymi serwerami, lepsze wyróżnienie ich.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: Terrqge on 10.06.2011, 20:47:38
Też to zauważyłem. Właśnie zamierzam teraz zrobić coś na jaśniejszym tle.

---

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

Redesign Androidmarket.
Baza: http://market.android.com


Niekoniecznie chciałbym, żeby tak wyglądał market bo obecny jest spoko, po prostu chciałem poćwiczyć.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: agape on 10.06.2011, 21:07:49
Tak jak Ci już mówiłem, jest całkiem spoko, ale usability leży. Niezbyt by się projekt sprawdził w praktyce. Ale technicznie progres.


Tytuł: Odp: Webdesign Terkuge
Wiadomość wysłana przez: INSEKT on 14.06.2011, 10:25:07
Mnie nie podchodzi.