Ettevõtte veebidisaini üksikasjad

Kuulake seda artiklit

Ettevõtte veebidisaini üksikasjad. Võrke ei kasutata. Veebikujunduses mõnedsegadus» võib olla silmale meeldiv. Asümmeetria - üks nendest. Ei kasuta võre – kindlasti mitte. Võrkude kasutamine on üks professionaalseid mõõdikuid, mille abil eristada head disaini halvast. Allpool on toodud ettevõtte veebidisaini üksikasjad.

1. Teksti ja piltide puudumine nõuab suurt loetavust

Kontrasti ja teksti puudumine, pildid veebilehtedel peaksid olema hästi loetud, ja lihtsaim viis selle saavutamiseks on nende tegemine kõrge kontrastsusega, kuid paljud disainerid eiravad seda reeglit sageli. Pildi tausta ja teksti kontrastsus on liiga madal, mistõttu tekst muutub uduseks ja loetamatuks ning kasutajad ei jäta mitte ainult seda lõiku, vaid ka olulist sisu, mida soovite edasi anda. Peate veenduma, et iga element erineb teistest seda ümbritsevatest elementidest, pidage meeles neid põhitõdesid, värvi, ruumi, suurust. Kasutage neid targalt, et iga teie element oleks selgelt nähtav.

2. Kehv navigeerimine ja töövoog

Kehv navigeerimine ja tegevuste voog, kui ma esimest korda lehele vajutan, peate mulle ütlema, milliseid toiminguid ma järgmiseks tegema peaksin, klõpsama nuppu ja teave peaks olema nähtaval kohal. Lehe ülaosas peaks navigeerimisvahekaartide sisu ja nendega töötamine olema selge ja intuitiivne. Kui proovite kasutada horisontaalseid kerimisribasid või mõnda muud väljamõeldud liikumiskujundust, andke kasutajatele mõned vihjed ja andke neile teada, kuidas teie leht toimib.

3. Kehv piltide kombinatsioon

Pole midagi hullemat, kui hea pilt jääb teiste kujunduste varju. Kui olete võtnud aega, et siduda oma veebisait suurepärase pildiga, siis miks lasta sellel katta teiste kujunduselementidega? Lihtne tekstirida sobib, mistõttu on läbipaistvatest nuppudest saanud uus moesuund. Ülemised ribad on lõbusad ja kerimine on suurepärane, kuid kui ühendate need tekstiga, võivad need kergesti muutuda vähem harmooniliseks.

Kõik lehel olevad pildid tuleks siduda tekstiga, et iga sõna oleks loetav ja iga pildi kujunduselement oleks selgelt nähtav. Ärge katke pildi olulisi osi teksti ega nuppudega. Kui arvate, et teie lehe kujundus on selles olukorras, on kõige parem muuta taust kokkuvõtlikumaks ja asetada see pilt kuhugi mujale. Kui näete ülalolevat pilti esimest korda, tõmbab see teid selle visandliku stiili tõttu. Aga kui tähelepanelikult vaadata, siis on tegelaste näod tekstiga kaetud ning kiidukõne muudab kogu pildi lohakaks.

4. Ruudustiku mittekasutamine veebidisainis

Veebikujunduses võib mõni "segadus" silmailu pakkuda. Asümmeetria on üks neist. Ei kasuta võre – kindlasti mitte. Võrkude kasutamine on üks professionaalseid mõõdikuid, mille abil eristada head disaini halvast. Ruudud hoiavad kõik selge ja organiseeritud, hoides teie elemendid järjepidevad ja õiged ning teate, kuhu ja kuidas oma elemente paigutada. Ruudustiku olemasolu aitab proportsioonide abil määrata elementide suuruse, teksti suuruse ja ruumi ning sisu fookuse.

5. Ärge kasutage tundlikku disaini

Ärge kasutage responsiivset disaini, kasutage tundliku kujunduse struktuuri, oluline, teie veebileht peab võib-olla töötama mobiilis, see peaks töötama samamoodi nagu lauaarvutis. Satun alati kokku saitidega, mis laadivad minu telefoni terve lehe. Need saidid ei ole loodud reageerima, vähemalt vaate mobiiliversiooniga, nii et kasutajad ei saaks neid kasutada.

6. Lingid on kadunud ja katkised (katkised lingid saidil)

