Web Lapas Dizains – ar ko sākt? PDF Drukāt E-pasts
Autors Administrator   

Šī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.

mājas lapas dizains
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 ~980px robežā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 SEO lietas – ī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ūs dinamiski papildināmas un kuras būs statiskas. 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.

Šīs būtu dažas no galvenajām lietām, kurām būtu jāpievērš vērība uzsākot web dizaina izstrādi. Ieteikumus, labojumus un papildinājumus droši rakstiet .

Lai noteiktu precīzu web lapas cenu, Sazinies ar mums


Pēdējās izmaiņas: Ceturtdiena, 18 septembris 2014 10:39
 

You can pay for your Invoice here:

Jaunākās ziņas
Portfolio
Featured Links:
EMINDARZAM.LV
Viss prasmīgam dārzniekam...
BMW-POWER.CO.UK
bmw,a part of tou...
GKSPORT.LV
Labākais Ceļš uz Panākumiem..
MDG.LV
Mākslinieku darbnīca „Ģimene”
TRAVELCARSICELAND.COM
ICELAND - Car Rental and Travel Service
RD4GLOBAL.COM
Недвижимость в Латвии
Visvairāk lasītie raksti
SearchTags...


zaļš taktika cms optimizēšana создание сайтов услуги seo dzeltens текст cenas uzlabošana līnijas виртуальный хостинг google com grafiska mājaslapas google интернет konsultācijas tīklu baneri mājas lapu uzlabošana веб дизайн студия выделенный сервер lapu dizains krāsu nozīme html jpg fotogrāfija oranžs formāti mājas grafika efektīva logo дизайн логотипов web mājas lapu izstrāde lapas студия дизайна attēli поддерживать mediju mājas lapa gif optimizācija pagerank baneru pakalpojumi reklāma seo pakalpojumi izstrāde веб дизайн и мотивации поисковая stratēģija mājaslapa interneta mārketings mārketinga студия веб дизайна оптимизация мотивацию виртуальный сервер forma sociālo satura seo текстовый контент adwords идеи sarkans png izveide изображения hostings pr informācija uzdevums

Jaunumi epastā@
LatvianRussianEnglish
Your E-Mail:
Subject:
Message:
Please enter the following code:

Logo

mājas lapas izveide '(371) 28301708' by [ 75f.info ] 75F Studio. Mājas lapas izstrāde - Mājas lapas uzlabošana - SEO mājas lapā