Balansli sahifa maketlarini qanday yaratish kerak

Muallif: Peter Berry
Yaratilish Sanasi: 16 Iyul 2021
Yangilanish Sanasi: 13 Mayl 2024
Anonim
Balansli sahifa maketlarini qanday yaratish kerak - Ijodiy
Balansli sahifa maketlarini qanday yaratish kerak - Ijodiy

Tarkib

Siz loyihalashtirgan har qanday sahifa maketining asosiy maqsadi, xoh bosma risolada bo'lsin, xoh so'nggi veb-ilovada bo'lsin, o'quvchiga ma'lumotni aniq va samarali etkazishdir. Asosiy xabarlarning o'quvchiga etkazilishini ta'minlashning eng yaxshi usullaridan biri bu muvozanatli sahifa maketini yaratishdir.

Sahifa tartibini loyihalash odatda elementlarni joylashtirish, qayta tartibga solish va formatlashni o'z ichiga oladi. Ko'plab dizaynerlar ushbu jarayonga yoqimli yakuniy natijaga erishish yo'llarini his qilish orqali organik ravishda murojaat qilishadi. Garchi bu juda yaxshi baxtli baxtsiz hodisalarga olib kelishi mumkin bo'lsa-da, erkin shakldagi metodologiyadan foydalanish sahifada ko'rish muvozanatining etishmasligiga olib kelishi mumkin.

Yaxshi sahifa tarkibi ham yoqimli bo'lishi kerak, hamda ushbu asosiy xabarlarni mo'ljallangan auditoriyaga aniq etkazishi kerak. Biz sizning sahifangiz dizayni dizaynida muvozanatni ta'minlashga yordam beradigan ba'zi yaxshi maslahatlarni to'pladik (yaxshi veb-sayt yaratuvchisi ham yordam beradi). Ushbu yondashuvlar, ishlaydigan muhitingizdan qat'i nazar, muvozanat tuzilishini ta'minlash uchun yaxshi ishlaydi.


Ko'proq veb-saytlarga oid tavsiyalar uchun mukammal veb-saytlarni yaratish bo'yicha qo'llanmamizga qarang.

01. Tarmoqdan foydalaning

O'zingizning sahifangizni muvozanat darajasiga ega bo'lishini ta'minlashning eng oson usullaridan biri bu grid tizimidan foydalanishdir. Ilgari tarmoqlar bosilgan sahifaning yagona saqlovchisi bo'lib kelgan, ammo so'nggi bir necha yil ichida tarmoq kontseptsiyasini raqamli muhitga ko'chirishga yordam beradigan ko'plab ishlar onlayn tarzda yakunlandi.

Bir sahifadagi turli xil elementlarning joylashishini xabardor qilish uchun panjara yordamida siz o'zingizning sahifangizni tashkil etadigan turli xil elementlar o'rtasida aloqa o'rnatasiz. Bu sizning maketingizni tartibini ta'minlashga yordam beradi, o'quvchiga orqaga qaytish uchun aniq tarkibiy ma'lumot beradi va sizning sahifangiz muvaffaqiyatini oshiradi.

Bu juda muhim, chunki sizning barcha sahifalaringiz elementlari bir-biri bilan bog'lanish tuyg'usiga ega bo'lganda, umumiy effekt o'quvchiga qulayroq bo'lib, ularni qulay holatga keltirishga yordam beradi va ularning muhim narsalarga: tarkibga kirishiga yordam beradi.


02. Bitta fokus nuqtasini tanlang

Balans tuyg'usini ta'minlashning eng samarali usullaridan biri bu sizning maketingiz dizayni uchun bitta markazni tanlashdir. Amalda buning yorqin namunasi - sahifadagi eng katta bitta element sifatida katta rasmdan foydalanish.

