Šīs tēzes domātas tiem, kas nolēmuši spert savus pašus pirmos soļus web dizaina izstrādē -  pieejot izstrādei šoreiz vairāk no tehniskajām prasībām, ne tik daudz no mākslinieciskās puses.

Varbūt, Jums ir jau zināma pieredze darbā ar dizaina programmām, kā Ilustrator, Photoshop, Corel Draw utt., taču esat nonākuši pie web dizaina izstrādes uzdevuma pirmo reizi, kas atšķiras ar savu specifiku no citiem dizaina darbiem.

Šo pāris pamatlietu ievērošana būtiski atvieglos dzīvi web lapas programmētājiem un citiem izstrādātājiem. Uzlabos arī pašu gala rezultātu. Tiem, kas jau šajā jomā ir guvuši zināmu pieredzi, tas gan noteikti nebūs nekas jauns

Pirms ķeramies pirmo reizi pie web dizaina izstrādes, iepazīstamies ar html/css pamatiem – ir svarīgi gūt izpratni, kā dizains pēc tam tiek realizēts, lai varētu panākt maksimālo rezultātu no dizaina ne tikai skicē, bet pēc tam skici pārveidojot reālā web lapā, un izvairītos no situācijām, kad rezultāts krietni atšķiras no tā, kas sākotnēji tika uzzimēts.

1. Web dizaina zīmēšanai izmantojam Photoshop (nevis Ilustrator, Corel Draw u.tml.). Varam izmantot dažādus objektus (vektorus, 3d objektus u.tml.) no citām programmām, taču rezultātu saliekam kopā kā Photoshop dokumentu (.psd). Tas atrisinās daudzas problēmas un jautājumus pēc tam pie dizaina griešanas.

2. Dizaina dokumentam jātbilst sekojošām prasībām – RGB, 72 dpi. Aktīvo dizaina daļu zīmējam ~980pxrobežās (platumā staipīga dizaina gadījumā tam jābūt kā optimālajam platumam, kurā weblapa ir normāli apskatāma). Neaizmirstam par ekrāna izmēriem, jo lielākajam vairumam atšķirībā no dizaina jomā strādājošiem cilvēkiem nav lieli ekrāni + ir tendence izmantot mobilās ierīces un kompaktos datorus web apskatei. Varam uztaisīt priekš sevis 1024×768px lielu laukumu, kurā tad skatamies, kā dizains “ieguļas” (princips līdzīgi kā rāmītim, ko izmanto mākslinieki, lai redzētu vai kāds no redzamajiem objektiem “nekrīt” ārā no kompozīcijas un lapas kā tādas).

3. Ļoti svarīga lieta - fonti. Neaizmirstam par tādām lietām, kā anti-aliasing – tekstu, kas mazāks par 16 izmēru, labāk maketējam bez anti-analising – tas palīdzēs kontrolēt to, kā lapa izskatīsies lietotājiem kam ir vecākas OS/interneta pārlūka kombinācijas. Neaizmirstam, ka internetā gluži brīvi nevar operēt ar dažādiem fontiem, kas mums patīk. Iepazīstamies ar web standarta fontiem, kurus, ja izstrādājam html/css web lapas dizainu, arī vēlams izmantot – jeb kādi citi fonti, kas nav standarta OS sastāvdaļa pēc tam būs liekami kā attēli web lapā. (saite, kas varētu palīdzēt: http://www.apaddedcell.com/web-fonts ). Standarta tekstu Photoshop dokumentā atstājam kā tekstu, nestandarta fontu tekstus pārveidojam kā vektorus (curves) – tas arī atvieglos dzīvi programmētājam. Ir svarīga lieta, kādēļ nevar visu tekstu piemēram salikt kā attēlus – tās ir SEOlietas – īsāk sakot – interneta meklētāji neredz tekstu, kas ir iekšā attēlos un tādā veidā mēs laupam lielu daļu weblapas uzdevuma.

4. Zīmējot web lapas dizainu neaizmirstam par to, kuras vietas būsdinamiski papildināmas un kuras būsstatiskas. Vietās, kurās lietotājs pēc tam pievienos savu tekstu, attēlus u.tml., paredzam iespējas, kā tas izskatīsies, ja tur būs maz satura, un kad būs daudz. Izvairamies no situācijām, kad teksta laukumiem dizainā, kuro pēc tam lietotājs ievietos varbūt pat A4 lapas apjoma teksta daudzumu, mēs esam atvēlējuši pavisam mazu laukumiņu un otrādi.

5. Veidojam mājas lapas šablonus “roku rokā” ar mājas lapas paredzamo struktūru. Šeit darbojas princips “7 reizes nomēri, pirms griez”. Vienmēr būs labāks rezultāts, ja pa priekšu skaidri definēsim struktūru un tehnisko izkārtojumu (tehniskās skices), pirms to visu “apaudzējam” ar dizainu. Neaizmirstam visos mājas lapas šablonos ieturēt vienotu stilu.

6. Zīmējot webdizainu vēlams pieturēties pie režģa principa (grid design). Visi objekti (izvēlnes, bloki, teksta laukumi u.tml.) ir izvietoti viens pret otru ņemot vērā saskaņotus attālumus, novietojumus pa vertikālo vai horizontālo asi – tas ne tikai veido labāk uztveramu dizainisko risinājumu, bet arī novērsīs liekas tehniskas problēmas pie izstrādes.

Autos:   Jānis Godiņš