Polskie Forum Użytkowników GIMP-a

Galerie => Webdesign => Wątek zaczęty przez: Adarn on 26.12.2009, 20:36:04



Tytuł: Galeria Adarn - Webdesign
Wiadomość wysłana przez: Adarn on 26.12.2009, 20:36:04
Witam! Zacząłem od nowa zabawę z webdesignem (o ile tamte 3 prace to był jakikolwiek początek) więc zakładam galerię, by się pochwalić.

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


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: INSEKT on 26.12.2009, 23:48:58
(http://www.gimpuj.info/gallery/thumb_22104_26_12_09_7_30_16.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=55265)

To Trebuchet? Blee! Nuda.
Wszędzie ta sama czcionka. Używanie zbyt dużej ilości fontów w jednym projekcie to grzech, ale używanie zbyt małej ilości również. Zaszalej i nie bój się efektów.
Ta gruba ramka wokół wszystkich elementów jest brzydka, szczególnie w połączeniu z jednopikselowymi liniami oddzielającymi.
Treść, raczej czcionka treści, powinna być mniejsza i niewygładzona. Brakuje jakichś obrazków w artykułach.
Stopki nie ma? Brakuje jej.
Szablon za chudy, za wąski. Wiem, trudno zapełnić tak dużą przestrzeń, ale właśnie dlatego warto robić wcześniej plan pracy na kartce lub w Paincie (zonk xD).

Ćwicz dalej.


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: Adarn on 27.12.2009, 16:22:01
Wersja zakodowana. Ale dla jasności zakodowana dla treningu. Pierwszy raz udało mi się stworzyć stronę zgodną z w3c :D

Klik! (http://www.php5-world.yoyo.pl/mypage/)


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: Pilej on 27.12.2009, 16:36:48
Chyba jednak nie :P

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.php5-world.yoyo.pl%2Fmypage%2F&profile=css21&usermedium=all&warning=1&lang=pl-PL

http://validator.w3.org/check?uri=http%3A%2F%2Fjigsaw.w3.org%2Fcss-validator%2Fvalidator%3Furi%3Dhttp%253A%252F%252Fwww.php5-world.yoyo.pl%252Fmypage%252F%26profile%3Dcss21%26usermedium%3Dall%26warning%3D1%26lang%3Dpl-PL&charset=%28detect+automatically%29&doctype=Inline&group=0


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: Adarn on 27.12.2009, 16:39:06
U mnie na dysku jest dokładnie to samo a walidator wypluwa passed ???

Edit: Przy przenoszeniu na serwer zjadło jedną spacje... Teraz jest już OK.

HTML (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.php5-world.yoyo.pl%2Fmypage%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.654)

CSS (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.php5-world.yoyo.pl%2Fmypage%2F&profile=css21&usermedium=all&warning=1&lang=pl-PL)

Edit:

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

Projekt portfolio.

Edit: A tak przy okazji co myślicie o tym czymś w górnym lewym rogu co pełni funkcje logotypu :P

Edit: Ktoś oceni?

Layout zakodowany! Dostępny pod linkiem do portfolio w stopce. Mówcie co myslicie :P


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: Qajs on 31.12.2009, 22:47:52
Kodowania nie ocenię bo się nie znam, a Lay prosty i z tutka [ lecz widać trochę twojej inwencji twórczej ;)]


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: Wertyś on 01.01.2010, 03:22:15
Komentarze mogłeś podlinkować. Kategorie oczywiście też. "Poprawny..." są niepodlinkowane. Kodu nie oglądałem.


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: Adarn on 01.01.2010, 13:17:48
Kodowania nie ocenię bo się nie znam, a Lay prosty i z tutka [ lecz widać trochę twojej inwencji twórczej ;)

A no z tuta są tylko materiały :P

Komentarze mogłeś podlinkować. Kategorie oczywiście też. "Poprawny..." są niepodlinkowane. Kodu nie oglądałem.

Które co jak? :-X

Aha, ja wybieram ładne toturiale biorę z nich materiały i staram się osiągnąć efekt zaglądają c do tuta tylko w razie problemów.


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: wywrot4 on 01.01.2010, 16:06:41
Ocenie kodowanie bo nie otrzymałeś jeszcze konkretnych rad.

Największy błąd to wykorzystanie "ściśle sztywnego" tło (http://www.php5-world.yoyo.pl/mypage/obr/a.png) - gdybyś chciał wstawić dłuższego news'a tło (http://www.php5-world.yoyo.pl/mypage/obr/a.png) nie pasowało by.
Następny błąd to "menu" (o ile można je tak nazwać) jest w tle i nie są do nich stworzone odnośniki.
Plik CSS mogłeś umieścić w osobnym pliku, ale w tym przypadku gdy style nie jest powielany na innych stronach nie musi być oddzielnie.

Jako plusy mogę wymienić zastosowanie div'ów :P

Nie załamuj się moje początki nie były najlepsze, myśle że jeśli zakodujesz jeszcze kilka layout'ów załapiesz o co chodzi :)


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: Crackeen on 01.01.2010, 16:38:52
Cytuj
A no z tuta są tylko materiały
[..]Aha, ja wybieram ładne toturiale biorę z nich materiały i staram się osiągnąć efekt zaglądają c do tuta tylko w razie problemów.

Dziwne bo efekt końcowy jest identyczny jak w tutku (http://www.grafpedia.com/tutorials/create-a-dark-portfolio-layout-or-a-css-design-showcase-layout)!?

A co do kodowania raczej niemożna łączyć czcionek szeryfowych z bezczeryfowymi. Poczytaj ten artykuł o typografii (http://ludwik.org/blog/typografia-w-projektach-stron-www/)

I jeszcze jedno polecam na zmianę hosta na 000webhost.com - niema reklam :)


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: agape on 01.01.2010, 16:59:51
Typo zwaliłeś. Popatrz jakie jest w tutku i se porownaj ;) Poza tym, co duzo pisac logotyp mógłby być lepszy.


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: Pilej on 01.01.2010, 17:07:12
Nice and clean.


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: Crackeen on 01.01.2010, 17:59:42
A Pilej się zacioł :D :)
(to ma być promowanie twojego logotypu?)


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: Adarn on 28.06.2010, 10:25:36
(http://www.gimpuj.info/gallery/thumb_22104_28_06_10_9_24_22.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=66633)


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: agape on 28.06.2010, 11:03:06
Brzydka typografia i pikseloza na koronie.


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: Adarn on 01.07.2010, 08:29:39
(http://www.gimpuj.info/gallery/thumb_22104_01_07_10_7_28_06.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=66829)

Pierwszy raz PS.

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

Opis w galerii.


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: INSEKT on 01.07.2010, 12:25:56
Innowierca! Pilejorz! Buuu!


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: Adarn on 01.07.2010, 12:29:30
Spokojnie, do GIMPa wrócę, ale mam teraz porąbanego klienta (jeśli można to tak nazwać) który każe mi przeżuwać PSD

A właśnie, Pilej to twój uczeń to co mnie od niego wyzywasz? :P


Tytuł: Odp: Galeria Adarn - Webdesign
Wiadomość wysłana przez: agape on 01.07.2010, 12:39:04
W projekcie przede wszystkim na maksa ssie grid. Top dziwny jakiś, pusty, dobra jest jakiś wielki obrazek ale co z tego? Daj tam jakiś slogan czy hasło reklamowe i od razu będzie to lepiej wyglądało. Druga sprawa, że góra mi nie pasuje do dołu, top jest pusty, a na dole upchane. Myślę, że dużo lepiej by wyglądało gdybyś zrobił menu, równoległe z logotypem. Nie rozumiem, po jakiego kija w contencie dajesz wygładzoną czcionkę. Jak Ty to chcesz zakodować?

Logotyp mi się nie podoba, może dlatego, że nie przepadam za szeryfami.