Kuchli vizual o'quvchini sahifangizga olib kirishning kuchli usulini taqdim etishi mumkin (ideal veb-xosting xizmatining ekspert tahlili kabi), shuningdek sizning maketingizdagi qolgan tarkibni tartibga solish uchun foydali tarkibiy elementni taqdim etadi. Agar sizda bir nechta vizual elementlar mavjud bo'lsa, ularni Gestalt nazariyasining yaqinlik printsipidan foydalanib, ularni bir xil tarzda birlashtiring.

Shuni ham yodda tutish kerakki, xuddi shu tarzda sarlavhadan foydalanishingiz yoki tirnoqni tortib olishingiz mumkin; yaxshi displey sarlavhasi rasm kabi vizual qiziqishni taklif qilishi mumkin, shu bilan birga sizga muvozanatli tartibni ta'minlashga yordam beradigan tuzilmani taqdim etishda davom eting.


03. Uchinchi qoidadan foydalaning

Balans tuyg'usini ta'minlashning eng yaxshi usullaridan biri bu dizaynerning sevimli Uchinchi qoidani yoki Oltin nisbatdan foydalanishdir. Oddiy qilib aytganda, uchdan birining qoidasi, agar siz sahifangizni vertikal va gorizontal ravishda uchdan biriga taqsimlasangiz, panjara chiziqlari kesishgan nuqtalar kompozitsiyaning tabiiy markazlarini ta'minlaydi.

Sizning asosiy elementlaringizni ushbu to'rtta nuqtaga moslashtirish orqali siz, masalan, sahifangizdagi elementlarni mukammal markazlashtirganingizdan ko'ra yoqimli kompozitsiyaga erishasiz.

O'z-o'zidan, uchdan birining qoidasi sehrli ravishda sizning maketingizni muvozanat bilan ta'minlamaydi, ammo printsipni kengaytirib, sizning maketingizning muvozanatini xabardor qilishda yordam beradigan tabiiy fokusga nisbatan bu tendentsiyadan foydalanish oson.

Umumiy yondashuv - sahifangizning eng muhim elementlarini sahifaning yuqori (yoki pastki) uchdan bir qismiga joylashtirish, asosiy fokus nuqtasi chorrahalardan biriga mos kelish uchun. Saytingiz uchun saqlash uchun juda ko'p mol-mulkingiz bormi? Ushbu bulutli saqlash parametrlarini ko'rib chiqing.

04. Bo'sh joydan foydalaning

Ajam dizaynerlar har bir bo'shliq to'ldirilguncha tarkibni to'ldirib, sahifadagi har bir bo'sh joydan foydalanishi odatiy holdir. Keyinchalik tajribali odamlar biladiki, ba'zida dizayndagi eng yaxshi narsa, ularni poyabzal bilan ishlashdan ko'ra, tark etishni o'z ichiga oladi.

Bosma muhitda bo'sh joydan foydalanishning eng keng tarqalgan usuli bu sahifa chekkalari va oluklarini kattalashtirishdir. Internetda shunchaki elementlar atrofida ko'p miqdordagi nafas olish xonasi bilan ta'minlash sizning maketingiz dizayni mutanosib va ​​muvozanatli bo'lishiga yordam beradi.

Salbiy bo'shliqdan foydalanish tarkibni bir-biriga bog'laydigan aniq tuzilishga ega bo'lganda yaxshi ishlaydi (masalan, panjara), chunki bo'sh joy paydo bo'lishi xavfi betartiblik bilan kiritilsa, sahifa elementlari o'rtasida uzilish hissi bo'lishi mumkin.

05. Dizayn elementlarini takrorlang

Takrorlash, shuningdek, kompozitsiyaga bog'liq bo'lgan dizayn va muvozanatning kuchli tuyg'usini ta'minlashi mumkin. Ushbu g'oya shundan iboratki, sizning tartibingiz davomida motifni yoki dizayndagi ishlovni aniqlab, qayta ishlatib, siz o'quvchiga mos yozuvlar berishingiz mumkin, shunda turli xil joylar o'zlarini bir-biriga bog'lab turishi va bir xil umumiy tarkibning bir qismi bo'lishi mumkin.