Katkised lingid on üks tüütumaid asju Internetis. Harjutage oma veebisaiti igal aastal kontrollima, et näha, kas lingid on avatud. Saate mõnda tööriista käsitsi kontrollida või kasutada. Kui teie logo ei vii teie veebisaidi avalehele, olen üllatunud.

Kõik logod lingitud saidi avalehele. (Ja ärge keelake tagasi nuppu, kui olete avalehel.) Kaaluge lingi olemasolu. Veenduge, et teie lingid, eriti tekstis, oleksid üsna ilmsed ja hõlpsasti klõpsatavad ilma vigadeta. Ärge asetage teksti palju tekstilinke, eriti mobiilseadmete väikestel ekraanidel, kasutajatel on raske soovitud lingil klõpsata.

7. Esitage muusikat automaatselt ja lisage veebilehtedele heli

Veebilehele heli lisamine võib olla imelihtne, kuid muusikat ei saa kunagi esitada ilma kasutaja nõudmiseta. Peate kasutajale andma nupu muusika sisse/välja lülitamiseks ning see peab olema vaikimisi keelatud. Muusika võib kasutajaid üllatada, kuid võib olla kahjulik, kui kasutajad on töökeskkonnas või halvas tujus. Kasutajad soovivad täielikku kontrolli teie veebilehtede üle ja automaatne muusika taasesitus on täpselt vastupidine.

Mul on vaja veebimuusikat, kuid pean selle esitamisega nõustuma. Kui ma ei leia nuppu muusika automaatse taasesituse väljalülitamiseks, saan lihtsalt veebilehe välja lülitada. Aga see on hea nipp, mida reklaamis kasutada. Kui teil on esitamist vajavat helisisu, kaaluge suure vaigistusnupu hüpikakna paigutamist. Kasutajad kipuvad nõustuma mõne sekundi reklaamidega ja lugema sisu. Kuigi see ei ole ideaalne lähenemisviis, on see parim lahendus.

Teave saidi jaluse kujunduse üksikasjade kohta saidikujunduses

Esiteks on sisu selge ja kergesti mõistetav:

Veebisaidi jaluse kujundamisel tuleb tähelepanu pöörata sisu kuvamisefektile. Sisu peaks olema selge ja kergesti arusaadav, et kasutajad leiaksid intuitiivselt vajaliku teabe ja näeksid, mida ettevõte soovib väljendada. Näiteks jaluses olevad kontaktandmed, aadress, ettevõtte profiil vms, mis võib vähendada kasutaja põrkemäära. Seega peaksid ettevõtted veebilehe jaluse kujundamisel võimalikult palju arvestama ja püüdma pakkuda kasutajatele läbimõeldud kogemust.

Teiseks on värvide kombinatsioon sobiv ja ilus:

Veebisaidi jaluse kujundamisel tuleks arvestada ka värvide sobitamisega. Taustavärv ja tekstivärv peaksid olema erinevad, et kasutajad saaksid loetavuse huvides teksti taustast hõlpsasti eristada.

Kolmandaks vältige keerulisi olukordi:

Kuigi rõhutan, et igaüks peaks veebilehe kujundamisel pöörama tähelepanu jaluse kujundusele, ei tähenda see, et jaluse kujundus peaks olema liiga rikkalik, mis tekitab inimeses silmipimestava ja raske tunde. Veebisaidi jaluse kujundamisel peaksid ettevõtted pöörama tähelepanu kasutajate sirvimisharjumustele alates veebisaidi päisest kuni jaluseni, et tekitada inimestele integratsioonitunnet ja jätta hea mulje.

Neljandaks kasutage leheruumi täielikult ja pöörake tähelepanu tühjale ruumile:

Rõhutan vajadust teha head tööd veebisaidi jaluse kujundamisel, kuid peate seda hästi tegema. Spetsiifiline meetod on kuvada piiratud ruumis põhisisu, mida ettevõte soovib, et kasutajad kõige rohkem teaksid, ja lehe ruumi täielikult ära kasutama. Samas tuleks tiheda sisu vältimiseks tähelepanu pöörata tühja ruumi probleemile. See lehe kujundus on kasutajasõbralik.

Viiendaks tehke vajalik kaunistus:

Mis puudutab veebisaidi jaluse veebikujunduse stiili, siis tahan siin rääkida mõnest väljendusrikkast sisust, nagu allakriipsutus, spetsiaalsed fondiefektid jne. Disainerid peaksid olema nende kujunduste valimisel ettevaatlikud ja püüdma neid võimalikult palju eemaldada. Vajadusel on parem kasutada paksus kirjas või suurendada fonti täiendavaks rõhutamiseks. See hoiab veebisaidi lehed korras ja ühtsena.

