Efni.

• Að stíga
• Aðferð 1 af 2: Þrjár grundvallarreglur
• Aðferð 2 af 2: Leiðbeiningar
• Ábendingar
• Viðvaranir

Að hanna frábæra vefsíðu getur virst vera skelfilegt verkefni, en svo framarlega sem þú hefur grunnatriðin í huga finnst þér ferlið áhugavert og skemmtilegt. Þetta snýst um meira en bara gott útlit! Við munum sýna þér grunnatriðin og nokkrar almennar leiðbeiningar til að hjálpa þér að hanna vefsíður sem fólk heimsækir aftur og aftur.

Að stíga

Aðferð 1 af 2: Þrjár grundvallarreglur

1. Regla 1:Hlustaðu á viðskiptavin þinn. Þú gætir verið að hanna „heimsins stærsta vefsíðu í sögu alheimsins og víðar“ með ríkum svörtum, fáguðum leturgerðum og björtum, listrænum litum fyrir síðu sem öskrar „kannaðu mig núna!“ Því miður vildi viðskiptavinur þinn fá appelsínugula matseðil með skærbleikum og appelsínugulum stöfum. Þér hefur verið sagt upp störfum og besta vefsíðan þín - sem viðskiptavinurinn hefur réttindi til - er einhvers staðar á varadisknum sínum án þess að nokkur sjái það aftur.
   • Rannsakaðu sjálfsmynd viðskiptavinar þíns. Láttu viðskiptavininn sýna þér nokkrar vefsíður sem hann elskar. Þetta mun ekki aðeins gefa þér hugmynd um hvað þeim líkar, heldur mun það einnig gefa þér nokkrar hugmyndir um hönnun sem þér hefur kannski ekki dottið í hug.
   • Ef þú hélst að við værum að grínast með appelsínugula og bleika vefinn skaltu íhuga þessa flottu, háþróuðu síðu:
2. Regla nr.2:Þekki áhorfendur þína og hvað þeir eru að leita að og aðlagaðu hönnunina í samræmi við það. Ástæðan fyrir því að fólk er með vefsíður er vegna þess að það vill að annað fólk sjái þær. Það getur verið fróðlegt, eða auglýsing eða til að skemmta ákveðnum markhópi. Starf þitt sem hönnuður er að vita fyrir hvern þú ert að hanna og halda þeim á síðunni þegar þeir lenda þar.
   • Þú gætir hugsað: „Ef það lítur vel út munu þeir vera áfram.“ En þetta þarf ekki endilega að vera raunin. Tökum sem dæmi fasteignir. Hér er síða með hreinni og skemmtilegri hönnun. Það hefur mikið hvítt rými sem gefur opið útlit, bjarta liti og nútímalegt breiðtjaldssnið með krækjum á áberandi stað:
   • Skoðaðu þessa nálgun við sölu fasteigna á sama svæði: ringulreið og mjög upptekin, daufur litur og þakinn auglýsingum.
   • Giska á hver vinnur betur fyrir þá sem eru að leita að heimili? Rétt, sá sem var hús! Þegar fólk leitar að „húsum til sölu í Santa Monica,“ skiptir það ekki máli hvernig vefsíða lítur út. Þeir vilja ekki lesa um fasteignasalann eða sjá fallegar myndir af borginni. Þeir vilja sjá hús.
3. Regla # 3:Hlustaðu á sjálfan þig. Þú skilur hvað viðskiptavinurinn vill og veist hvað markaðurinn þinn er að leita að. Nú er loksins kominn tími til að gefa gaum að þér hönnuðinum!
   • Byggðu sniðmát í grafíkhugbúnaðinum að eigin vali. Búðu til þætti síðunnar í mismunandi lögum (svo þú getir lagfært hlutina síðar án þess að eyðileggja allt sniðmátið). Þessir þættir geta verið:
     • Haushaus. Þetta er þáttur sem er sá sami á hverri síðu á síðunni þinni. Hausinn samanstendur af titli og merki síðunnar, svo og tenglum á aðra hluta vefsíðunnar (td Um, Tengilið o.s.frv.). Sjónrænt og nánast mun þetta binda allt saman. Það er góð venja að tengja fyrsta takkann á matseðlinum aftur við heimasíðuna.
     • Við skulum til dæmis skoða Apple:
     • Eins og með flest Apple efni hefur heimasíðan þeirra mjög hreina, einfalda hönnun. Athugaðu valmyndastikuna efst, með rökréttum efnum fyrir hvern hnapp, auk leitarreits - alltaf góð hugmynd ef vefsvæðið þitt styður það. Nú skulum við skoða áfangasíðu fyrir einn hnappana, iPad, til að sjá nokkur atriði:
     • Matseðillinn breytist aðeins með því að myrkva iPad hnappinn.
     • Efni áfangasíðunnar birtist með stórum svörtum stöfum.
     • Nýr undirvalmynd birtist svo þú getir lært meira um vöruna. Ef þú smellir á einn þessara hnappa sérðu að hver síða býður upp á nýtt efni eftir viðfangsefnum, en verður eins í uppsetningu og hönnun.
     • Oft á tíðum mun hvert aðalefni í matseðlinum hafa mismunandi undirfyrirsagnir sem þú getur fyllt út. Í stað þess að búa til annan matseðil, getur þú notað sprettivalmyndir eins og þetta dæmi frá Musicians Friend:
     • Skenkur. Þetta mun birtast á mörgum síðum vefsvæðisins en ekki endilega á öllum - samhengið ræður. Hins vegar er það mjög mikilvægur þáttur og verður að hanna vandlega til að vera innsæi og ekki of ringulreið. Ólíkt valmyndastikunni getur innihald hliðarstikunnar verið mjög öflugt. Skoðaðu þessar tvær skenkur frá fasteignasölumanninum Trulia Það fyrsta er fyrir kaupendur:
       
       

