Kaip sukurti subalansuotą puslapio maketą

puslapio išdėstymas

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 daug elementų išdėstymo, pertvarkymo ir formatavimo. Daugelis dizainerių į šį procesą žiūri 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ą geriausių patarimų, kurie padės jums užtikrinti, kad jūsų puslapio maketo dizainai būtų subalansuoti (gerai svetainių kūrėjas taip pat padės). Šie metodai bus gerai sukurti pusiausvyros struktūrą, neatsižvelgiant į tai, su kokia terpe jūs dirbate.



Norėdami gauti daugiau konkretaus žiniatinklio patarimų, skaitykite mūsų tobulo kūrimo vadovą svetainės maketai .

01. Naudokite tinklelį

Sukurkite subalansuotus maketus 1



Vienas iš paprasčiausių būdų užtikrinti savo puslapio pusiausvyrą yra naudoti tinklelio sistema . Tinkleliai anksčiau buvo vienintelis atspausdinto puslapio objektas, tačiau per pastaruosius kelerius metus internete buvo atlikta daugybė darbų, kurie padėjo tinklelio koncepciją perkelti į skaitmeninę laikmeną.

Naudodamiesi tinkleliu, norėdami informuoti apie skirtingų puslapio elementų padėtį, 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.



kaip sulieti vaizdą Photoshop CS6

02. Pasirinkite vieną židinio tašką

Sukurkite subalansuotus maketus 2

Vienas iš efektyviausių būdų suteikti pusiausvyros jausmą yra išsirinkti 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ą į savo puslapį (kaip ir eksperto atlikta idealo analizė interneto priegloba paslaugą), taip pat pateikia naudingą struktūrinį elementą, pagal kurį galima sutvarkyti likusį išdėstymo turinį. Jei turite kelis vaizdinius elementus, naudokite artumo principą Geštalto teorija sugrupuoti juos, lygiuojant juos vienodai.

geriausias laikas paskelbti „dribbble“

Taip pat verta nepamiršti, kad tokiu pat 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

Sukurkite subalansuotus išdėstymus 3

Vienas iš geriausių būdų suteikti pusiausvyros jausmą yra dizainerio mėgstamiausio panaudojimas Trečiųjų taisyklė arba Auksinis santykis . Paprasčiau tariant, trečdalių taisyklė sako, kad jei padalinsite 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 sulygiuojamas taip, kad atitiktų vieną iš sankryžų. Ar turite daug turto, kurį galite laikyti savo svetainėje? Patikrinkite tai debesies saugykla galimybės.

04. Naudokite tarpą

Sukurkite subalansuotus maketus 4

Pradedantiesiems dizaineriams įprasta išnaudoti kiekvieną vietos vietą, užpildant 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.

kaip sulieti foną „Photoshop CS5“

Naudojant neigiama erdvė geriausiai veikia, kai turite aiškią struktūrą, kuri įtvirtina turinį (pvz., pateikiamą tinklelyje), nes tuščios vietos rizika gali būti puslapio elementų atjungimo jausmas, jei jis įvestas atsitiktinai.

05. Pakartokite dizaino elementus

Sukurkite subalansuotus išdėstymus 5

Kartojimas taip pat gali suteikti tvirtą supratimą apie susietą dizainą ir kompozicijos 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ą

Sukurkite subalansuotus maketus 6

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ą

Sukurkite subalansuotus maketus 7

Galiausiai, mastelio naudojimas gali būti labai efektyvus metodas norint pasiekti gerą vizualinį jūsų maketo balansą. Kai kurie elementai bus didesni 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ų.

kaip naudoti „Adobe“ po efektų, 2015 m

Š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į.

Susiję straipsniai: