Mündəricat
Vizual dizaynın əsaslarını öyrənmək üçün tam bələdçi.
Milyon dollarlıq sual: yaxşı dizaynın sirri nədir?
Bu barədə fəlsəfi danışa bilərik. , lakin ümumiyyətlə desək, yaxşı dizaynın məsəlli 'sirri' vizual elementlərinizi kətanınıza və bir-birinizə münasibətdə təşkil etməyinizdədir. Əsasən, biz indicə layout dizaynını təsvir etdik. Hansı ki, fikirləşdiyiniz zaman baxdığınız hər yerdə var.
Məsələn, jurnalın tərtibatını götürün. Onların dizaynı klassik şəbəkə sisteminə uyğundur (bir dəqiqə ərzində şəbəkələr haqqında hər şeyi öyrənəcəyik). Hər şey adətən sola, sağa və aşağıya düzülür. Sütunlar, xüsusilə, səhifəni təkcə vizual olaraq cəlbedici deyil, həm də oxunması asan və nüfuzlu edən fərqli əsaslandırılmış düzülüşə malikdir. Böyük başlıqlar izləyicinin diqqətini cəlb edir, alt başlıq isə informasiyanın vizual iyerarxiyasını yaratmaq üçün ölçüyə görə kontrast kimi gəlir.
Linda Gaom, Behance
Bütün bu keyfiyyətlər səhifəni yaradır. təmiz, strukturlaşdırılmış və oxunması asan dizayn edin və onlar bundan sonra danışacağımız məsləhətlərə uyğundur. Amma əvvəlcə gəlin layout dizaynının özü haqqında daha çox başa düşək.
Layout Design nədir?
Layout dizaynı oxucunun diqqətini cəlb etmək və müəyyən mesajı vizual olaraq cəlbedici şəkildə çatdırmaq üçün qrafik elementlərin düzülüşünə aiddir. .Deməli, biz danışmırıqistirahət yeri, digər elementlər isə istiqamət verir.
Bunu başa düşməyin sadə yolu, məsələn, veb-saytımızdan nümunə götürməkdir. Qrafiklər mətndən aydın şəkildə ayrılıb, hərəkətə çağırışlar da belədir, buna görə də izləyicinin diqqəti bir məlumat toplusundan digərinə keçir.
Prinsip #5. Kontrastdan istifadə edin
Dizaynınızda kifayət qədər kontrastınız olduğundan əmin olun.
Kontrast dizaynınızı təşkil etməyə kömək edir və çox ehtiyac duyulan iyerarxiya quracaq və vacib olanı vurğulayacaq.Bundan əlavə, kontrastdan yaxşı istifadə dizaynınız boyu vizual maraq yaradır. Gəlin etiraf edək ki, hər şeyin eyni ölçüdə, formada və ya rəngdə olduğu bir tərtibat darıxdırıcı görünəcək. Kontrast hər şeyi gözəlləşdirir.
İlk fikrin rəng kontrastı ola bilər, məsələn, isti ilə soyuq, tünd və açıq, mavi və narıncı kimi. Rəng kontrastın son dərəcə vacib prinsipi olsa da, növ, düzülmə və ölçü təzadları da var. Və unutmayın ki, kontrast da nisbidir. O, yalnız digər elementlərlə yan-yana məna kəsb edir.
Bu qaydadan ağıllı və gözəl şəkildə istifadə edən düzənlərin bəzi nümunələri buradadır. Tipoqrafiyada, rəngdə və hətta elementlər arasında ölçüdəki kontrasta diqqət yetirin.
Mənbə: IAG Razılaşdırma Fəaliyyət Planı
Prinsip №6. Təkrar, Nümunə, Ritm
Təkrar dedikdə, düşünürük.eyni elementdən təkrar-təkrar.
Lakin dizayn baxımından fərqlidir. Bu, şübhəsiz ki, o qədər darıxdırıcı deyil. Düzgün istifadə edildikdə, təkrarlama həqiqətən dizaynınızı gücləndirə bilər.
Müxtəlif sahələrin bir-birinə bağlı və eyni kompozisiyanın bir hissəsi olduğunu hiss etmək üçün planınız boyunca motivi müəyyən edib təkrar istifadə etməyə çalışın. Dizaynınızın bir mövzuya sahib olmasına kömək edəcək. Elementləri təkrarlamaqla siz nəinki auditoriyanızın gözləntilərinə uyğun çatdırırsınız, həm də istifadəçi təcrübəsini yaxşılaşdıracaqsınız. Ardıcıl olmaq istifadəçilərin özlərini daha rahat hiss etmələrini təmin edir.
Bunu forma və ya simvolları təkrarlamaqla edə bilərsiniz. Və ya hətta rəng sxemi, şrift və ümumiyyətlə eyni üslub.
Yaxşı bir vərdiş böyük bir ailə ilə yazı tipindən istifadə etməkdir. Fərqli sayda naxışları, xətt çəkilərini/üslublarını və rəngləri məhdudlaşdırın və hər şeyi təkrarlayın. Həmçinin, şəkillərin və qrafiklərin üslubunu eyni saxlamağa çalışın. Məsələn, eyni rəssamın illüstrasiyalarından istifadə edin.
Mənbə: Thepentool.co
Budur. Bunlar dizaynınızı təşkil etməyə və daha təmiz, daha peşəkar və balanslaşdırılmış tərtibata nail olmağa kömək edəcək altı prinsipdir.
Lakin səyahətiniz burada bitmir. Qrafik dizayn dəqiq bir elm deyil və o, məsləhətlər və prinsiplərlə məhdudlaşmamalıdır. Yaradılışın bütün sahələrində olduğu kimi, heç bir sərt qayda yoxdur. Bu ipuçlarından incə üsullarla çıxmaq ona dərinlik və müxtəliflik əlavə edəcəkdizaynlarınız.
Bununla belə, onlar əla başlanğıc nöqtəsidir və biz onları sınamağa dəvət edirik. Və onların necə işlədiyini bizə bildirin!
Başlamaq üçün Vectornator-u endirin
Dizaynlarınızı növbəti səviyyəyə daşıyın.
Həmçinin bax: Bu gün sınamaq üçün 10 Hərəkət Dizaynı Trendləri Faylı endirin
loqo dizaynı haqqında burada. Lakin qəzetlər, jurnallar, afişalar və onların rəqəmsal analoqları, həmçinin veb, proqramlar və ya UX/UI dizaynı kimi çap materialının dizaynı."Layout" sözü bizə çoxlu ipucu verir. Bu, səhifədə əvvəlcədən müəyyən edilmiş elementlərin düzülüşü deməkdir.
Düzən effektiv olduqda, o, yaxşı görünür və izləyicini dizaynın çatdırmağa çalışdığı mesajı başa düşmək üçün istiqamətləndirir. Buna görə də tərtibatı başa düşmək cəlbedici, təsirli, istifadəçi dostu və xoşagəlməz kompozisiyalar yaratmaq üçün açardır.
Əgər tərtibat öz mesajını auditoriyaya yaxşı çatdırmırsa və ya başqa sözlə, "yaxşı oxumur" ", dizayn nə qədər moda görünsə də təsirsiz olacaq. Dizayn dizaynı sahəsində məzmun trendləri və hiylələri əvəz edir.
Layout Dizaynının Məqsədi
Mesajı sürətli çatdırmaq
Bu, əsasdır. Layout dizaynı maksimum effektivlik və təsir üçün göz hərəkətinin hamar axınına nail olmaq üçün qrafik aktivlər arasında əlaqə qurur.
Balans yaratmaq
Layout dizayn prinsiplərindən istifadə yaratmaq üçün ən sadə üsuldur. dizayn layihələrinizdə darıxdırıcılıq yaratmadan balans və simmetriya hissi.
Uyğunluq yaratmaq üçün
Layout dizaynınızın bir çox elementlərini asanlıqla həzm oluna bilən, birləşdirici və məntiqli şəkildə təşkil etməyə kömək edir.
Gözəllik yaratmaq
Balans və quruluş təbii olaraq gözəllik yaradır.Layout dizaynınız düzgün tərtib olunarsa, o, avtomatik olaraq tamaşaçı üçün vizual olaraq cəlbedici olacaqdır. Mesajı başa düşmək üçün izləyicilərin nə qədər az səy göstərməsi lazımdırsa, dizaynınız bir o qədər cəlbedici görünəcək.
“Mən Dizayn Tələbəsi Olmuşam” kitabının dizayneri Frank Filippin: Sonra - İndi.' Mənbə: DesignBoom
Layout Dizayn Elementləri
Mətn
Bura təkcə mətnin əsas hissəsi və ya paraqrafları deyil, həm də başlıqlar, alt başlıqlar, başlıqlar və altbilgilər daxildir. Tipoqrafiya, rəng və ölçü seçiminiz tərtibatınızın auditoriyanıza necə tərcümə ediləcəyinə fərqli təsirlər əldə edəcək.
Şəkil
Ən çox yayılmış şəkil növləri fotoşəkillər, illüstrasiyalar və ya infoqrafikadır.
Formalar
Formalar həndəsi ola bilər, çox bucaqlıdır və ya təbii dünyanı təqlid edərək üzvi ola bilər. Onlar mücərrəd də ola bilər. Son bir ildə abstrakt formalar çox dəbdə idi, çünki veb-dizaynerlərin onları mürəkkəb və genişlənən kompozisiyalara daxil etdiyini görmüşük.
Formalar şəkli əvəz edə bilər. Və ya onlar səhifəyə qrafik elementlər əlavə etmək, mətni vurğulamaq və ya digər vizual elementlər arasındakı boşluğu ayırmaq üçün istifadə edilə bilər.
Ağ boşluq
İstənilən tərtibat dizaynında müəyyən miqdarda boş boşluq olacaq. Bu, elementlərinizin nəfəs almasına və öz-özünə fərqlənməsinə imkan verəcək.
Həmçinin bax: Üçlük Qaydasına necə əməl etməli (və nə vaxt pozulmalı).Layout Dizaynının Qızıl Prinsipləri
Siz görəcəksiniz ki, prinsiplərlayout dizaynı dizaynın bir çox əsas prinsiplərinə əməl edir. Rəngdən müəyyən şəkildə istifadə etmək kimi, tipoqrafiya, təkrar, kontrast, iyerarxiya və balans.
Prinsip #1. Şəbəkələrdən istifadə edin
Şəbəkələr dizaynerlərə mətn və şəkillər kimi müxtəlif dizayn elementlərini ardıcıl və izlənilməsi asan görünən şəkildə yerləşdirməyə kömək edir.
Onlar nizam hissi verir, elementləri bir-birini üstələməkdən qoruyur. , və ən əsası, ızgaralar da hizalanmanızı düzəldəcək. İşinizi daha təmiz və peşəkar hiss etdirin.
Mənbə: hgmlegal.com
Torların anatomiyası
Siz bunun sadəcə şaquli və üfüqi xətlər olduğunu düşünə bilərsiniz, lakin tor bir neçə hissədən ibarətdir. Çoxları, əslində. Əsas şəbəkədə bilməli olduğunuz ən vacib terminologiya buradadır:
- Format yekun dizaynınızın tam sahəsidir. Beləliklə, çap üçün bir şey tərtib edirsinizsə, format səhifədir və veb dizaynersinizsə, format veb səhifə və ya brauzer pəncərəsidir.
- Kənarlar format və dizayn arasında məqsədyönlü boşluqlardır.
- Axın xətləri düzəninizi paralel hissələrə ayıran üfüqi xətlərdir. Flowlines dizaynınızın oxunaqlı olmasına kömək edir və oxucunu məzmunu düzgün izləməyə istiqamətləndirir.
- Modullar üfüqi və şaquli xətlərdən əmələ gələn bloklardır.hər hansı bir şəbəkənin axın xətləri. Bu barədə düşünsəniz, onlar hər hansı bir şəbəkənin tikinti bloklarıdır. Bütün şaquli modullarınız sütunlarınızı yaradır, bütün üfüqi torlarınız isə cərgələrinizi yaradır.
- Regionlar şaquli və ya üfüqi bağlı modullar qruplarıdır. Bunları necə təşkil etmək qərarına gəldiyinizlə bağlı heç bir qayda yoxdur.
Mənbə: Radversity
Şəbəkələrin növləri
Layout şəbəkələri ilk dəfə təşkil etmək üçün istifadə edilmişdir. kağız üzərində əl yazısı.
Onlar hələ 13-cü əsrə, fransız rəssamı Villard Denin kənarları olan çap olunmuş səhifə tərtibatlarını hazırlamaq üçün tor sistemini qızıl nisbətlə birləşdirdiyi vaxta aiddir. Siz bu şəbəkə sistemini bu günə qədər görə bilərsiniz, çünki çap olunmuş kitab və jurnal tərtibatlarının əksəriyyəti sübut edir. Nəşriyyatçılar, redaktorlar və dizaynerlər standart şəbəkələrdən yalnız yaxşı göründüyü üçün deyil, həm də oxucuların müəyyən dizayn elementlərinin müəyyən bir yerdə olmasını gözlədikləri üçün istifadə etməyə üstünlük verirlər.
Torlar iki şəkildə tərtib edilə bilər: simmetrik və ya asimmetrik. Simmetrik torlar şaquli və üfüqi bölgələrin bir-birinə bərabər olduğu mərkəz xəttini izləyir; və sütunların eni eynidir.
asimmetrik torda , adından da göründüyü kimi, kənarlar və sütunların hamısı eyni deyil.
>Bu təsnifata əsaslanaraq, bütün dünyada istifadə olunan beş əsas növ layout şəbəkəsi var ki, onlardan istifadə edə bilərsiniz:
Əlyazmatorlar sənədlər üçün ən çox yayılmış şəbəkə növüdür. Onlar başlıq, altbilgi və kənarları ayırır və əsasən formatın (və ya səhifənin) daxilində mətninizin sərhədlərini təmin edən düzbucaqlı yaradır. Onlar jurnallar, qəzetlər və kitablar üçün əsasdır. Deməli, bu, yəqin ki, sizə ən çox tanış olan düzəndir.
Mənbə: UXplanet
Mənbə: Radversity
Sütun torları jurnal nəşriyyatında başqa bir sevimlidir. Tipik bir jurnal tərtibatı mətni asan oxunan bölmələrə ayırmaq üçün sütun torlarından istifadə edir. Ancaq onlar veb saytlar üçün də çox populyardır. Siz ikidən altıya qədər hər hansı bir şəbəkədən istifadə edə bilərsiniz. Daha çoxu mümkündür, lakin ümumi deyil. Sütun torları ilə bağlı çox vacib bir şey, sütunlar və ya oluklar arasındakı məsafənin bir-birindən bərabər məsafədə olmasıdır.
Simmetrik sütun torları, məsələn, qəzetlər tərəfindən istifadə olunur, veb dizaynda asimmetrik sütun şəbəkəsinə üstünlük verilir. .
Mənbə: UX Planet
Mənbə: Radversity
Modul torlar sütunlar şəbəkəsinə bənzəyir, lakin onlar həmçinin üfüqi axın xətlərini nəzərə alırlar. Bu tip tor düzəninizdə müxtəlif elementləri təşkil etməli olduğunuz və sütun torları sadəcə kifayət etmədiyiniz zaman tələb olunur.
Modul torlar bərabər ölçülü modullara malikdir və bu, məkan zonalarınızı müxtəlif üsullarla vizuallaşdırmağı çox asanlaşdırır.
Mənbə: UXPlanet
Mənbə: Radversity
Baseline grids mətn əsaslı kompozisiyalar üçün əladır. Baza xətti siz yazdığınız zaman mətnin dayandığı sətirdir və aparıcı iki əsas xətt arasındakı məsafədir. Maraqlıdır ki, başlıq və ya alt başlıqlarınız nə qədər böyük olmalıdır?
Əsas torlar mətninizə axan ritm verməyə kömək etmək üçün buradadır.
Mənbə: UX Planet
Mənbə: Fragaria
İyerarxik şəbəkələr bütün şəbəkələrdən daha az tor kimi görünür həmkarları. Buna baxmayaraq, dizayn elementlərini əhəmiyyət sırasına görə təşkil edərkən çox faydalıdırlar. İyerarxik şəbəkələr modul şəbəkələrə əsaslana bilər və ya hətta özünüz yarada bilərsiniz. Veb saytlar bu şəbəkədən çox istifadə edir, xüsusən də rəqəmsal jurnallar və qəzetlər rəqəmsal olmağa keçid zamanı sütun şəbəkələrindən daha çox iyerarxik şəbəkələrə etibar edirlər.
Mənbə: UX Plane
Prinsip #2. Mənfi boşluqdan istifadə edin
Biz tez-tez boşluq, səssizlik və ya rəngsizliyin pis bir şey olduğunu düşünürük. Lakin biz onların necə kontrastın möhkəm təməli olduğunu nəzərə almırıq.
Ağ boşluq da deyilir, mənfi boşluq dizaynınızda heç bir faktiki elementə malik olmayan sahədir. Boş qalan sahədir. O, təkcə aktivlərinizi əhatə etmir, həm də onlar arasında lazımi bağlar yaradır. Buna görə mənfi məkan qanuni dizayn elementidir və planınızın nə qədər effektiv olmasına böyük təsir göstərirdizayn edir.
Yaxşı və pis mənfi boşluq
Mənfi boşluq dizaynınızdakı müxtəlif sahələri ayırmağa kömək edəcək, eyni zamanda düzəninizin nəfəs almasına imkan verəcək. Bu vizual iyerarxiya və vizual tarazlığa kömək edir; istifadəçinin diqqətini əsas elementlərə təyin edir; diqqətin yayındırma səviyyəsini azaldır; və nəhayət, dizaynınıza üslub və zəriflik əlavə edir.
Təcrübəsiz dizaynerlər mətni böyütməklə və ya loqo və ya təsviri partlatmaqla öz kətanlarını mümkün qədər çox doldurmağa meylli ola bilərlər. Lakin elementlərinizə otaq vermək izləyiciyə müəyyən məlumat siqnallarını daha sürətli və daha rahat seçməyə imkan verir.
Əgər hər şey izləyicinizin diqqətini cəlb edirsə, heç nə eşidilmir.– Aaron Walter, 'Dizayn üçün emotion'
Mənfi məkanınızı müəyyən etməyin asan yolu modul şəbəkədən istifadə etməkdir. Bunu dizaynınızın üstünə yerləşdirməklə siz hansı modulların boş qala biləcəyini və hansının doldurulmalı olduğunu asanlıqla təsəvvür edə bilərsiniz.
Dizayner Brunswicker, Mənbə: Codesignmag.com
3-cü prinsip. Vahid Fokus Nöqtəsini Seçin
Müştəri sizdən loqonu böyütməyinizi xahiş edibmi? Və sonra başlığı daha da böyütmək üçün?
Hər şeyi vurğulamaq olmaz. Yaxşı dizayn nöqtəsini məğlub edir. Zaman kimi, diqqət nisbidir. Bir elementin fərqlənməsi üçün digəri fon rolunu oynamalıdır. Dizaynınızın nümayiş etdirilməsi üçün bəzi elementlər digərlərinə üstünlük verməlidirvizual iyerarxiya.
Dizaynda fokus nöqtəsi ən böyük vizual çəkiyə malik olan elementdir. Planınızdakı hər şeydən daha çox diqqəti cəlb edən elementdir.Odaq nöqtəsi auditoriyanıza onların baxış səyahətinin dizaynınızda haradan başladığını elan edəcək. Deməli, bu, danışdığınız hekayənin başlanğıcıdır.
Buna adətən böyük şəkil və ya böyük tipoqrafiya mənbəyindən istifadə etməklə nail olmaq olar. Aşağıdakı mərkəz nöqtəsinin nə qədər təsirli olduğuna diqqət yetirin
Bloomberg Businessweek üçün Braulio Amado tərəfindən tərtib edilmişdir, Mənbə: Çox xoşdur ki
Ancaq bir mərkəz nöqtəsi auditoriyanızın diqqətini bu mövzuda cəlb etsə də, növbəti qayda ona rəhbərlik etməyə kömək edəcək.
Prinsip №4. Yaxınlıq və Axın haqqında düşünün
Yaxınlıq prinsipi sadədir. Bir-biri ilə əlaqəli elementlərin birlikdə yerləşdirildiyinə əmin olun.
Yaxınlıq vizual aktivlərin birləşdirildiyini və düzəninizi təşkil etməyə kömək edən vizual vahidə çevrildiyini göstərir.Beləliklə, yalnız bir-biri ilə əlaqəsi olan aktivləri klaster dizayn edin və auditoriyanızı onların istehlak etməli olduqları müvafiq məzmuna yönləndirmək üçün dizaynınızdakı məlumat ciblərindən istifadə edin. Buna axın prinsipi də deyilir.
Mənbə: Satori Graphics
Yaxşı axınlı dizayn elementdən elementə qədər asanlıqla tamaşaçıların diqqətini çəkəcək. Fokus nöqtələriniz gözü çəkəcək və olacaq
