Баланс: дизайнның негізгі принциптері

Мазмұны:

Баланс: дизайнның негізгі принциптері
Баланс: дизайнның негізгі принциптері
Anonim

Дизайндағы тепе-теңдік – дизайн элементтерінің таралуы. Баланс - дизайндағы гравитацияның көрнекі түсіндірмесі. Үлкен, тығыз элементтер ауыррақ, ал кішірек элементтер жеңілірек болып көрінеді. Дизайнды үш жолмен теңестіруге болады:

  • симметриялық тепе-теңдік
  • ассиметриялық тепе-теңдік
  • қайшы немесе теңгерімсіз
Image
Image

Төменгі жол

Веб-дизайндағы теңгерім макетте көрсетілген. Беттегі элементтердің орны беттің қаншалықты теңдестірілетінін анықтайды. Веб-дизайндағы визуалды тепе-теңдікке қол жеткізудегі үлкен қиындықтардың бірі - бүктеме. Бастапқы көріністе мінсіз теңдестірілген орналасуды құрастыра аласыз, бірақ оқырман бетті айналдырғанда, ол тепе-теңдіктен шығып кетуі мүмкін.

Веб-дизайнға балансты қалай қосуға болады

Тепе-теңдікті веб-дизайнға енгізудің ең көп тараған жолы - орналасуда. Бірақ элементтерді орналастыру және оларды бет бойынша теңестіру үшін қалқымалы мәнер сипатын да пайдалануға болады. Орналасуды симметриялы түрде теңестірудің өте кең таралған тәсілі - мәтінді немесе басқа элементтерді беттің ортасына қою.

Веб-беттердің көпшілігі тор жүйесінде құрастырылған және бұл бет үшін теңгерім пішінін бірден жасайды. Көрінетін сызықтар болмаса да, тұтынушылар торды көре алады. Веб-пішіндердің төртбұрышты сипатына байланысты веб-беттер тор дизайнына өте қолайлы.

Төменгі жол

Симметриялық тепе-теңдік дизайндағы элементтерді өте біркелкі етіп орналастыру арқылы қол жеткізіледі. Оң жақта үлкен, ауыр элемент болса, сол жақта сәйкес келетін ауыр элемент болады. Орталықтандыру - симметриялы теңдестірілген бетті алудың ең оңай жолы. Бірақ абай болыңыз, өйткені тегіс немесе скучно көрінбейтін орталықтандырылған дизайнды жасау қиын болуы мүмкін. Симметриялық теңдестірілген дизайнды қаласаңыз, сол жақтағы сурет және оның оң жағындағы үлкенірек мәтіннің үлкен блогы сияқты әртүрлі элементтермен теңгерімді жасаған дұрыс.

Асиметриялық тепе-теңдік

Асиметриялы теңдестірілген беттерді жобалау қиынырақ болуы мүмкін, өйткені оларда дизайнның орта сызығына сәйкес келетін элементтер жоқ. Мысалы, сізде дизайнның орталық сызығына өте жақын орналасқан үлкен элемент болуы мүмкін. Оны асимметриялық түрде теңестіру үшін орталық сызықтан алысырақ орналасқан кішкене элемент болуы мүмкін. Егер сіз өзіңіздің дизайныңызды дірілдеп тұрған немесе тырнақшадағы деп ойласаңыз, жеңілірек элемент ауырлық центрінен алшақтау арқылы ауыррақ элементті теңестіре алады. Сондай-ақ асимметриялық дизайнды теңестіру үшін түсті немесе текстураны пайдалануға болады.

Керіспейтін немесе теңгерімсіз

Кейде дизайн мақсаты теңгерімсіз немесе сәйкес келмейтін дизайнды жақсы жұмыс істейді. Теңгерімсіз дизайн қозғалыс пен әрекетті ұсынады. Олар адамдарды ыңғайсыз немесе мазасыз етеді. Дизайныңыздың мазмұны да ыңғайсыздық тудыратын немесе адамдарды ойландыратын болса, сәйкес келмейтін теңдестірілген дизайн жақсы жұмыс істей алады.

Ұсынылған: