Õpi veebidisaini põhitõdesid

Olulised elemendid, mida on vaja suurepäraste veebisaitide loomiseks

Kui loote veebidisaini õppima, peaks kõigepealt meeles pidama, et veebilehtede kujundamine on väga sarnane printimisdisainiga. Põhimõtted on kõik ühesugused. Sa pead mõistma ruumi ja paigutust, kuidas käsitseda fonte ja värve ning panna need kõik kokku viisil, mis teie sõnumit tõhusalt edastab.

Vaatame põhielemente veebidisaini õppimiseks. See on hea algajate jaoks ressurss, kuid isegi kogenud disainerid võivad selle nõustamise abil oskusi täiendada.

01 07

Hea disaini elemendid

filo / Getty Images

Hea veebidisain on üldiselt hea disainiga. Kui mõistate, mis muudab hea disaini, saate neid reegleid oma veebisaitidele rakendada.

Kõige olulisemad veebidisaini elemendid on head navigation, lühikesed ja tõhusad lehed, töösidemed ja, mis kõige tähtsam, hea grammatika ja õigekiri. Hoidke neid asju silmas peal, kui lisate värvi ja graafikat ning teie veebisait on suurepärase algusega. Loe edasi »

02 of 07

Kuidas veebi lehte kujundada

Paljud inimesed arvavad, et veebilehe kujundus on disain ja paljudel juhtudel see ongi. Paigutus on see, kuidas elemendid paigutatakse lehele, see on teie alus piltidele, tekstile, navigeerimiseks jne.

Paljud disainerid valivad CSS-i kujunduste tegemise . Seda saab kasutada ka selliste elementide nagu fontide, värvide ja muude kohandatud stiilide jaoks. See aitab tagada kogu veebisaidi funktsioonide järjepideva ja hõlpsa haldamise.

Parim osa CSS-i kasutamisest on see, et kui midagi midagi muuta, saate lihtsalt pöörduda CSS-i poole ja see muutub igal lehel. See on tõesti närviline ja CSS-i kasutamise õppimine võib säästa teie aega ja üsna vähe probleeme.

Tänapäeva veebimaailmas on väga oluline kaaluda ka reageerivat veebidisaini (RWD) . RWD peamine fookus on paigutuse muutmine olenevalt lehe vaatamise seadme laiusest. Pidage meeles, et külastajad vaatavad seda kõikides suurustes töölauad, telefonid ja tahvelarvutid, mistõttu see on olulisem kui kunagi varem. Loe edasi »

03 07

Fondid ja trükised

Fondid on viis, kuidas teie tekst veebilehel kuvatakse. See on oluline element, sest enamikul veebilehtedel on palju tekste.

Kui mõelda disainile, peate mõtlema, kuidas tekst välja näeb mikrotasandil (font-kujutised, fondide perekond jne), samuti makrotasandil (teksti positsioneerimisplokid ja suuruse ja teksti kuju). Kindlasti pole nii lihtne fondi valimine ja mõned näpunäited aitavad teil alustada. Loe edasi »

04 07

Teie veebisaidi värviskeem

Värv on kõikjal. See, kuidas me riietame meie maailma ja näeme asju. Värvus on tähendus, mis pole kaugelt lihtsalt punane või sinine, ja värv on oluline kujunduselement.

Kui te arvate sellest, on igal veebisait värviskeemil. See lisab saidi brändi identiteedi ja voogab iga lehte ja muid turundusmaterjale. Värviskeemi kindlakstegemine on oluline samm mis tahes kujunduses ja seda tuleks hoolikalt kaaluda. Loe edasi »

05 07

Graafika ja pildi lisamine

Graafika on veebilehtede loomise lõbus osa. Nagu öeldakse: "pilt on väärt 1000 sõna" ja see kehtib ka veebidisaini kohta. Internet on väga visuaalne keskkond ning pilkupüüdvad fotod ja graafika võivad teie kasutajate kaasatust tõepoolest lisada.

Erinevalt tekstist on otsingumootoritel raske aeg öelda, milline on pilt, kui te neile seda teavet ei anna. Sellepärast saavad disainerid kasutada neid olulisi üksikasju sisaldavate IMG-märgendite atribuutide, näiteks ALT-märgendi. Loe edasi »

06 07

Ärge kasutage navigatsiooni hüvitist

Navigeerimine on see, kuidas teie külastajad saavad ühelt lehelt teisele liikuda. See võimaldab liikuda ja annab külastajatele võimaluse leida teisi saidi elemente.

Peate veenduma, et teie veebisaidi struktuur (teabesüsteem) on otstarbekas. Samuti peab see olema väga lihtne leida ja lugeda, nii et külastajad ei pea otsingufunktsiooni kasutama.

Lõppeesmärk on, et teie navigeerimine ja sisseehitatud lingid aitavad külastajatel teie saiti uurida. Mida kauem saate neid hoida, seda tõenäolisemalt võite osta neid, mida müüte. Loe edasi »

07 07

Veebidisaini tarkvara

Enamik veebidisainerid eelistavad töötada WYSIWYGis või toimetajad, mida näete, mida saate. Need pakuvad visuaalset liidese kujundusele ja võimaldavad teil HTML-i kodeerimisel vähem tähelepanu pöörata.

Õige veebidisaini tarkvara valimine võib olla väljakutse. Paljud disainerid eelistavad Adobe Dreamweaverit, sest seda on lihtne kasutada ja see hõlmab peaaegu kõiki funktsioone, mida sa kunagi vajavad. Kuid see on siiski kulukas, kuid saadaval on tasuta prooviversioon.

Algajad võiksid otsida tasuta või veebi toimetajad . Need võimaldavad teil veebidisaini abil luua ja luua hämmastavaid lehti vähe ilma kuluta. Loe edasi »