Millistele veebidisaini üksikasjadele peaksite tähelepanu pöörama?

1. Ärge lisage veerge omal soovil:

Kunstnikuna peaksite seda käitumist vältima. Kui lisate liidesesse meelevaldselt vorme, linke, "veel" ja muid funktsioone, mida taustaarendus peaks toetama, muudavad sellised juhuslikud lisamised vaikselt saidi algseid nõudeid ja suurendavad projektide arvu. Veebisaidi koormus mõjutab veebisaidi üldist funktsiooni ja suurendab ka järeltestimise koormust. Teine võimalus on see, et see ei vasta kasutajate vajadustele, mistõttu on vajadus saidi hilisemaks ülevaatamiseks.

2. Ärge sekkuge kujundusse oma äranägemise järgi:

Leht ei ole kujundatud vastavalt veergude loogikale ja saidi sisu pole väga hästi välja toodud. Selline käitumine on mõeldud üksnes veebidisaini mugavuse huvides, võimaldades teil soovi korral paljude veebisaitide sisu vähendada.

3. Lõika pilt vastavalt soovile, olenemata lehe dünaamilisest laienemisest:

Reeglina on selle põhjuseks tehnika ebapiisav tehniline sisu. Lõigatud pilti saab kasutada ainult ühes liidese suuruses. Kui muudate lehte, peate pildi uuesti lõikama. Skaleeritavus puudub. Responsiivse veebidisaini põhimõte on kombineerida, et teha mõistlik pildilõige.

4. Pilt on ilus, kuid sellel pole tegelikku tähendust:

Andke kunstnikule uudisteema ja paluge tal teha bänner, kuid pärast selle valmimist pole sellel uudisteemaga midagi pistmist, see näeb lihtsalt ilus välja. On ka kunstnikke, kes suhtuvad oma töösse veelgi vastutustundetumalt, postitavad lihtsalt pildi, mis rikub saidi üldmuljet.

5. Kogu jaama liidese stiil:

Saidi hooldamise hilisemas etapis kunstnikud sellega ei arvestanud saidi praegune stiil jooniste loomisel ja valikuliselt pildi põhivärvi muutmisel, kui värvide kokkulangevus ja lehe kujundus ei ühtinud mõistlikult veebilehe üldise stiiliga, mõjutab see veebilehe hilisemat optimeerimist.

Millistele detailidele tuleks veebilehe kujundamisel tähelepanu pöörata

• Esiteks valige hea font:

Fondid on veebidisaini jaoks väga olulised, seega peaksite valima fonte, mis vastavad toote omadustele. Mõistlik fontide valik aitab meid palju, see ei saa mitte ainult sisu sisu ilmekamaks ja emotsionaalsemaks muuta, vaid ka muuta saidi originaalsemaks, seega peaksime hetkel tähelepanu pöörama saidi kujundusele.

• Teiseks pöörake tähelepanu graafilise disaini paigutusoskustele:

See peaks ka väga oluline olema. Me kõik teame, et graafiline disain koosneb tavaliselt piltidest ja tekstist, seega on väga oluline, kuidas me seda teksti ja pilte paigutame, et muuta need kaunimaks ja eristuvamaks. Praegu on turul palju häid veebisaidimalle, mida on parem uurida ja millele linkida.

• Kolmandaks on pildil vesimärk:

Kasutage saidi kaunistamiseks kvaliteetseks veebikujunduseks vesimärkidega dekoratiivpilte, muutke see iseloomulikumaks ja temperamentsemaks. Kui me oma veebisaiti kujundame, siis kui saame kasutada palju vesimärgiga pilte, toob see kindlasti ootamatuid üllatusi tohutule hulgale kasutajatele, seega peaksime ka sellele tähelepanu pöörama.

• Neljandaks lisage multimeedia dünaamilised efektid:

Veebilehe veebidisaini kujundamisel saab veebilehele lisada ka mõningaid multimeedia dünaamilisi efekte, mis muudavad kogu veebilehe šokeerivamaks, suutvamaks rahuldada enamiku kasutajate vajadusi ning on avalikkuse poolt teretulnud.

Täname, et lugesite Nicola Topi