Si të zotëroni dizajnin e paraqitjes

Një udhëzues i plotë për të mësuar bazat e dizajnit vizual.

Pyetja miliona dollarëshe: cili është sekreti i dizajnit të mirë?

Ne mund të flasim filozofik për këtë , por në përgjithësi, 'sekret' proverbial i dizajnit të mirë qëndron në mënyrën se si organizoni elementët tuaj vizualë, në lidhje me kanavacën tuaj dhe me njëri-tjetrin. Në thelb, ne sapo kemi përshkruar dizajnin e paraqitjes. E cila, kur e mendoni, është kudo që shikoni.

Merrni për shembull paraqitjen e një reviste. Dizajni i tyre ndjek një sistem klasik të rrjetit (ne do të mësojmë gjithçka rreth rrjetave në një minutë). Gjithçka zakonisht rreshtohet majtas, djathtas dhe në fund. Kolonat kanë veçanërisht një shtrirje të dallueshme të justifikuar që e bën faqen jo vetëm tërheqëse vizualisht, por edhe të lehtë për t'u lexuar dhe autoritare. Titujt e mëdhenj tërheqin vëmendjen e shikuesit, ndërsa nëntitulli vjen si një kontrast në madhësi për të krijuar një hierarki vizuale të informacionit.

Linda Gaom, Behance

Të gjitha këto cilësi e bëjnë faqen dizajn të pastër, të strukturuar dhe të lehtë për t'u lexuar, dhe ato janë në harmoni me këshillat për të cilat do të flasim më pas. Por së pari, le të kuptojmë më shumë rreth vetë dizajnit të faqosjes.

Çfarë është Layout Design?

Dizajni i paraqitjes ka të bëjë me rregullimin e elementeve grafike në mënyrë që të tërheqë vëmendjen e lexuesit dhe të përcjellë një mesazh të veçantë në një mënyrë tërheqëse vizualisht .

Pra, ne nuk po flasimvendi i pushimit, ndërsa elementët e tjerë japin drejtim.

Një mënyrë e thjeshtë për ta kuptuar këtë është duke marrë shembullin e faqes sonë të internetit, për shembull. Grafikët janë të ndara qartë nga teksti, dhe po ashtu edhe thirrjet për veprim, kështu që vëmendja e shikuesit po kalon nga një grup informacioni në tjetrin.

Parimi #5. Përdorni Kontrastin

Sigurohuni që të keni kontrast të mjaftueshëm në dizajnin tuaj.

Kontrasti ndihmon në organizimin e dizajnit tuaj dhe do të vendosë një hierarki shumë të nevojshme dhe do të vërë theksin në atë që është e rëndësishme.

Për më tepër, përdorimi i mirë i kontrastit shton gjithashtu interesin vizual në të gjithë dizajnin tuaj. Le ta pranojmë, një plan urbanistik ku gjithçka ka të njëjtën madhësi, formë ose ngjyrë do të duket e mërzitshme. Kontrasti i përmirëson gjërat.

Mendimi juaj i parë mund të jetë kontrasti i ngjyrave, si p.sh. i ngrohtë kundrejt ftohtë, i errët kundrejt dritës, blu kundrejt portokallisë. Por ndërsa ngjyra është një parim jashtëzakonisht thelbësor i kontrastit, ka edhe kontraste të llojit, shtrirjes dhe madhësisë. Dhe mbani mend, kontrasti është gjithashtu relativ. Ka kuptim vetëm në ballafaqim me elementë të tjerë.

Këtu janë disa shembuj të paraqitjeve që përdorin këtë rregull në një mënyrë të zgjuar dhe të bukur. Vini re kontrastin në tipografi, ngjyrë, madje edhe kontrastin në madhësinë ndërmjet elementeve.

Burimi: Plani i Veprimit për pajtimin e IAG

Parimi #6. Përsëritja, modeli, ritmi

Kur mendojmë për përsëritjen, mendojmëtë të njëjtit element pa pushim.

Por është i ndryshëm në dizajn. Sigurisht që nuk është aq e mërzitshme sa ajo. Kur përdoret si duhet, përsëritja mund të fuqizojë dizajnin tuaj.

Përpiquni të identifikoni dhe ripërdorni një motiv në të gjithë paraqitjen tuaj në mënyrë që zona të ndryshme të ndjehen të lidhura dhe pjesë e së njëjtës përbërje. Do të ndihmojë që dizajni juaj të ketë një temë. Duke përsëritur elemente, ju jo vetëm që jepni sipas pritshmërive të audiencës tuaj, por gjithashtu do të përmirësoni përvojën e përdoruesit. Të qenit i qëndrueshëm i bën përdoruesit të ndihen më rehat.

Këtë mund ta bëni duke përsëritur forma ose simbole. Ose edhe një skemë ngjyrash, një shkronja shkrimi dhe i njëjti stil në përgjithësi.

Një zakon i mirë për t'u futur është të përdorni një shkronja shkrimi me një familje të madhe. Kufizoni numrin e ndryshëm të modeleve, peshave/stileve të rreshtave dhe ngjyrave dhe përsëritni gjatë gjithë kohës. Gjithashtu, përpiquni të mbani të njëjtë stilin e imazheve dhe grafikëve. Për shembull, përdorni ilustrime nga i njëjti artist.

Burimi: Thepentool.co

Kjo është ajo. Këto janë gjashtë parimet që do t'ju ndihmojnë të organizoni dizajnin tuaj dhe të arrini një plan urbanistik më të pastër, më profesional dhe të ekuilibruar.

Por udhëtimi juaj nuk përfundon këtu. Dizajni grafik nuk është një shkencë ekzakte dhe nuk duhet të kufizohet në këshilla dhe parime. Siç është e vërtetë në të gjitha fushat e krijimit, nuk ka asnjë rregull të vështirë praktik. Thyerja nga këto këshilla në mënyra delikate do t'i shtojë thellësi dhe shumëllojshmërimodelet tuaja.

Megjithatë, ato janë një pikënisje e shkëlqyer dhe ne ju inkurajojmë t'i provoni. Dhe na tregoni se si funksionuan!

Shkarko Vectornator për të Filluar

Shko modelet e tua në nivelin tjetër.

Shkarko skedarin rreth dizajnit të logos këtu. Por dizajni i materialit të printuar, si gazetat, revistat, posterat dhe homologët e tyre dixhitalë, si dhe dizajni i ueb-it, aplikacionit ose UX/UI.

Fjala "faqosje" na jep shumë sugjerime. Do të thotë një renditje e elementeve të paracaktuara në një faqe.

Kur një paraqitje është efektive, duket e mirë dhe e udhëzon shikuesin të kuptojë mesazhin që dizajni po përpiqet të përcjellë. Prandaj, të kuptuarit e paraqitjes është thelbësore në krijimin e kompozimeve tërheqëse, efektive, të përshtatshme për përdoruesit dhe të këndshme.

Nëse një plan urbanistik nuk e përcjell mirë mesazhin e tij tek audienca, ose me fjalë të tjera, ai nuk "lexon mirë “, dizajni do të jetë joefektiv sado trend të duket. Në fushën e dizajnit të strukturës, përmbajtja zëvendëson tendencat dhe truket.

Qëllimi i dizajnit të paraqitjes

Për të përcjellë një mesazh shpejt

Ky është çelësi. Dizajni i faqosjes vendos marrëdhënien midis aseteve grafike për të arritur një rrjedhë të qetë të lëvizjes së syve për efektivitet dhe ndikim maksimal.

Për të krijuar ekuilibër

Përdorimi i parimeve të dizajnit të paraqitjes është mënyra më e drejtpërdrejtë për të krijuar një ndjenjë ekuilibri dhe simetrie në projektet tuaja të projektimit pa u mërzitur.

Për të krijuar kohezivitet

Layout ju ndihmon të rregulloni shumë elementë të dizajnit tuaj në një mënyrë lehtësisht të tretshme, kohezive dhe logjike.

Për të krijuar bukuri

Ekuilibri dhe struktura në mënyrë natyrale krijojnë bukurinë.Nëse dizajni juaj i paraqitjes është bërë në mënyrë korrekte, ai automatikisht do të bëhet tërheqës vizualisht për shikuesin. Sa më pak përpjekje që shikuesit duhet të bëjnë për të kuptuar një mesazh, aq më tërheqës do të duket dizajni juaj.

Dizajneri nga Frank Philippin për librin e tij 'I Used to Be a Design Student: Pastaj - Tani.' Burimi: DesignBoom

