Uzziniet Web dizaina pamati

Būtiskie elementi, kas nepieciešami, lai izveidotu lieliskas vietnes

Kad jūs plānojat apgūt web dizains, pirmā lieta, kas jums vajadzētu atcerēties, ir tas, ka projektēšanas vietnes ir ļoti līdzīgas drukāšanas projektam. Pamati ir vienādi. Jums ir jāapzinās vieta un izkārtojums, kā rīkoties ar fontiem un krāsām, un visu to sakārtojiet tā, lai jūsu ziņa būtu efektīva.

Apskatīsim galvenos elementus, kas iet uz web dizaina apguvi. Šis ir labs iesācēju resurss, taču pat pieredzējuši dizaineri var šo iemaņu uzlabot, izmantojot šo padomu.

01 no 07

Laba dizaina elementi

Filo / Getty Images

Labs web dizains ir tāds pats kā labs dizains kopumā. Ja jūs saprotat, kas padara kaut ko par labu dizainu, jūs varēsit piemērot šos noteikumus savām vietnēm.

Vissvarīgākie web dizaina elementi ir laba navigācija, īsas un efektīvas lapas, darba saites un, pats galvenais, laba gramatika un pareizrakstība. Paturiet šīs lietas prātā, pievienojot krāsu un grafiku, un jūsu vietne būs lieliski sākusies. Vairāk »

02 no 07

Kā izkārtot tīmekļa lapu

Daudzi cilvēki domā, ka mājas lapas izkārtojums ir dizains, un daudzos veidos tā ir. Izkārtojums ir tas, kā elementi tiek novietoti lapā, tas ir jūsu pamats attēliem, tekstam, navigācijai utt.

Daudzi dizaineri izvēlas izkārtojumus ar CSS . To var izmantot arī tādiem elementiem kā fonti, krāsas un citi pielāgotie stili. Tas palīdz nodrošināt konsekventu un viegli pārvaldāmu funkciju izmantošanu visā jūsu vietnē.

Labākā daļa no CSS izmantošanas ir tā, ka, ja kaut kas ir jāmaina, varat vienkārši pagriezties uz CSS, un tas mainās katrā lappusē. Tas tiešām ir slidens un mācīšanās izmantot CSS var galu galā ietaupot jūsu laiku un diezgan maz hassles.

Šodienas tiešsaistes pasaulē ir ļoti svarīgi apsvērt arī atsaucīgu web dizains (RWD) . RWD galvenais mērķis ir mainīt izkārtojumu atkarībā no ierīces platuma, kas skata lapu. Ņemiet vērā, ka jūsu apmeklētāji to skatīs visu lielumu galddatoros, tālruņos un planšetdatoros, tādēļ tas ir svarīgāk nekā jebkad agrāk. Vairā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 apjoms.

Kad jūs domājat par dizainu, jums ir jādomā par to, kā teksts izskatās mikro līmenī (fontu slīpi, fontu saime utt.), Kā arī makro līmenī (teksta pozicionēšanas bloki 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 darbu. Vairāk »

04 no 07

Jūsu vietnes krāsu shēma

Krāsa ir visur. Tas ir veids, kā mēs saģērbt pasauli un to, kā mēs redzam lietas. Krāsai ir nozīme, kas nav tikai "sarkana" vai "zila", un krāsa ir svarīgs dizaina elements.

Ja jūs domājat par to, katrai vietnei ir krāsu shēma. Tas papildina vietnes zīmola identitāti un plūsmu katrā lapā, kā arī citus mārketinga materiālus. Jūsu krāsu shēmas noteikšana ir svarīgs solis jebkurā dizainā, un tas ir rūpīgi jāapsver. Vairāk »

05 no 07

Grafikas un attēlu pievienošana

Grafika ir mājas lapu veidošanas prieks. Kā saka: "attēls ir vērts 1000 vārdu", un tas ir taisnība arī web dizains. Internets ir ļoti vizuāla vide, un uzkrītošie fotoattēli un grafika patiešām var papildināt jūsu lietotāju iesaistīšanos.

Atšķirībā no teksta, meklētājprogrammām ir grūti noteikt, kas ir attēls, ja vien jūs viņiem šo informāciju neiesniedzat. Šī iemesla dēļ dizaineri var izmantot IMG tagu atribūtus, piemēram, ALT tagu, lai iekļautu šos svarīgos datus. Vairāk »

06 no 07

Nav atlaides navigācijai

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

Jums ir jāpārliecinās, ka jūsu tīmekļa vietnes struktūra (informācijas arhitektūra) ir jēga. Tas arī ir ļoti viegli atrast un lasīt, tāpēc apmeklētājiem nav jābalstās uz meklēšanas funkciju .

Galīgais mērķis ir, lai jūsu navigācija un inline saites palīdzētu apmeklētājiem izpētīt jūsu vietni. Jo ilgāk jūs tos varat turēt, jo vairāk jūs iegūsit tos, lai nopirktu visu, ko pārdodat. Vairāk »

07 no 07

Web dizaina programmatūra

Lielākā daļa tīmekļa dizaineru dod priekšroku darbam WYSIWYG vai redaktoriem, ko jūs redzat. Tie nodrošina vizuālo saskarni ar dizainu un ļauj jums mazāk pievērsties HTML kodēšanai .

Izvēle pareizo web dizaina programmatūru var būt izaicinājums. Daudzi dizaineri dod priekšroku Adobe Dreamweaver, jo tas ir viegli izmantot, un ietver gandrīz katru funkciju, jums kādreiz būs nepieciešams. Tomēr tas ir izdevīgi, tomēr ir pieejams bezmaksas izmēģinājums.

Iesācēji varētu vēlēties izpētīt bezmaksas vai tiešsaistes tīmekļa redaktorus . Tie ļauj jums veidoties web dizains un veidot dažas apbrīnojamo lapu maz bez maksas. Vairāk »