Web dizaina pamatu apgūšana

Būtiski elementi, kas nepieciešami lielisku vietņu izveidei

Maskot / Getty Images

Kad jūs gatavojaties mācīties web dizainu , pirmā lieta, kas jums jāatceras, ir tas, ka vietņu dizains ir ļoti līdzīgs drukas dizainam. Pamati ir vienādi. Jums ir jāsaprot telpa un izkārtojums, kā rīkoties ar fontiem un krāsām, un tas viss jāsaliek tā, lai jūsu vēstījums tiktu sniegts efektīvi.
Apskatīsim galvenos elementus, kas tiek izmantoti tīmekļa dizaina apguvē. Tas ir labs resurss iesācējiem, taču pat pieredzējuši dizaineri var uzlabot dažas prasmes, izmantojot šo padomu.

01 no 07

Laba dizaina elementi

Labs tīmekļa dizains ir tas pats, kas labs dizains kopumā. Ja saprotat, kas padara kaut ko par labu dizainu, varēsiet piemērot šos noteikumus savām vietnēm.

Svarīgākie elementi tīmekļa dizainā ir laba navigācija, kodolīgas un efektīvas lapas, strādājošas saites un, pats galvenais, laba gramatika un pareizrakstība. Ņemiet vērā šīs lietas, pievienojot krāsas un grafiku, un jūsu vietne darbosies lieliski.

02 no 07

Kā izkārtot tīmekļa lapu

Daudzi cilvēki domā, ka tīmekļa lapas izkārtojums ir dizains, un daudzējādā ziņā tas tā arī ir. Izkārtojums ir veids, kā elementi tiek novietoti lapā, tas ir jūsu pamats attēliem, tekstam, navigācijai utt.

Daudzi dizaineri izvēlas veikt izkārtojumus, izmantojot CSS. To var izmantot arī tādiem elementiem kā fonti, krāsas un citi pielāgoti stili. Tas palīdz nodrošināt konsekventas un viegli pārvaldāmas funkcijas visā jūsu vietnē.

Labākā CSS izmantošanas daļa ir tāda, ka, ja jums ir nepieciešams kaut ko mainīt, varat vienkārši vērsties pie CSS, un tas mainās katrā lapā. Tas tiešām ir gluds un iemācīties lietot CSS var ietaupīt jūsu laiku un diezgan daudz problēmu.

Mūsdienu tiešsaistes pasaulē tas ir ļoti svarīgi ņemt vērā adaptīvs tīmekļa dizains (RWD) arī. RWD galvenais mērķis ir mainīt izkārtojumu atkarībā no ierīces platuma, kas skatās lapu. Ņemiet vērā, ka apmeklētāji to skatīs visu izmēru galddatoros, tālruņos un planšetdatoros, tāpēc tas ir svarīgāk nekā jebkad agrāk.

03 no 07

Fonti un tipogrāfija

Fonti ir veids, kā jūsu teksts izskatās tīmekļa lapā. Tas ir būtisks elements, jo lielākajā daļā tīmekļa lapu ir liels teksta daudzums.

Domājot par dizainu, jums ir jādomā par to, kā teksts izskatās mikrolīmenī (fontu glifi, fontu saime utt.), kā arī makro līmenī (teksta bloku pozicionēšana un lieluma un teksta forma). Tas noteikti nav tik vienkārši, kā izvēlēties fontu, un daži padomi palīdzēs jums sākt.

04 no 07

Jūsu vietnes krāsu shēma

Krāsa ir visur. Tas ir tas, kā mēs ietērpjam savu pasauli un kā mēs redzam lietas. Krāsai ir nozīme ne tikai “sarkanā” vai “zilā”, un krāsa ir svarīgs dizaina elements.

Ja padomājat, katrai vietnei ir krāsu shēma. Tas papildina vietnes zīmola identitāti un ieplūst katrā lapā, kā arī citos mārketinga materiālos. Krāsu shēmas noteikšana ir svarīgs solis jebkurā dizainā, un tas ir rūpīgi jāapsver.

05 no 07

Grafikas un attēlu pievienošana

Grafika ir jautrākā tīmekļa lapu veidošanas daļa. Kā saka 'attēls ir 1000 vārdu vērts', un tas attiecas arī uz tīmekļa dizainu. Internets ir ļoti vizuāls medijs, un uzkrītoši fotoattēli un grafika var patiešām palielināt jūsu lietotāju iesaisti.

Atšķirībā no teksta meklētājprogrammām ir grūti noteikt, kas ir attēlā, ja vien jūs tām nesniedzat šo informāciju. Šī iemesla dēļ dizaineri var izmantot IMG tagu atribūti kā VISS jumts lai iekļautu šīs svarīgās detaļas.

06 no 07

Nav atlaides navigācijai

Navigācija ir veids, kā apmeklētāji pārvietojas no vienas lapas uz otru. Tas nodrošina kustību un sniedz apmeklētājiem iespēju atrast citus jūsu vietnes elementus.

Jums par to jāpārliecinās jūsu vietnes struktūra (informācijas arhitektūra) ir jēga. Tam ir arī jābūt ļoti viegli atrodamam un lasāmam, lai apmeklētājiem nebūtu jāpaļaujas meklēšanas funkcijā .

Galvenais mērķis ir, lai jūsu navigācija un iekļautās saites palīdzētu apmeklētājiem izpētīt jūsu vietni. Jo ilgāk jūs tos glabāsit, jo lielāka iespēja, ka viņi iegādāsies to, ko jūs pārdodat.

07 no 07

Web dizaina programmatūra

Lielākā daļa tīmekļa dizaineru dod priekšroku darbam WYSIWYG vai “What You See Is What You Get” redaktoros. Tie nodrošina dizaina vizuālu saskarni un ļauj jums mazāk koncentrēties par HTML kodēšanu .

Pareizas tīmekļa dizaina programmatūras izvēle var būt izaicinājums. Daudzi dizaineri dod priekšroku programmai Adobe Dreamweaver, jo tā ir viegli lietojama un ietver gandrīz visas funkcijas, kas jums kādreiz būs nepieciešamas. Tomēr par to ir jāmaksā, taču ir pieejama bezmaksas izmēģinājuma versija.

Iesācēji varētu vēlēties izpētīt bezmaksas vai tiešsaistes tīmekļa redaktorus. Tie ļauj jums nodarboties ar tīmekļa dizainu un izveidot dažas pārsteidzošas lapas bez maksas.