Turinys
- 01. Naudokite tinklelį
- 02. Pasirinkite vieną židinio tašką
- 03. Naudokitės Trečiųjų taisykle
- 04. Naudokite tarpą
- 05. Pakartokite dizaino elementus
- 06. Naudokite hierarchiją
- 07. Naudokite mastelį, kontrastą ir harmoniją
Pagrindinis bet kurio jūsų sukurto puslapio maketo, nesvarbu, ar tai spausdintos brošiūros, ar naujausios žiniatinklio programos, tikslas - aiškiai ir efektyviai perduoti informaciją skaitytojui. Vienas iš geriausių būdų užtikrinti, kad pagrindiniai pranešimai būtų pateikiami skaitytojui, yra subalansuoto puslapio išdėstymo sukūrimas.
Puslapio maketo dizainas paprastai apima daugybę elementų išdėstymo, pertvarkymo ir formatavimo. Daugelis dizainerių šiam procesui vadovaujasi organiškai, pajutę kelią į malonų galutinį rezultatą. Nors tai gali sukelti puikių laimingų nelaimingų atsitikimų, yra rizika, kad naudojant laisvos formos metodiką puslapyje gali trūkti vizualinės pusiausvyros.
Gera puslapio kompozicija turėtų būti ir maloni akiai, ir aiškiai pranešti tuos pagrindinius pranešimus numatytai auditorijai. Mes surinkome keletą svarbiausių patarimų, kurie padės užtikrinti, kad jūsų puslapio maketo dizainai turėtų pusiausvyrą (taip pat padės geras svetainės kūrėjas). Šie metodai bus gerai sukurti pusiausvyros struktūrą, neatsižvelgiant į tai, su kokia terpe jūs dirbate.
Norėdami gauti daugiau patarimų, susijusių su konkrečiu žiniatinkliu, žr. Tobulų svetainių maketų kūrimo vadovą.
01. Naudokite tinklelį
Vienas iš paprasčiausių būdų užtikrinti savo puslapio pusiausvyrą yra tinklelio sistemos naudojimas. Tinkleliai anksčiau buvo vienintelis atspausdinto puslapio objektas, tačiau per pastaruosius kelerius metus internete buvo atlikta daugybė darbų, kurie padėjo tinklelio sąvoką perkelti į skaitmeninę laikmeną.
Naudodami tinklelį, norėdami informuoti apie skirtingų elementų padėtį puslapyje, sukursite ryšį tarp skirtingų jūsų puslapį sudarančių elementų. Tai gali padėti suprasti išdėstymo tvarką, suteikti skaitytojui aiškią struktūrinę nuorodą, kad būtų galima grįžti atgal, ir padidinti jūsų puslapio sėkmę.
Tai svarbu, nes kai visi jūsų puslapio elementai jaučia ryšį vienas su kitu, bendras efektas skaitytojui atrodo patogesnis, padedantis juos palengvinti ir palengvinantis prieigą prie svarbių dalykų: turinio.
02. Pasirinkite vieną židinio tašką
Vienas iš efektyviausių būdų suteikti pusiausvyros jausmą yra pasirinkti vieną pagrindinį maketo dizaino tašką. Geras to pavyzdys praktikoje yra didelio atvaizdo, kaip didžiausio puslapio elemento, naudojimas.
Stipri vizualinė medžiaga gali būti galingas būdas nukreipti skaitytoją į jūsų puslapį (kaip ir idealios žiniatinklio prieglobos paslaugos ekspertų analizė), taip pat yra naudingas struktūrinis elementas, pagal kurį galima sutvarkyti likusį turinį išdėstyme. Jei turite kelis vaizdinius elementus, naudokite geštalto teorijos artumo principą, kad sugrupuotumėte juos, lygiuodami juos taip pat.
Taip pat verta nepamiršti, kad tokiu pačiu būdu galite naudoti antraštę ar traukti citatą; gera ekrano antraštė gali pasiūlyti tiek pat vizualinio susidomėjimo kaip vaizdas, ir toliau teikti struktūrą, kuri padės užtikrinti subalansuotą išdėstymą.
03. Naudokitės Trečiųjų taisykle
Vienas iš geriausių būdų suteikti pusiausvyros jausmą yra naudoti dizainerio mėgstamą „Trečiųjų taisyklę“ arba „Auksinį santykį“. Paprasčiau tariant, trečdalių taisyklė sako, kad jei padalysite savo puslapį į trečdalius tiek vertikaliai, tiek horizontaliai, taškai, kuriuose susikerta tinklelio linijos, suteikia natūralius kompozicijos židinio taškus.
Susirinkę pagrindinius elementus į šiuos keturis taškus, pasieksite malonesnę kompoziciją, nei, jei, pavyzdžiui, puikiai sukoncentruotumėte elementus savo puslapyje.
Pats savaime trečdalių taisyklė stebuklingai nepateiks jūsų maketui pusiausvyros, tačiau išplėtus principą, lengva naudoti šią tendenciją natūralaus židinio link, kad būtų lengviau sužinoti jūsų maketo pusiausvyrą.
Įprastas požiūris yra svarbiausių puslapio elementų išdėstymas viršutiniame (arba apatiniame) puslapio trečdalyje, pirminis židinio taškas sulygiuotas taip, kad atitiktų vieną iš sankryžų. Turite daug turto, kurį galite laikyti savo svetainėje? Patikrinkite šias debesies saugojimo parinktis.
04. Naudokite tarpą
Pradedantiesiems dizaineriams įprasta išnaudoti kiekvieną puslapio vietos erdvę, įdaryti turinį, kol bus užpildytos visos spragos. Labiau patyrę žino, kad kartais geriausias dizaino elementas yra palikti elementus, o ne juos papuošti.
Spausdintoje laikmenoje dažniausiai naudojamas tarpas yra padidinant puslapio paraštes ir latakus. Žiniatinklyje paprasčiausiai suteikiant daug kvėpavimo kambario aplink elementus, jūsų maketo dizainas gali atrodyti komponuotas ir subalansuotas.
Neigiamos erdvės naudojimas geriausiai tinka tada, kai turite aiškią struktūrą, kuri įtvirtina turinį (pvz., Pateikiamą tinklelyje), nes tuščios vietos rizika gali būti atotrūkis tarp puslapio elementų, jei jis įvestas atsitiktinai.
05. Pakartokite dizaino elementus
Kartojimas taip pat gali suteikti stiprų supratimą apie kompozicijos dizainą ir pusiausvyrą. Idėja yra ta, kad nustatydami ir pakartotinai naudodami motyvą ar dizaino apdorojimą visoje maketėje, galite pateikti skaitytojui nuorodą, kad skirtingos sritys jaustųsi susijusios ir būtų tos pačios bendros kompozicijos dalis.
Šią techniką taip pat galite naudoti norėdami suteikti pagrindinį savo dizaino tašką, išlaikydami bendrą pusiausvyrą, tyčia sulaužydami panašumo modelį, įvestą kartojant.
06. Naudokite hierarchiją
Vienas iš pagrindinių būdų pasiekti puslapio maketo „nirvana“ yra aiškus struktūros ir hierarchijos suvokimas. Mes jau kalbėjome apie struktūrą, tačiau taip pat svarbu perteikti santykinę skirtingų jūsų puslapio turinio dalių svarbą. Pavyzdžiui, antraštė beveik visada turėtų būti vizualiai svarbesnė nei turinio tekstas.
Pažvelkite į skirtingus elementus, kurie sudaro jūsų maketo dizainą, ir nuspręskite, kuris elementas yra svarbiausias. Naudokite šį elementą, kad likusiems puslapio elementams pritvirtintumėte struktūrinį kablį, išlaikydami jį svarbiausią.
07. Naudokite mastelį, kontrastą ir harmoniją
Galiausiai, mastelio naudojimas gali būti labai efektyvus metodas norint pasiekti gerą vizualinį maketo balansą. Padarant vienus elementus didesnius už kitus, atsiras tvarkos ir hierarchijos jausmas. Tai padeda sukurti patogų išdėstymą, nes žiūrovas pirmiausia automatiškai pažvelgs į didesnius išdėstymo elementus, skaitydamas pereis prie mažesnių elementų.
Šis principas taip pat veikia esant padidintam kontrastui, todėl išskyrus puslapio elementą naudojant kontrastą, akis pirmiausia bus sutelkta į tą tašką. Tai suteikia kelią į puslapį ir vėl suteikia naudingą struktūrinį tašką, iš kurio galite sukurti išdėstymą.
Ir mastelis, ir kontrastas geriausiai tinka, kai jie taikomi vienam elementui, todėl jis išsiskiria iš kitų jūsų išdėstymo dalių. Naudokite harmonijos principus, kad kiti jaustųsi susiję ir pabrėžtų židinį.