Elementet e Dizajnit të Layout

Teksti

Kjo përfshin jo vetëm trupin ose paragrafët e tekstit, por edhe titujt, nëntitujt, titujt dhe fundet. Zgjedhja juaj e tipografisë, ngjyrës dhe madhësisë do të arrijë efekte të ndryshme në mënyrën se si paraqitja juaj do të përkthehet tek audienca juaj.

Imazhi

Llojet më të zakonshme të imazheve janë fotografitë, ilustrimet ose infografika.

Format

Format mund të jenë gjeometrike, të cilat janë shumë këndore, ose mund të jenë organike, duke imituar botën natyrore. Ato gjithashtu mund të jenë abstrakte. Format abstrakte kanë qenë shumë në modë vitin e kaluar, pasi kemi parë dizajnerët e uebit që i përfshijnë ato në kompozime komplekse dhe të përhapura.

Format mund të zëvendësojnë një imazh. Ose ato mund të përdoren për të shtuar elementë grafikë në një faqe, për të theksuar tekstin ose për të përcaktuar hapësirën midis elementëve të tjerë vizualë.

Shiko gjithashtu: 15 Animatorë të famshëm që të gjithë duhet të dinë

Hapësira e bardhë

Çdo dizajn i paraqitjes do të ketë një sasi të caktuar hapësire të bardhë që do t'i lejojë elementët tuaj të marrin frymë dhe të dalin vetë.

Parimet e Artë të Dizajnit të Layout

Do të vini re se parimete dizajnit të faqosjes ndjekin shumë nga parimet themelore të dizajnit. Ashtu si përdorimi i ngjyrës në një mënyrë të caktuar, tipografia, përsëritja, kontrasti, hierarkia dhe ekuilibri.

Parimi #1. Përdorni Grids

Rrjetet ndihmojnë projektuesit të pozicionojnë elementë të ndryshëm të dizajnit si teksti dhe imazhet në një mënyrë që të duket koherente dhe e lehtë për t'u ndjekur.

Ato ofrojnë një ndjenjë rregulli, ata i mbajnë elementët që të mos mbizotërojnë njëri-tjetrin , dhe më e rëndësishmja, rrjetat do të korrigjojnë gjithashtu shtrirjen tuaj. Duke e bërë punën tuaj të ndjehet më e pastër dhe më profesionale.

Burimi: hgmlegal.com

Anatomia e rrjetave

Ju mund të mendoni se janë thjesht linja vertikale dhe horizontale, por një rrjet është i përbërë nga disa pjesë. Shumë, në fakt. Këtu është terminologjia më e rëndësishme që duhet të dini në një rrjet bazë:

• Format është zona e plotë e dizajnit tuaj përfundimtar. Pra, nëse dizajnoni diçka për printim, formati është faqja, dhe nëse jeni një dizajner ueb, formati është faqja e internetit ose dritarja e shfletuesit.
• Margjinat janë hapësirat boshe të qëllimshme midis formatit dhe dizajnit.
• Linjat e rrjedhës janë vijat horizontale që ndajnë paraqitjen tuaj në seksione paralele. Linjat e rrjedhës ndihmojnë në lexueshmërinë e dizajnit tuaj dhe e drejtojnë lexuesin të ndjekë saktë përmbajtjen.
• Modulet janë blloqet që formohen nga vijat horizontale dhe vertikalelinjat e rrjedhës së çdo rrjeti. Nëse mendoni për këtë, ato janë blloqet ndërtuese të çdo rrjeti. Të gjitha modulet tuaja vertikale krijojnë kolonat tuaja, ndërsa të gjitha rrjetet tuaja horizontale krijojnë rreshtat tuaja.
• Rajonet janë grupe modulesh të lidhura, vertikale ose horizontale. Nuk ka rregulla se si vendosni t'i organizoni këto.

Burimi: Radversity

Llojet e rrjetave

Rrjetet e paraqitjes janë përdorur fillimisht për të rregulluar shkrim dore në letër.

