10 parimat sammu professionaalse taseme veebilehtede kujunduse loomiseks

Näpunäited veebilehtede kujundamise paigutuse kohta

Veebisaidi kujundamisel ja paigutamisel tuleb arvestada paljude asjadega. Isegi kõige kogenumad veebilehtede kujundajad teevad vigu hoolimata nende aastatepikkusest kujundamisest, nii et ärgem mõelgem sellistele vigadele, mida algajad võivad teha.

Järgnev kümne veebilehe kujundusetapi lühike loend hõlmab kogu olulist teavet, mida peaksite teadma enne uue veebisaidi projekti alustamist või digitaalagentuuriga töötamise alustamist, ning see hõlmab ka seda, millele nad peaksid veebilehe kujunduse paigutuse protsessis keskenduma .

Need hõlmavad olulisi veebilehtede kujunduse aspekte, nagu sihtlehe kujundus, samuti üldisi töövooga seotud probleeme parema toimimise tagamiseks veebisaidil. Pärast neid veebilehtede kujundamise samme saate paremas olukorras luua professionaalse taseme veebilehtede kujunduse paigutuse.

Sammud ideaalse veebilehe kujunduse loomise loomiseks

1. Pliiats paberile

Ärge ainult käivitage Photoshopit ega veebilehtede kujundamise tarkvara, mis teil projekti alustamisel on. See on tavaline viga, mida isegi kogenud disainerid teevad enne, kui nad mõtlevad probleemidele, mida nad peavad lahendama. Täpselt nii; veebilehe kujunduse paigutus on seotud probleemide lahendamisega, mitte ainult hea väljanägemise ja esteetikaga. Neid probleeme saab lahendada ainult hea, selge hierarhia ja paigutusega. Enne värvikoodide ja varjude vaatamist keskenduge sisule, paigutusele ja funktsionaalsusele.

Kui peate looma projekti ilme ja kujunduse, peate kõigepealt looma tipptasemel raamistiku, mis suudab lahendada kõik veebilehtede kujundusega seotud probleemid. Raamistik on sisu ümbritsev kasutajaliides ja see aitab veebisaidil toiminguid teha ja sellel navigeerida. Raam sisaldab ka põhja- ja külgribasid ning muid komponente, aga ka navigeerimiselemente. Ütlematagi selge, et sellistest olulistest osadest ei saa ilma jääda. Alustage oma vaatenurgast oma veebidisaini projektiga ja teil on selge arusaam küljendusest ja sellest, kuidas iga lehte kujundada.

2. Lisage Photoshopile ruut ja valige oma tüpograafia

Nüüd saate Photoshopit vallandada. Kuid enne kui midagi kavandama hakkate, on teil vaja kõigepealt korralikku ruudustikku. Olenemata sellest, kui hea teil veebisaidi kujundustarkvara on, ei kasuta ruudustiku kasutamine ühel või teisel viisil kehva veebilehe kujunduse paigutust. Ruudustik aitab struktureerida lehe paigutust eri jaotistesse ja juhendada teid mööda erinevaid ekraanisuuruse nõudeid. Veelgi olulisem on see, et see aitab luua tundliku veebilehe kujunduse paigutuse ja luua järjepideva kujunduse vahemike ja muude elementide osas.

Kui veebilehe kujunduse ruudustik on paika pandud, on aeg asuda kirjatüüpide ja värvide juurde. See võib võtta aega, kuid see on ka põnev veebilehe kujundamise projekt. Üldiselt on rusikareeglina kõige parem mitte kasutada veebisaidi paigutuses rohkem kui kahte kirjastiili. Kuid see võib erineda sõltuvalt erinevatest veebilehtede kujundamise projektidest; võite jääda ühe juurde või minna mitme kirjatüübiga loodusesse. Pole tähtis, otsige fonti, mida on lihtne lugeda, isegi kui teksti on palju. Ole tegevuste ja pealkirjade üleskutsega loovam ning vali suured fondid. Samuti pidage kogu veebisaidil tüpograafia osas järjepidevust.

