Мазмұны
- 01. Торды қолданыңыз
- 02. Бір фокусты таңдаңыз
- 03. Үшінші ережені қолданыңыз
- 04. Ақ кеңістікті пайдаланыңыз
- 05. Дизайн элементтерін қайталаңыз
- 06. Иерархияны қолданыңыз
- 07. Масштабты, контрастты және үйлесімді қолданыңыз
Сіз құрастырған кез-келген парақтың негізгі мақсаты, ол баспа брошюрасы болсын немесе соңғы веб-бағдарлама болсын, оқырманға ақпаратты нақты және тиімді түрде жеткізу. Негізгі хабарламалардың оқырманға жеткізілуін қамтамасыз етудің ең жақсы тәсілдерінің бірі - теңдестірілген парақтың орналасуын құру.
Бет орналасуын жобалау әдетте элементтерді орналастыру, қайта реттеу және пішімдеуді қамтиды. Көптеген дизайнерлер бұл процеске жағымды түпкілікті нәтижеге жетуді сезініп, органикалық түрде жүгінеді. Бұл өте жақсы бақытты апаттарға әкелуі мүмкін болса да, еркін формадағы әдіснаманы қолдану парақта визуалды тепе-теңдіктің болмауына әкелуі мүмкін.
Жақсы парақ композициясы көзге ұнамды болуы керек, сонымен қатар негізгі хабарламаларды көзделген аудиторияға нақты жеткізуі керек. Біз сіздің парағыңыздың дизайнын тепе-теңдікке қамтамасыз етуге көмектесетін бірнеше жақсы кеңестер жинадық (жақсы веб-сайт жасаушы да көмектеседі). Бұл тәсілдер сіз жұмыс істейтін ортаға қарамастан тепе-теңдік құрылымын қамтамасыз ету үшін жақсы жұмыс істейді.
Интернетке қатысты кеңестер алу үшін веб-сайттардың мінсіз макеттерін жасау жөніндегі нұсқаулығымызды қараңыз.
01. Торды қолданыңыз
Парағыңыздың тепе-теңдігін қамтамасыз етудің қарапайым әдістерінің бірі - тор жүйесін пайдалану. Бұрын торлар басылған беттің жалғыз сақтаушысы болған, бірақ соңғы бірнеше жыл ішінде желі тұжырымдамасын цифрлық ортаға көшіру үшін көптеген жұмыстар аяқталды.
Парақтағы әр түрлі элементтердің орналасуы туралы торды қолдану арқылы сіз өзіңіздің парағыңызды құрайтын әр түрлі элементтер арасында байланыс орнатасыз. Бұл сіздің орналасуыңызға тапсырыс беруді қамтамасыз етуге, оқырманға нақты құрылымдық сілтемені ұсынуға және сіздің парағыңыздың жетістігін арттыруға көмектеседі.
Бұл өте маңызды, өйткені сіздің барлық парақ элементтеріңіз бір-бірімен байланыс сезімін сезінгенде, жалпы әсер оқырманға ыңғайлы болып, оларды жеңілдетуге көмектеседі және олардың маңызды заттарға: мазмұнға қол жетімділігін жеңілдетеді.
02. Бір фокусты таңдаңыз
Тепе-теңдік сезімін қамтамасыз етудің тиімді әдістерінің бірі - макет дизайны үшін бірыңғай фокусты таңдау. Іс жүзінде бұған мысал ретінде үлкен суретті беттегі ең үлкен жалғыз элемент ретінде пайдалану жатады.
Күшті көрнекілік оқырманды сіздің парағыңызға апарудың күшті әдісін ұсына алады (веб-хостингтің идеалды сервисінің сараптамасы сияқты), сонымен қатар сіздің макетіңізде қалған мазмұнды орналастыратын пайдалы құрылымдық элементті ұсынады. Егер сізде бірнеше көрнекі элементтер болса, оларды бірдей топтастыра отырып, оларды топтастыру үшін Гештальт теориясының жақындық принципін қолданыңыз.
Сонымен қатар тақырыпты қолдануға немесе дәйексөзді дәл осылай келтіруге болатындығын есте ұстаған жөн; Дисплейдің жақсы тақырыбы сурет сияқты көрнекі қызығушылық тудыруы мүмкін, сонымен қатар құрылымды қамтамасыз етіп, теңдестірілген орналасуды қамтамасыз етеді.
03. Үшінші ережені қолданыңыз
Тепе-теңдік сезімін қамтамасыз етудің ең жақсы әдістерінің бірі - дизайнердің сүйікті Үшінші ережесін немесе Алтын коэффициентін пайдалану. Қарапайым тілмен айтқанда, үштен бірінің ережесі бойынша, егер сіз парағыңызды тігінен де, көлденеңінен үштен біріне бөлсеңіз, тор сызықтары қиылысатын нүктелер композицияның табиғи ошақтарын береді.
Өзіңіздің негізгі элементтеріңізді осы төрт тармаққа сәйкестендіру арқылы сіз, мысалы, сіздің парағыңыздағы элементтердің ортасынан гөрі жағымды композицияға қол жеткізесіз.
Үштен бірінің ережесі сиқырлы түрде сіздің орналасуыңызды тепе-теңдікпен қамтамасыз ете алмайды, бірақ принципті кеңейте отырып, сіздің табиғи орналасу нүктеңізге деген бейімділікті сіздің макетіңіздің тепе-теңдігін хабарлауға көмектесу оңай.
Жалпы тәсіл - сіздің парағыңыздың маңызды элементтерін парақтың жоғарғы (немесе төменгі) үштен біріне орналастыру, бастапқы фокусты қиылыстардың біріне сәйкес келтіру. Сіздің сайтыңызға сақтау үшін көптеген активтер бар ма? Бұлтты сақтау параметрлерін тексеріңіз.
04. Ақ кеңістікті пайдаланыңыз
Жаңадан бастаушы дизайнерлерге әр бос орынды толтырғанға дейін мазмұнын толтыра отырып, парақтағы әрбір кеңістікті пайдалану әдеттегідей. Неғұрлым тәжірибелі адамдар біледі, кейде дизайндағы ең жақсы элементтер элементтерге аяқ киімді киюден гөрі оларды қалдырады.
Басып шығарылған ортада ақ кеңістікті пайдаланудың ең кең тараған тәсілі - бұл парақтың жиектері мен суағарларын үлкейту. Интернетте элементтердің айналасында тыныс алу бөлмесінің жеткілікті болуы сіздің макет дизайныңызды үйлесімді және теңдестірілген етуге көмектеседі.
Теріс кеңістікті пайдалану, егер сіз құрылымды біріктіретін нақты құрылым болған кезде жақсы жұмыс істейді (мысалы, тор көзімен қамтамасыз етілген), өйткені ақ кеңістіктің пайда болу қаупі бетпе-бет енгізілсе, парақ элементтері арасындағы байланыс сезімін тудыруы мүмкін.
05. Дизайн элементтерін қайталаңыз
Қайталау композицияға байланысты дизайн мен тепе-теңдікті қамтамасыз ете алады. Идея мотивті немесе дизайнды өңдеуді анықтау және қайта қолдану арқылы сіз өзіңіздің макетіңіз бойынша әр түрлі аудандар бір-бірімен байланысты сезінетін және сол композицияның бір бөлігі болатындай етіп оқырманға сілтеме бере аласыз.
Сіз сондай-ақ қайталану арқылы енгізілген ұқсастық үлгісін әдейі бұзу арқылы жалпы тепе-теңдікті сақтай отырып, дизайндағы фокусты қамтамасыз ету үшін осы техниканы қолдана аласыз.
06. Иерархияны қолданыңыз
Нирвана парағының орналасуына қол жеткізудің негізгі тәсілдерінің бірі - бұл құрылым мен иерархияны айқын сезіну. Біз қазірдің өзінде құрылымды қозғадық, бірақ сіздің парағыңыздағы әртүрлі мазмұн бөліктерінің салыстырмалы маңыздылығын жеткізу маңызды. Мысалы, тақырып әрдайым негізгі мәтін мазмұнынан гөрі визуалды маңызды болуы керек.
Сіздің макет дизайныңызды құрайтын әртүрлі элементтерге назар аударыңыз және қай элементтің маңызды екенін шешіңіз. Бұл элементті бетте қалған элементтер үшін құрылымдық ілмекпен қамтамасыз ету үшін пайдаланыңыз, оны ең бастысы сақтаңыз.
07. Масштабты, контрастты және үйлесімді қолданыңыз
Сонымен, масштабты қолдану сіздің макетіңізде жақсы визуалды тепе-теңдікке жетудің өте тиімді әдісі бола алады. Кейбір элементтерді басқаларына қарағанда үлкен етіп, тәртіп пен иерархия сезімі пайда болады. Бұл ыңғайлы орналасуды жасауға көмектеседі, өйткені көрермен алдымен макет ішіндегі үлкен элементтерге автоматты түрде қарап, оқыған кезде кішігірім элементтерге қарай жылжиды.
Бұл принцип контрасттың күшейтілгендігімен де жұмыс істейді, сондықтан бетті элементті контраст арқылы оқшаулау арқылы алдымен көз сол нүктеге аударылады. Бұл параққа кіру жолын ұсынады және қайтадан сіздің макетіңізді дамыту үшін пайдалы құрылымдық нүкте береді.
Масштаб пен контраст екеуі бір элементке қолданылған кезде жақсы жұмыс істейді, бұл оны сіздің макетіңіздің басқа бөліктерінен ерекшелендіреді. Басқаларға байланысты сезіну үшін және үйлесімділік нүктесін белгілеу үшін үйлесімділік принциптерін қолданыңыз.
