Zapra­szam do prze­czy­ta­nia mojego arty­kułu na temat przy­go­to­wań do pro­jek­to­wa­nia strony w Adobe Pho­to­shop. W następ­nych czę­ściach będę poka­zy­wał two­rze­nie każ­dej czę­ści sza­blonu. Ten arty­kuł powi­nien prze­czy­tać każdy, kto chce pro­jek­to­wać w przy­szło­ści sza­blony dla stron WWW.

1. Czego nauczysz się w tym poradniku?

Ten porad­nik jest przy­go­to­wa­niem do stwo­rze­nia wła­snego pro­jektu strony w pro­gra­mie Adobe Pho­to­shop. Nauczysz się tutaj w jaki spo­sób dobie­rać kolory, kształty, style oraz jak roz­mie­ścić poszcze­gólne ele­menty strony w odpo­wiedni sposób.

Mam nadzieję, że po prze­czy­ta­niu serii moich porad­ni­ków zdo­bę­dzie­cie doświad­cze­nie, a także posze­rzy­cie bądź uzu­peł­ni­cie wie­dzę na temat posłu­gi­wa­nia się pro­gra­mem Adobe Pho­to­shop. Zaczynajmy!

2. Od czego zaczynamy?

Two­rząc stronę musimy się wcze­śniej dobrze zasta­no­wić nad wszyst­kimi jej aspek­tami, czyli nad tema­tem, kolo­ry­styką, sty­lem itp.. Naj­waż­niej­sze jest jed­nak roz­ło­że­nie poszcze­gól­nych ele­men­tów strony. Ich nie­umie­jętne roz­pla­no­wa­nie staje się uciąż­liwe dla użyt­kow­nika, bo jest mu ciężko poru­szać się po tej witry­nie. Dla­tego pro­po­nuję wziąć czy­stą kartkę papieru i nary­so­wać na niej ołów­kiem wszyst­kie ele­menty strony, które zostaną użyte w tym pro­jek­cie. Pro­po­no­wany przeze mnie wygląd strony jest taki:

To chyba naj­czę­ściej uży­wany spo­sób na roz­miesz­cze­nie poszcze­gól­nych ele­men­tów strony. Jest pro­sty i przej­rzy­sty, więc użyt­kow­nik szybko znaj­dzie w nim odpo­wied­nie informacje

3. Kolory na stronie

Bada­cze z Car­le­ton Uni­ver­sity w Otta­wie odkryli, że pierw­sza opi­nia o oglą­da­nej stro­nie inter­ne­to­wej powstaje w mózgu w ciągu jed­nej dwu­dzie­stej sekundy. Wra­że­nie jest dość trwałe.

Dla­tego w stro­nie inter­ne­to­wej ważne jest roz­miesz­cze­nie kolo­rów. Odpo­wied­nie ich dobra­nie i łącze­nie to praw­dziwa sztuka. Cza­sem ich zestaw przy­cho­dzi z cał­kiem innego źródła. Można zna­leźć gotowe zesta­wie­nia kolo­rów w inter­ne­cie. Ale można samemu je dobrać wyko­rzy­stu­jąc wyobraź­nię. Zesta­wie­nie kolo­rów w moim pro­jek­cie to np.: fio­let, ciemny szary, wysoko nasy­cona żółć i oliw­kowy. Ładnie wyglą­dają połą­czone ze sobą.

Nie pole­cał­bym pod­bie­ra­nia kolo­rów z innych stron. To jest coś w rodzaju kra­dzieży pomy­słu. Pokaż, że jesteś na tyle kre­atywny, że sam dobie­rzesz wła­sne kolory do strony.

Inspi­ra­cji możesz też szu­kać w tema­tyce strony. Np. kolory do strony o archi­tek­tu­rze sta­ro­rzym­skiej to szary i mar­mu­rowy, bo w takich kolo­rach wyobra­żam sobie sta­ro­żytne rzym­skie rzeźby.

4.Style do strony – jaki wybrać?

Ist­nieje mnó­stwo sty­lów do stron. Który wybrać? Naj­le­piej ten, który jest obec­nie modny. Bo musi­cie wie­dzieć, że w inter­ne­cie też obo­wią­zuje moda. Np. dwa lata temu modne były style z efek­tami 3D połą­czone z gra­fiką wek­to­rową. Teraz przy­szła moda na sub­telne ramki wokół belek menu i nawi­ga­cji w kolo­rach mało inten­syw­nych i z ubogą paletą barw. Jaki styl będzie modny jutro? Tego nikt nie wie!

Nie suge­ruj się obecną modą. Możesz też stwo­rzyć swój nie­po­wta­rzalny styl, który będą podzi­wiać wszy­scy i który, być może nada nową modę w internecie.

Styli jed­nak nie można mie­szać. Zbyt upstrzone strony to prze­rost formy nad treścią.

Styl to także czcionka. Jest mnó­stwo ser­wi­sów udo­stęp­nia­ją­cych dar­mowe czcionki. Do pro­jektu należy użyć od 1 do 3 czcionek.

Czcionki powinny do sie­bie paso­wać i mieć także ten sam styl. Zbyt duże nało­że­nie efek­tów na czcionki utrud­nia odczy­ta­nie tek­stu, a przede wszyst­kim wygląda to nie­este­tycz­nie. Tutaj przykład:

Do sty­lów należą także pędzle. Ich też jest sporo w sieci. Były czę­sto wyko­rzy­sty­wane do pro­jek­tów dwa lata temu. W obec­nych sty­lach do stron WWW używa się ich spo­ra­dycz­nie i tylko w nagłów­kach albo ban­ne­rach. Zbyt duże nakła­da­nie warstw pędzli daje okropny efekt. Dla­tego należy wybrać ich odpo­wiedni kolor i na wybra­nym kształ­cie wsta­wić kilka wzo­rów. Potem można zmniej­szyć ich przezroczystość.

5. Kształty na stronie

Kształty są ele­men­tami stylu strony. One także nadają cha­rak­ter witry­nie. W zależ­no­ści od strony sto­suje się różne kształty. O ich zróż­ni­co­wa­niu możemy się prze­ko­nać oglą­da­jąc belki menu na innych stro­nach. Daw­niej były w kształ­cie „fasolki”, potem w kształ­cie lekko zaokrą­glo­nego pro­sto­kąta, a teraz już w kształ­cie samego pro­sto­kąta. Możesz zro­bić menu nawet i w kształ­cie koła; wszystko zależy od Ciebie.

Myślę, że po prze­czy­ta­niu tego arty­kułu zacznie­cie ina­czej patrzeć na strony w inter­ne­cie. Bo w webde­si­gner­stwie nie jest naj­waż­niej­sza zna­jo­mość pro­gra­mów gra­ficz­nych oraz umie­jęt­no­ści, ale kre­atyw­ność i ory­gi­nal­ność wyko­na­nych projektów.

Popu­la­rity: 1% [?]