3. Värvid ja paigutus

Veebilehe kujundused võivad veebisaidi värve valides hulluks minna, kuid kõige parem on kasutada piiratud komplekti toone ja värve, sest liiga palju millestki võib olla halb. Värve võiksite vaadata kirjatüüpide valimise etapis. Uurige, milliseid värve tuleb kasutajaliideses, tekstis ja taustal kasutada. Kasutage üldise kasutajaliidese jaoks piiratud komplekti toone ja värve. Rakendage värve kasutajaliideses järjepidevalt, lähtudes elemendi funktsionaalsusest. Vaadake ainult selliste populaarsete veebisaitide paigutust nagu Vimeo, Quora ja Facebook. Lisaks kasutajaliidesele ei tohiks graafiliste detailide või illustratsioonide jaoks olla mingeid värvipiiranguid, kui need ei häiri veebisaidi muid komponente ega funktsioone.

Veebilehtede kujunduse osas on parim järgitav reegel „mida lihtsam, seda parem”. Iga sektsioon peab olema saidi jaoks oluline, koos põhjusega ja külastaja lõpptulemusest kasu saamisega. Paigutus peab suutma esile tuua kõige olulisema sisu ja elemendid. Hoidke lehe väljakutsungite arv minimaalne, et kogu veebisait töötaks külastajale väärtuse pakkumisel. Hea viis lihtsama paigutuse tagamiseks on alustada võimalikult lihtsast ja lisada vajadusel lihtsalt elemente.

4. Erinevalt mõtlema

Sel hetkel võiks teil olla idee elementide kohta, mida peetakse veebisaitide jaoks oluliseks, kuid ärge kartke kehtivaid tavasid ümber mõelda. Mõelge elementidele, mida peetakse praegu oluliseks. Kas vajate näiteks otsimisnuppu? See võib mõnel juhul aidata, kuid enamikul juhtudel on see ülearune. Veebilehe kujunduse paigutuse konventsioonid ja veebilehe kujunduse paigutuse mustrid on olemas, kuna need toimivad mõnel juhul. Kuid need ei pruugi kõigil juhtudel töötada ja võivad olla vananenud. Mõelge mõne komponendi väljakujunenud mustritele ja mõelge, kuidas saaksite neid paremaks muuta.

Kujutise allikas: pixabay.com

Ärge piirake oma mõtlemist ka tööstusstandardite või konventsioonidega. Samuti peate ümber mõtlema oma harjumustele ja veebilehtede kujunduse mustritele. Innovatsioon ei tule alati väljastpoolt tulevate tavade vaidlustamisega; see võib tuleneda ka enda väljakutsetest iga projektiga. Ärge piirduge ainult ühe või mõne tööviisiga. Erinevate väljakutsete näideteks võivad olla uus ruudustussüsteem, uued komponendid või lihtsalt teatud värvide ja kirjatüüpide vältimine.

Soovitatavad kursused

• Professionaalne tasuta Pythoni koolitus
• Vaba tarkvara testimise kursus
• Sertifikaadikoolitus tasuta Java-s
• PERLi kursused

5. Keskenduge detailidele

Iga oma soola väärt veebilehe kujundaja rõhutaks seda punkti ja seda mõjuval põhjusel. Nagu öeldakse: "Jumal on üksikasjades". Veebisaidi või veebilehe väikseimad üksikasjad võivad kasutaja kasutatavuses tohutult erineda.

Midagi nii lihtsat kui väike interaktsioon, esteetiline puudutus või animatsioon võiks kogu veebisaiti paremaks muuta. Kuid need üksikasjad on olulised ja tulevad rohkem, kui saate rohkem kogemusi. Keskenduge iga komponendi tipptasemele ja see kõik moodustab suurepärase terviktoote. Iga komponent peab olema kujundatud nii, nagu see võiks olla parim eraldiseisev komponent omaette. Paljud disainerid jätavad osa oma veebisaitidest lõpuni ja ei arvesta nendega.