Ato datojnë qysh në shekullin e 13-të, kur artisti francez Villard De bashkoi sistemin e rrjetës me raportin e artë për të prodhuar paraqitje të printuara faqesh me margjina. Ju mund ta shihni këtë sistem rrjeti edhe sot e kësaj dite, siç dëshmojnë shumica e paraqitjeve të librave dhe revistave të shtypura. Botuesit, redaktorët dhe projektuesit preferojnë të përdorin rrjete standarde jo vetëm sepse duken mirë, por sepse lexuesit kanë filluar të presin që disa elementë të dizajnit të jenë në një vend të caktuar.

Rrjetet mund të dizajnohen në dy mënyra: simetrike ose asimetrike. Rrjetet simetrike ndjekin një vijë qendrore, ku rajonet vertikale dhe horizontale janë të barabarta me njëri-tjetrin; dhe kolonat kanë të njëjtën gjerësi.

Në një rrjet asimetrik , siç sugjeron emri, kufijtë dhe kolonat nuk janë të gjitha identike.

Bazuar në këtë klasifikim, ekzistojnë pesë lloje kryesore të rrjeteve të paraqitjes të përdorura në mbarë botën ku mund të mbështeteni:

Dorëshkrimrrjetet janë lloji më i zakonshëm i rrjetës për dokumentet. Ata ndajnë kokën, fundin dhe margjinat, dhe në thelb krijojnë një drejtkëndësh brenda formatit (ose faqes) që ofron kufijtë e tekstit tuaj. Ato janë baza për revista, gazeta dhe libra. Pra, ndoshta është faqosja me të cilën jeni më të njohur.

Burimi: UXplanet

Burimi: Radversity

Shiko gjithashtu: 23 Shembuj të modeleve gjeometrike në dizajnin grafik

Rrjetat e kolonave janë një tjetër preferuar në botimin e revistave. Një plan urbanistik tipik i revistave përdor rrjetat e kolonave për të ndarë tekstin në seksione të lehta për t'u lexuar. Por ato janë shumë të njohura edhe për faqet e internetit. Mund të përdorni çdo gjë nga dy deri në gjashtë rrjete. Më shumë është e mundur, por jo e zakonshme. Një gjë shumë e rëndësishme në lidhje me rrjetat e kolonave është se hapësira ndërmjet kolonave, ose ulluqeve, janë të distancuara në mënyrë të barabartë nga njëra-tjetra.

Rrjetat simetrike të kolonave përdoren nga gazetat, për shembull, ndërsa një rrjet kolonash asimetrike preferohet në dizajnin e faqes në internet. .

Burimi: UX Planet

Burimi: Radversity

Rrjetet modulare janë të ngjashme me rrjetin e kolonës, por ato llogaritin edhe vijat e rrjedhës horizontale. Ky lloj rrjeti është i nevojshëm kur duhet të organizoni elementë të ndryshëm në paraqitjen tuaj dhe rrjetet e kolonave thjesht nuk janë të mjaftueshme.

Rrjetat modulare kanë module të madhësisë së njëjtë që e bën shumë të lehtë vizualizimin e zonave tuaja hapësinore në mënyra të ndryshme.

Burimi: UXPlanet

Burimi: Radversity

Rrjetet bazë janë fantastike për kompozime të bazuara në tekst. Një vijë bazë është linja ku qëndron teksti kur shkruani, dhe në krye është hapësira midis dy vijave bazë. Pyes veten se sa i madh duhet të jetë titulli ose nëntitujt tuaj?

Rrjetat bazë janë këtu për t'ju ndihmuar t'i jepni tekstit tuaj një ritëm të rrjedhshëm.

Burimi: UX Planet

Burimi: Fragaria

Rrjetet hierarkike duken më pak si një rrjet se të gjitha homologët. Sidoqoftë, ato janë shumë të dobishme kur organizoni elementë të dizajnit sipas rendit të rëndësisë së tyre. Rrjetet hierarkike mund të bazohen në rrjete modulare, ose mund të krijoni edhe tuajin. Uebsajtet e përdorin shumë këtë rrjet, veçanërisht revistat dhe gazetat dixhitale priren të mbështeten më shumë në rrjetet hierarkike sesa në rrjetet e kolonave në kalimin e tyre për t'u bërë dixhitale.

Burimi: UX Plane

Parimi #2. Përdorni hapësirën negative

Shpesh mendojmë se zbrazëtia, heshtja ose mungesa e ngjyrës është një gjë e keqe. Por ne nuk marrim parasysh se si ato janë baza e fortë e kontrastit.