Aðferð 2 af 2: Leiðbeiningar

1. Hannaðu gott notendaviðmót. Settu hina ýmsu þætti vefsíðunnar eins og titilinn, hliðarstikurnar, lógóin, myndirnar og textann á sama stað á hverri síðu til að gera síðuna þína vafraða og innsæi.
   • Hafðu sama haus efst á hverri síðu. Hvort sem innihald vefsvæðisins gerir ráð fyrir mörgum endurteknum þáttum eða ekki, vertu viss um að efst á hverri síðu sé það sama.
   • Notaðu rökfræði í hönnun þinni. Atriðin á einni síðu ætti að raða á rökréttan hátt eftir mikilvægi eða efni; mismunandi síður á vefnum ættu að vera það líka.
2. Búðu til stöðugan stíl. Þar sem uppsetningin ætti að veita vefsvæði þínu skipulegt samræmi, ætti stíllinn að veita þema sátt.
   • Haltu þig við tvo eða þrjá meginlit og vertu viss um að þeir fari vel saman.
   • Forðastu að nota of marga leturstíla eða stærðir; ef þú vilt skipta nokkrum, notaðu þá á sama hátt á hverri síðu.
   • Notaðu Cascading Style Sheets (CSS) til að viðhalda samræmdum stíl og gera það auðveldara að breyta þætti yfir heila vefsíðu án þess að þurfa að fara á hverja síðu fyrir sig.
3. Hámarkaðu læsileika. Til að auðvelda lestur textans geturðu skipt honum í smærri hluta.
   • Notaðu skjátexta og rétt bil til að aðskilja hvern hlut.
   • Notaðu feitletraða stafi eða mismunandi stærðir til að sýna stigveldi og mikilvægi viðfangsefnanna.
   • Gefðu gaum að því hvernig þú kemur fram við texta. Ekki gera letrið of lítið og auka línubilið til að gera stóra textabita auðveldara að lesa. Erfiðara er að lesa stóra textaplástra; brjóta það niður í minni málsgreinar.
4. Gerðu vefsíðuna þína læsilega. Notaðu venjulegt HTML og forðastu merki, eiginleika og viðbætur sem eru aðeins í boði fyrir eitt vörumerki eða útgáfu af vafra.
   • Þó að flestir nútímalegir vafrar og tölvur ráði við flóknar myndir, mun allt líta út fyrir að vera sléttari ef þú skreppur saman og fínstillir myndirnar þínar fyrir vefinn. Vigtaðu mikilvægi gæða á móti mikilvægi hraðans.
5. Prófaðu vefsíðuna þína. Vertu viss um að hver hlekkur virkar eins og við mátti búast og myndir birtast rétt.
   • Þú gætir viljað skipuleggja nokkrar notendaprófanir með því að láta meðlimi markhópsins prófa skýrleika og vellíðan í notkun hönnunar þinnar og veita álit á vefsíðunni þinni.
6. Birta vefsíðuna þína. Kauptu lén ef þú hefur ekki þegar gert það. Athugaðu reglulega hvort tenglar séu enn að virka og hlustaðu á tillögur sem gestir senda þér tölvupóst.

Ábendingar

• Þó að þér sé frjálst að hanna útlitið út frá þínum eigin persónulegu sýn eða hlutum sem þú hefur séð á öðrum síðum, þá getur verið auðveldara að kaupa tilbúna hönnun.
• Ekki bomba gestinum með sætum, sérstökum myndum. Flash-fjör, bjarta liti, mynstraða bakgrunn og tónlist sem spilar sjálfkrafa við blaðsíðuna voru skemmtilegar tilraunir á níunda áratugnum en nú munu þær fæla notendur frá. Haltu þig við einfaldan bakgrunn sem er í mótsögn við textalitinn til að hámarka læsileika.
• Þú getur alltaf notað CSS til að fínstilla bil efnisgreina.
• Fyrir gesti með skerta heyrnar- eða sjónskerðingu er hægt að texta myndskeið, skrifa upp hljóð og bæta við aðgengisskilaboðum. Þó að töflur geti verið skilvirk leið til að skipuleggja upplýsingar, þá geta sjónskertir gestir sem nota skjálesarahugbúnað ekki heyrt efnið í réttri röð.
• Leyfðu gestum þínum að spara blek: notaðu sérstakt stílblað til að prenta síður.
  • Slökktu á bakgrunnsmyndum þegar stillt er á prentbreytur.
  • Notaðu svartan texta á hvítum bakgrunni.
  • Fjarlægðu valmyndastikuna og óþarfa myndir.

Viðvaranir

• Forðastu ritstuld og hlíta öllum lögum um höfundarrétt. Ekki taka með handahófi myndir sem þú finnur á netinu eða jafnvel burðarvirki án samþykkis. Allt sem þú notar á síðunni þinni verður að vera bæði löglegt og siðlegt.