Преглед садржаја
Потпуни водич за учење основа визуелног дизајна.
Питање од милион долара: која је тајна доброг дизајна?
Можемо да филозофирамо о овоме , али уопштено говорећи, пословична 'тајна' доброг дизајна лежи у начину на који организујете своје визуелне елементе, у односу на ваше платно и међусобно. У суштини, управо смо описали дизајн изгледа. Која је, када размислите, свуда где погледате.
Узмите изглед часописа, на пример. Њихов дизајн прати класични систем мреже (све о мрежама ћемо научити за минут). Све је обично поравнато лево, десно и на дну. Колоне посебно имају јасно оправдано поравнање које чини страницу не само визуелно привлачном, већ и лаком за читање и ауторитативном. Велики наслови привлаче пажњу гледаоца, док поднаслов долази као контраст у величини како би се створила визуелна хијерархија информација.
Линда Гаом, Беханце
Сви ови квалитети чине страницу дизајн је чист, структуриран и лак за читање, а у складу су са саветима о којима ћемо даље говорити. Али прво, хајде да разумемо више о самом дизајну изгледа.
Шта је дизајн распореда?
Дизајн распореда се односи на распоред графичких елемената како би привукао пажњу читаоца и пренео одређену поруку на визуелно привлачан начин .Дакле, не разговарамоместо за одмор, док други елементи дају правац.
Једноставан начин да ово разумете је да узмете пример наше веб странице, на пример. Графика је јасно одвојена од текста, као и позиви на акцију, тако да се пажња гледаоца креће од једне групе информација до следеће.
Принцип #5. Користите контраст
Уверите се да имате довољно контраста у свом дизајну.
Контраст помаже у организовању вашег дизајна и успоставиће преко потребну хијерархију и ставити нагласак на оно што је важно.Више од тога, добра употреба контраста такође додаје визуелни интерес у целом дизајну. Суочимо се с тим, изглед у којем је све исте величине, облика или боје ће изгледати досадно. Контраст зачињава ствари.
Ваша прва помисао би могао бити контраст боја, као што је топло насупрот хладном, тамно насупрот светлом, плаво наспрам наранџасте. Али док је боја изузетно суштински принцип контраста, постоје и контрасти типа, поравнања и величине. И запамтите, контраст је такође релативан. Има значење само у поређењу са другим елементима.
Ево неколико примера распореда који користе ово правило на паметан и леп начин. Обратите пажњу на контраст у типографији, боји, па чак и на контрасту у величини између елемената.
Извор: ИАГ акциони план помирења
Принцип #6. Понављање, образац, ритам
Када размишљамо о понављању, мислимоистог елемента изнова и изнова.
Али дизајн је другачији. Дефинитивно није тако досадно. Када се правилно користи, понављање заправо може оснажити ваш дизајн.
Покушајте да идентификујете и поново користите мотив у целом распореду тако да се различите области осећају повезаним и као део исте композиције. То ће помоћи вашем дизајну да има тему. Понављањем елемената не само да испоручујете у складу са очекивањима ваше публике, већ ћете побољшати и корисничко искуство. Пошто сте доследни, корисници се осећају угодније.
То можете да урадите понављањем облика или симбола. Или чак шему боја, фонт и исти стил уопште.
Добра навика је да користите фонт за велику породицу. Ограничите различит број узорака, тежине/стилова линија и боја и поновите све. Такође, покушајте да стил слика и графике остане исти. На пример, користите илустрације истог уметника.
Извор: Тхепентоол.цо
То је то. Ово је шест принципа који ће вам помоћи да организујете свој дизајн и постигнете чистији, професионалнији и уравнотеженији изглед.
Али ваше путовање се овде не завршава. Графички дизајн није егзактна наука и не би требало да буде ограничен на савете и принципе. Као што је тачно у свим областима стварања, не постоји чврсто правило. Избијање ових савета на суптилне начине ће додати дубину и разноликостваше дизајне.
Ипак, они су одлична полазна тачка и подстичемо вас да их испробате. И јавите нам како су радили!
Преузмите Вецторнатор да бисте започели
Подигните своје дизајне на виши ниво.
Преузмите датотеку
о дизајну логотипа овде. Али дизајн штампаног материјала, попут новина, часописа, постера и њихових дигиталних парњака, као и дизајн веба, апликација или УКС/УИ.Реч „изглед“ нам даје много наговештаја. То значи распоред унапред одређених елемената на страници.
Такође видети: Шта се дођавола дешава са ауторским правима и АИ уметношћу?Када је изглед ефикасан, изгледа добро и води гледаоца да разуме поруку коју дизајн покушава да пренесе. Разумевање распореда је стога кључно у стварању занимљивих, ефикасних, лаких за корисника и пријатних композиција.
Ако изглед не преноси добро своју поруку публици, или другим речима, не „чита се добро “, дизајн ће бити неефикасан без обзира колико модерно изгледа. У домену дизајна изгледа, садржај замењује трендове и трикове.
Такође видети: Како заједно користити Процреате и Вецторнатор
Сврха дизајна распореда
Брзо преношење поруке
Ово је кључно. Дизајн распореда успоставља везу између графичких елемената како би се постигао несметан ток покрета ока за максималну ефикасност и утицај.
Да бисте створили равнотежу
Коришћење принципа дизајна изгледа је најједноставнији начин за креирање осећај равнотеже и симетрије у вашим дизајнерским пројектима без да постану досадни.
За стварање кохезивности
Изглед вам помаже да уредите многе елементе вашег дизајна на лако сварљив, кохезиван и логичан начин.
Створити лепоту
Уравнотеженост и структура природно стварају лепоту.Ако је ваш дизајн изгледа правилно направљен, аутоматски ће постати визуелно привлачан за гледаоца. Што мање труда гледаоци треба да уложе да би разумели поруку, то ће ваш дизајн изгледати привлачније.
Дизајнер Френка Филипина за његову књигу 'Некада сам био студент дизајна: Онда - Сада.' Извор: ДесигнБоом
Елементи дизајна изгледа
Текст
Ово укључује не само тело текста или пасусе, већ и наслове, поднаслове, заглавља и подножја. Ваш избор типографије, боје и величине ће постићи различите ефекте на то како ће се ваш изглед превести вашој публици.
Слика
Најчешћи типови слика су фотографије, илустрације или инфографике.
Облици
Облици могу бити геометријски, који су веома угаони, или могу бити органски, опонашајући природни свет. Они такође могу бити апстрактни. Апстрактни облици су били веома тренди у последњих годину дана, јер смо видели веб дизајнере како их уграђују у сложене и простране композиције.
Облици могу да замене слику. Или се могу користити за додавање графичких елемената на страницу, истицање текста или разграничење простора између других визуелних елемената.
Бели простор
Сваки дизајн изгледа ће имати одређену количину белог простора то ће омогућити вашим елементима да дишу и истичу се сами.
Златни принципи дизајна распореда
Приметићете да принципидизајна изгледа прате многе основне принципе дизајна. Као коришћење боје на одређени начин, типографије, понављања, контраста, хијерархије и равнотеже.
Принцип #1. Користите мреже
Мреже помажу дизајнерима да позиционирају различите елементе дизајна као што су текст и слике на начин који изгледа кохерентно и лако за праћење.
Оне пружају осећај реда, спречавају елементе да надјачају једни друге , и што је најважније, мреже ће такође исправити ваше поравнање. Учините ваш рад чистијим и професионалнијим.
Извор: хгмлегал.цом
Анатомија мрежа
Можда мислите да су то само вертикалне и хоризонталне линије, али мрежа се састоји од више делова. Многи, заправо. Ево најважније терминологије коју треба да знате у основној мрежи:
- Формат је потпуна област вашег коначног дизајна. Дакле, ако дизајнирате нешто за штампање, формат је страница, а ако сте веб дизајнер, формат је веб страница или прозор претраживача.
- Маргине су намерно празни простори између формата и дизајна.
- Линије тока су хоризонталне линије које одвајају ваш изглед у паралелне делове. Линије тока помажу у читљивости вашег дизајна и усмеравају читаоца да правилно прати садржај.
- Модули су блокови који се формирају од хоризонталних и вертикалних линијапроточне линије било које мреже. Ако размислите о томе, они су градивни блокови сваке мреже. Сви ваши вертикални модули креирају ваше колоне, док све ваше хоризонталне мреже креирају ваше редове.
- Регије су групе повезаних модула, било вертикалних или хоризонталних. Не постоје правила о томе како одлучите да их организујете.
Извор: Радверсити
Врсте мрежа
Грее распореда су прво коришћене за распоређивање рукопис на папиру.
Потичу још из 13. века, када је француски уметник Вилар Де спојио систем мреже са златним пресеком да би произвео распореде штампаних страница са маргинама. Овај систем мреже можете видети до данас, што доказује већина штампаних изгледа књига и часописа. Издавачи, уредници и дизајнери више воле да користе стандардне мреже не само зато што изгледају добро, већ и зато што су читаоци очекивали да се одређени елементи дизајна налазе на одређеном месту.
Мреже се могу дизајнирати на два начина: симетричне или асиметрично. Симетричне мреже прате средишњу линију, где су вертикални и хоризонтални региони једнаки један другом; и колоне имају исту ширину.
У асиметричној мрежи , као што име каже, маргине и колоне нису све идентичне.
На основу ове класификације постоји пет главних типова мрежа распореда који се користе широм света на које се можете ослонити:
Рукописгридс су најчешћа врста мреже за документе. Они одвајају заглавље, подножје и маргине и у основи стварају правоугаоник унутар формата (или странице) који пружа границе вашем тексту. Они су основа за часописе, новине и књиге. Дакле, то је вероватно распоред који вам је најпознатији.
Извор: УКСпланет
Извор: Радверсити
Мреже колона су још један фаворит у издавању часописа. Типичан изглед часописа користи мреже колона за раздвајање текста у одељке који се лако читају. Али они су веома популарни и за веб странице. Можете користити било шта од две до шест мрежа. Више је могуће, али није уобичајено. Веома важна ствар у вези са мрежама колона је да су размаци између колона, или олука, подједнако удаљени један од другог.
Симетричне мреже колона користе новине, на пример, док се асиметрична мрежа колона преферира у веб дизајну .
Извор: УКС Планет
Извор: Радверсити
Модуларне мреже су сличне мрежи колона, али они такође узимају у обзир хоризонталне линије протока. Ова врста мреже је потребна када морате да организујете различите елементе у свом распореду, а мреже колона једноставно нису довољне.
Модуларне мреже имају модуле једнаке величине што олакшава визуелизацију ваших просторних зона на различите начине.
Извор: УКСПланет
Извор: Радверсити
Основне мреже су фантастичне за композиције засноване на тексту. Основна линија је линија на којој се налази текст када куцате, а водећи је размак између две основне линије. Питате се колики би требало да буде ваш наслов или поднаслов?
Мреже основних линија су ту да вам помогну да дате текстуални ритам.
Извор: УКС Планет
Извор: Фрагариа
Хијерархијске мреже мање личе на мрежу него све њихове парњака. Без обзира на то, они су веома корисни када организујете елементе дизајна по њиховом редоследу важности. Хијерархијске мреже могу бити засноване на модуларним мрежама, или чак можете креирати сопствене. Веб локације често користе ову мрежу, посебно дигитални часописи и новине имају тенденцију да се више ослањају на хијерархијске мреже, а не на мреже колона у својој транзицији ка дигитализацији.
Извор: УКС Плане
Принцип #2. Користите негативан простор
Често мислимо да су празнина, тишина или недостатак боје лоша ствар. Али не разматрамо како су они чврста основа контраста.
Такође се назива и бели простор, негативни простор је оно подручје у вашем дизајну које нема стварне елементе. То је област која је остала празна. Не окружује само ваша средства, већ ствара и неопходне везе између њих. Због тога је негативни простор прави елемент дизајна и има огроман утицај на ефикасност вашег распоредадизајн је.
Добар и лош негативан простор
Негативан простор ће помоћи да одвојите различите области у вашем дизајну, а истовремено ће дозволити вашем изгледу да дише. Помаже у визуелној хијерархији и визуелној равнотежи; поставља фокус корисника на основне елементе; смањује ниво ометања; и коначно, додаје стил и елеганцију вашем дизајну.
Неискусни дизајнери могу имати тенденцију да попуне што је могуће више свог платна тако што ће увећати текст или увећати логотип или слику. Али давање простора вашим елементима омогућава гледаоцу да брже и удобније бира одређене знакове информација.
Ако све вапи за пажњу вашег гледаоца, ништа се не чује.– Аарон Валтер, 'Дизајн за емоција'
Једноставан начин да одредите свој негативни простор је коришћење модуларне мреже. Ако то поставите на врх вашег дизајна, онда можете лако да визуализујете који модули могу остати празни, а који треба да буду попуњени.
Дизајнер од Брунсвицкер, Извор: Цодесигнмаг.цом
Принцип #3. Одаберите једну фокусну тачку
Да ли вас је клијент икада замолио да повећате лого? А онда да наслов буде још већи?
Не можете све да истакнете. Побеђује поенту доброг дизајна. Као и време, фокус је релативан. Да би се један елемент истакао, други мора да служи као позадина. Неки елементи морају да доминирају над другима да би се ваш дизајн могао приказативизуелна хијерархија.
Фокална тачка у дизајну је један елемент са највећом визуелном тежином. То је елемент који прво привлачи поглед, више од било чега другог у вашем распореду.Фокална тачка ће објавити вашој публици где почиње њихов пут гледања на вашем дизајну. Дакле, то је почетак приче коју причате.
Ово се обично може постићи коришћењем велике слике или великог извора типографије. Обратите пажњу на то колико је ефикасна фокусна тачка у наставку
Дизајнирао Браулио Амадо за Блоомберг Бусинессвеек, Извор: Лепо је то
Али док ће фокусна тачка привући пажњу ваше публике, следеће правило ће вам помоћи да га водите.
Принцип #4. Мисли на близину и проток
Принцип близине је једноставан. Уверите се да су елементи који су повезани један са другим постављени заједно.
Непосредна близина указује на то да су визуелна средства повезана и постају једна визуелна јединица која помаже у организовању вашег изгледа.Дакле, само средства за дизајн кластера која имају међусобну везу и користе џепове информација о вашем дизајну како бисте своју публику усмерили до дела релевантног садржаја који треба да конзумира. Ово се такође назива принцип протока.
Извор: Сатори Грапхицс
Дизајн са добрим протоком ће са лакоћом водити око гледалаца кроз распоред, од елемента до елемента. Ваше фокусне тачке ће повући око и постати
