4 hlutir sem allir hönnuðir ættu að vita um Whitespace
Whitespace (eða "neikvæð rými") er tómt rými milli og um hluti af síðu. Þættir hvítra í grafísku notendaviðmóti eru:
- Margrannar, róðrarspaði og gutters
- Rými í kringum myndir og grafík
- Línubil og bréfaskil innan textarefnis
Þrátt fyrir að sumt fólk taki til hvíldarlausrar sóun á dýrmætum skírteinum, er það nauðsynlegt í hönnun. Í raun er hvítt svæði jafn mikilvæg og innihald. Eins og Jan Tschichold sagði:
Whitespace er að líta á sem virkur þáttur, ekki aðgerðalaus bakgrunnur
Öll góð notendaviðmót innihalda rétta hvítt gildi í öllum hliðarþáttum frá toppi til botns. Hvíturinn á síðu getur verið eins mikilvægur og plássið sem hýsir UI-þætti vegna þess að texti, hnappar, lógó og aðrir hlutir þurfa að anda.
Í þessari grein finnurðu hvernig á að nota hvíta pláss í hönnuninni þinni til að gefa það hreint, einfalt feel:
1. Bæta texta læsileiki
Whitespace er fær um að gera lestur miklu auðveldara með því að minnka magn af textakennara sjá allt í einu. Skorturinn á hvíldarsvæðum (ringulreiðarsíða) gerir ekki notendum kleift að lesa innihaldið. Á hinn bóginn hefur verið sýnt fram á að almennt notaður hvíldarsvæði hafi aukið texta skilning allt að 20%, eins og bent var á Dmitry Fadeyev .
Tveir mikilvægir hlutir sem þarf að hafa í huga þegar hagræðing texta innihalds eru málsgreinar og línubil (bilið á milli línunnar í texta þínum). Síðarnefndu getur dregið verulega úr læsileiki texta. Almennt, því stærri bilið, þeim mun meiri reynslu notandans mun hafa meðan hann lesir (þó að of mikið lína bili geti gert línurnar ótengdar).
2. Skýringar
Allt skipulagið stafar af sumum hlutum þess og innihaldssambönd eru skilgreind af umhverfisvitundum. Í nálægðarlögunum segir að hlutir nálægt hver öðrum virðist svipuð. The whitespace virkar sem sjónarmið í þessu tilfelli. Kíktu á myndina hér að neðan:
Löggjöf Gestals ræður fyrir því að hlutir í nánu sambandi muni birtast sem ein "eining"; hvíta rýmið virkar sem sjónrænt merki.
Næstum allir sem sjá þessa mynd taka eftir tveimur hópum hringa, frekar en einfaldlega 12 hringi. Hringsins eru allir sams konar og eini munurinn á þeim er sá fjöldi hvítra sem skilur þá.
Hægt er að sameina hluti saman með því að minnka bilið á milli þeirra og auka bilið á milli þeirra og annarra þátta á síðunni.
Fyrir notendaviðmót þýðir þetta að hlutir í nálægð munu birtast sem ein "eining". Til dæmis, í tengslum við vefform, er það góð hugmynd að setja merki nálægt viðkomandi sviðum til að búa til hlut. Þegar merkimiðar eru settar nærri reitunum skapar þetta sambandið mikið fyrir notendur.
Upplýsingar eru sendar miklu betur þegar merki eru sett nálægt þeim sviðum sem þau tengjast.
3. Aðdráttarafl
Hönnuðir geta notað whitespace til að miðla því sem er mikilvægast í hnotskurn. Það er samband milli fjarlægðar og athygli; meiri athygli fjarlægðarmanna. Skortur á öðrum þáttum mun aðeins gera núverandi þætti standa út meira. Það er hægt að nota hvíta pláss til að nýta þér - til að vekja úti á augum á ákveðnum hliðarþáttum. Extra padding um tiltekna hluti af efni vekur athygli notenda á þessu svæði einfaldlega vegna þess að það er ekkert annað á skjánum til að vekja athygli. Því meira sem hvítt er í kringum hlut, því meira sem augað er dregið að því.
4. Búðu til sjónrænt stigveldi
Þegar hvítt er notað á viðeigandi hátt leyfir það síðu til að búa til almenna flæði og jafnvægi sem hjálpar til við að miðla tilgangi hönnunarinnar. Whitespace getur stutt almennt stigveldi. Það framleiðir annaðhvort symmetry eða asymmetry.
Symmetry skapar minni og sátt:
Mailchimp, eins og þú sérð, er stór talsmaður hvítt rými í hönnun sinni. Þegar gestir skoðuðu heimasíðuna færðu "athygli frjáls" hnappurinn athygli sína næstum strax. Með því að nota samhverfu er hægt að búa til jafnvægi með jafn mikilvægum hægri og vinstri hlutum.
Þó asymmetry vekur athygli:
Ósamhverfa er frábært fyrir að vekja athygli á tilteknu svæði síðunnar.
Þegar frumefni notar ósamhverfar pláss, stendur það út á móti öðrum aðliggjandi þáttum.
Niðurstaða
Whitespace er ekki sóun á plássi, það er öflugt hönnunar tól. Það getur verið allt eins mikilvægt og plássið sem upptekið er með myndefni, texta eða öðrum notendaviðmótum vegna þess að jafnvel tómt pláss þjónar tilgangi og styður sjónræn heilindi skipulags.
Þó að það virðist einfalt efni, getur hvítt svæði verið erfitt að læra af því að beiting hvíta er bæði list og vísindi. Sannlega að skilja hversu mikið hvítt svæði ætti að nota til að búa til góðan skipulag krefst æfingar.