6. Hoidke asjad teravad ja korras

Hoidke kõik oma veebisaidi pildid ja sisu teravad, määrates tausta / taustavärvide ja jooniste vahel õige kontrasti. Lisaks esteetikale peate puhta ja terava veebisaidi jaoks vältima ka mõnda muud tavalist. Mõne väljundi teravustamisel tuleks vältida uduseid servi, gradiendi ribade seadmist, fontide renderdamise võimalusi ja ka lööke, mis halvasti ühinevad taustaga.

Need on vaid mõned lihtsad veebisaidi kujunduse näited, millele tähelepanu pöörata. Vaadake oma veebisaidi kujundust tervikuna ja vaadake, kas kõik töötab hästi. Seejärel analüüsige iga komponenti eraldi ja hoolikamalt.

Photoshopiga kujundades hoidke oma PSD-failid puhtad, olenemata sellest, kui suure projekti saab ja kui palju on selle projektiga tegelevaid disainereid. Puhtamad failid hõlbustavad erinevate jaotiste eksportimist ja veebilehe kujunduse paigutuse protsessi kiirendamist, samuti jagatud failide abil koostööd teiste disaineritega.

7. Valmistuge halvimaks ja püsige keskendununa

Veebilehtede kujundajad on mõeldud probleemide lahendamiseks erinevate piirangute kaudu. Veebilehtede kujunduse osas võivad piirangud olla tehnilised, sisuga seotud või kontseptuaalsed. Projekti alustades ja töötades mõelge mitte ainult kõige ideaalsemast stsenaariumist, vaid ka halvimast stsenaariumist. Näiteks võib kasutaja proovida veebisaiti juurde pääseda nelja-tollise ekraaniga operatsioonisüsteemis, mis töötab enam kui kahe värskendusega vanast operatsioonisüsteemist. Pidage meeles, kuidas teie veebisaidi paigutus erinevates ekraanisuurustes, seadmetes ja opsüsteemides töötab.

Veebisaidile lähenedes peate selle veebilehe kujundama nii, et ka halvimal juhul oleks parim stsenaarium. Veebilehe kujundajana peate ka projekti üle kinnisideeks. Iga hea disainer sukeldub igasse projekti. Muutke oma veebisait oma elu osaks ja näete lõpuks seda suurema selgusega. Seejärel saate tuvastada puudused ja probleemid ning lõpuks neid muuta. Kui teie projekt küpseb, siis ka teie kui veebilehe kujundaja. Selle lõpuks õpite projektiga õppima palju rohkem kui siis, kui jääksite sellest lahti. Lisaks on lõpptulemus palju parem. Kui valate igasse projekti oma higi ja verd, näitab see kindlasti kõiki.

8. Looge head suhted oma kliendi ja arendajaga

Kui plaanite olla professionaalne veebilehtede kujundaja, peate nägema palju kliente ja veebiarendajaid ning nendega tegelema. Alustame klientidega, sest kliendid on alati esikohal.

Interaktiivse veebilehe kujunduse või kontseptsiooni pakkumisel peate oma kliendiga suhtlema nii, et mõlemad oleksite samal lehel. Ärge jääge pika aja jooksul kontseptsiooni juurde; jagage seda kliendiga nii kiiresti kui võimalik. Kui algne kontseptsioon on heaks kiidetud, saate parema ettekujutuse sellest, mida teie klient soovib, ja viige ennast projektile lähemale. Kui kontseptsiooni ei kiideta heaks, võite koguda kliendilt nii palju tagasisidet, kui soovite, et lauale sobivam kontseptsioon saada. Igal juhul ärge oodake, kuni teete üksikasjaliku kontseptsiooni.