Shuningdek, ushbu uslubni takrorlash orqali kiritilgan o'xshashlik modelini qasddan buzish orqali umumiy muvozanatni saqlab, dizayndagi diqqat markazini ta'minlash uchun ishlatishingiz mumkin.

06. Ierarxiyadan foydalaning

Nirvana sahifasini joylashtirishga erishishning asosiy yondashuvlaridan biri bu aniq tuzilish va iyerarxiya tuyg'usi. Biz allaqachon tuzilishga to'xtalgandik, lekin sizning sahifangizdagi turli xil tarkib qismlarining nisbiy ahamiyatini etkazish ham muhimdir. Masalan, sarlavha deyarli har doim asosiy matn tarkibidan ko'ra ko'proq ingl.

Sizning maket dizayningizni tashkil etadigan turli xil elementlarga qarang va qaysi element eng muhimligini hal qiling. Ushbu elementdan foydalanib, sahifadagi qolgan elementlar uchun strukturaviy kanca bilan ta'minlang va uni eng muhimi saqlang.

07. O'lchov, kontrast va uyg'unlikdan foydalaning

Va nihoyat, o'lchovdan foydalanish sizning maketingizda yaxshi ko'rish muvozanatiga erishish uchun juda samarali usul bo'lishi mumkin. Ba'zi elementlarni boshqalardan kattaroq qilib, tartib va ​​ierarxiya hissi paydo bo'ladi. Bu qulay tartibni yaratishga yordam beradi, chunki tomoshabin avtomatik ravishda tartibdagi kattaroq elementlarni ko'rib chiqadi va o'qish paytida kichik elementlarga o'tadi.

Ushbu printsip, shuningdek, kontrastni kuchaytirishi bilan ishlaydi, shuning uchun sahifadagi elementni kontrast orqali ajratib, birinchi navbatda ko'zni shu nuqtaga qaratadi. Bu sahifaga kirishni ta'minlaydi va yana sizning maketingizni ishlab chiqish uchun foydali tarkibiy nuqta beradi.

Ikkala o'lchov va kontrast ham bitta elementga taalluqli bo'lganda yaxshi ishlaydi, bu sizning maketingizning boshqa qismlaridan ajralib turadi. Boshqalarni o'zlarini bog'langan his qilishlari va diqqat markazini ta'kidlashlari uchun uyg'unlik tamoyillaridan foydalaning.

Portalning Maqolalari
Illustrator Garri Potter Instagram akkauntlarini tasavvur qiladi
Davomini O’Qish

Illustrator Garri Potter Instagram akkauntlarini tasavvur qiladi

Birinchi Garri Potter kitob javonlariga tu hganidan beri, bu J.K. bilan birga bolalar va kattalarni ham ilhomlantirdi. Roulingning zukko ta avvurlari bizni haqiqiy dunyodagi muammolardan xalo qiladi.I...
Syurrealist piktogramma HR Giger tomonidan yaratilgan 5 ta klassik dizayn
Davomini O’Qish

Syurrealist piktogramma HR Giger tomonidan yaratilgan 5 ta klassik dizayn

1979 yilda Ridli kottning "Alien" filmida jonzotni yarati hda tanilgan hveyt ariyalik ra om HR Giger 74 yo hida vafot etdi.Giger o'nlab yillar davomida yurreali t ra om, haykaltaro h va ...
Hillari Klintonning yangi logotipi munozaralarga sabab bo'layotgan 5 sabab
Davomini O’Qish

Hillari Klintonning yangi logotipi munozaralarga sabab bo'layotgan 5 sabab

Yilning eng kam hayratlanarli iyo iy hikoya ida Hillari Klinton kecha AQ h prezidentligiga ra man qatna hayotganini e'lon qildi. Bu iyo iy blog ema , ammo biz uni e'lon bilan birga chiqarilgan...