E quajtur edhe hapësira e bardhë, hapësira negative është ajo zonë në dizajnin tuaj që nuk ka ndonjë element aktual. Është zona e mbetur bosh. Ai nuk rrethon vetëm asetet tuaja, por gjithashtu krijon lidhjet e nevojshme midis tyre. Për shkak të kësaj, hapësira negative është një element i drejtë i dizajnit dhe ka një ndikim masiv në efektivitetin e paraqitjes tuajdizajni është.

Hapësira negative e mirë kundrejt asaj të keqe

Hapësira negative do të ndihmojë në ndarjen e zonave të ndryshme në dizajnin tuaj, duke lejuar gjithashtu paraqitjen tuaj të marrë frymë. Ndihmon me hierarkinë vizuale dhe ekuilibrin vizual; ai vendos fokusin e përdoruesit në elementet thelbësore; zvogëlon nivelin e shpërqendrimit; dhe së fundi, i shton stil dhe elegancë dizajnit tuaj.

Dizajnerët pa përvojë mund të kenë tendencën të plotësojnë sa më shumë të jetë e mundur nga kanavacja e tyre, duke rritur tekstin ose duke hedhur në erë një logo ose një imazh. Por duke i dhënë hapësirë ​​elementëve tuaj, shikuesi mund të zgjedhë sinjale të caktuara informacioni më shpejt dhe më rehat.

Nëse gjithçka bërtet për vëmendjen e shikuesit tuaj, asgjë nuk dëgjohet.

– Aaron Walter, 'Dizajn për emocion'

Një mënyrë e thjeshtë për të përcaktuar hapësirën tuaj negative është duke përdorur një rrjet modular. Duke e vendosur atë në krye të dizajnit tuaj, ju mund të imagjinoni lehtësisht se cilat module mund të mbeten bosh dhe cilat duhet të plotësohen.

Designer nga Brunswicker, Burimi: Codesignmag.com

Parimi #3. Zgjidhni një pikë të vetme fokale

A ju ka kërkuar ndonjëherë një klient që ta bëni logon më të madhe? Dhe pastaj për ta bërë titullin edhe më të madh?

Nuk mund të theksosh gjithçka. Ajo mposht pikën e dizajnit të mirë. Ashtu si koha, fokusi është relativ. Që një element të dalë në pah, një tjetër duhet të shërbejë si sfond. Disa elementë duhet të dominojnë të tjerët në mënyrë që dizajni juaj të shfaqetnjë hierarki vizuale.

Pika qendrore në një dizajn është i vetmi element me peshën vizuale më të madhe. Është elementi që tërheq së pari syrin, më shumë se çdo gjë tjetër në paraqitjen tuaj.

Një pikë qendrore do t'i njoftojë audiencës se ku fillon udhëtimi i tyre i shikimit në dizajnin tuaj. Pra, është fillimi i tregimit që po tregoni.

Kjo zakonisht mund të arrihet duke përdorur një imazh të madh ose një burim të madh tipografie. Vini re se sa efektive është pika qendrore e mëposhtme

Dizenjuar nga Braulio Amado për Bloomberg Businessweek, Burimi: Është mirë që

Por ndërsa një pikë qendrore do të tërheqë vëmendjen e audiencës tuaj në, rregulli tjetër do të ndihmojë në drejtimin e tij.

Parimi #4. Mendoni për afërsinë dhe rrjedhën

Parimi i afërsisë është i thjeshtë. Sigurohuni që elementët që lidhen me njëri-tjetrin të vendosen së bashku.

Afërsia tregon që mjetet vizuale janë të lidhura dhe bëhen një njësi vizuale që ndihmon në organizimin e paraqitjes suaj.

Kështu që grumbulloni vetëm asetet e projektimit që kanë një lidhje me njëra-tjetrën dhe përdorni xhepat e informacionit mbi dizajnin tuaj për të udhëhequr audiencën tuaj drejt pjesës së përmbajtjes përkatëse që duhet të konsumojë. Ky quhet edhe parimi i rrjedhës.

Burimi: Satori Graphics

Një dizajn me rrjedhje të mirë do të udhëheqë sytë e shikuesve në të gjithë paraqitjen, nga elementi në element, me lehtësi. Pikat tuaja fokale do të tërheqin syrin dhe do të bëhen