Kui teie kontseptsioon on valmis ja olete projekti kallal, peate oma arendajate meeskonnaga välja töötama hea suhtekorralduse. Arendajad pole ainult programmeerijad; nad on ka loomingulised ja suhtuvad oma töösse sama kirglikult kui veebilehtede kujundajad. Kuid sageli ei kaasata neid projekti algusest peale ja nad astuvad projekti alles siis, kui kontseptsioon on otsustatud ja nende loomingulist sisendit pole enam vaja. Kahjuks on see protsess vale. Mõnikord on parimad veebilehe kujunduse ideed pärit kõige vähem tõenäolistest allikatest. Ärge jätke alla arendajate meeskonna loovust. Tooge nad kontseptsiooniprotsessi algusesse ja tehke nad algusest peale projekti osaks. Jagage oma arendajatega oma veebilehe kujunduse kontseptsioone ja kaasake neid paremate ideede saamiseks ning lõppkokkuvõttes paremaks kodeerimiseks ja teostamiseks.

9. Esitlus on oluline ja mõned ideed võivad mitte olla

Kuigi kindlasti on oluline luua suurepärane veebisait ja koostada suurepärane projekt, on oluline seda ka kliendile hästi tutvustada. Isegi maailma parimat veebilehtede kujundust saab tähelepanuta jätta või seda täielikult vihata, kui need pole hästi esitatud. Pidage meeles, et projekti jaoks kasutatud veebilehe kujunduse kontseptsioonid ja ideed võivad olla selged kogu teie meeskonnale, kuid need ei pruugi olla nii selged teie kliendile või kellelegi, kes on hiljem projekti osaks saanud.

Sarnase märkuse puhul peaksite ka meeles pidama, et ärge olge liiga seotud kõigi oma veebilehtede kujundamise ideede ja veebilehe kujunduse paigutuse kontseptsioonidega. Esitage igaühe jaoks tugev argument, kuid pidage meeles, et peaksite taganema, kui teie meeskond või klient pole nendega nõus. Pidage meeles, et eelistused võivad olla subjektiivsed; mis teie jaoks hästi sobib, ei pruugi töötada kliendi või arendaja jaoks üldse. Veebilehe kujundajana peab teil olema oma ideede kohta kindel arvamus, kuid peaksite olema ka piisavalt paindlik, et kontseptsioone ja ideid kiiresti muuta, kui need pole teistega kokku lepitud.

10. Jälgige ja jälgige edusamme igas etapis ja näidake kogukonnale

Kõik agentuuris töötavad inimesed tunneksid uue projekti veebilehtede kujundamisega vaeva, kui nende eelmist töötatakse välja või just valmis. Vastupidiselt inimeste arvamusele ei lõpe disainerite töö PSD-failide ja stiililehe saatmisega. Kui olete projekti täielikult investeerinud, peate ka arendajatele registreeruma, et näha, kas teie veebilehe kujunduse ja interaktsiooni ideid täidetakse nii, nagu te neid kavandasite, ja vajadusel aitama neid tagamaks, et iga detail töötab õigesti. .

Samuti võite jagada oma pooleliolevaid töid komponentide ja stiililehtedega disainerite kogukonnaga. Mõnikord jäetakse projekti parimad osad arhiivikausta ära või kaotatakse. Kui projekt on valmis ja reklaamitav klient selle heaks kiitnud, saate luua juhtumianalüüsi käimasoleva tööga ning jätta välja veebilehtede kujundused ja komponendid. See võib olla kogukonna jaoks suur väärtus ja tagasiside põhjal saate palju õppida.

Seotud artiklid:-

See on juhend näpunäidete koostamiseks, mida on lihtne meelde jätta. Selles postituses oleme uurinud toiminguid täiusliku veebilehe kujunduse loomiseks. Siin on mõned artiklid, mis aitavad teil saada rohkem üksikasju veebilehe kujunduse paigutuse kohta, nii et lihtsalt minge link.

1. 2016. aasta kümme parimat veebikujunduse suundumust, mida peate teadma
2. Tõhusa veebidisainerite portfelli 10 uut funktsiooni
3. 10 parima tasuta veebilehe kujundamise tarkvara loend (juhend)