Düz stil nə. Düz dizayn nədir və onun əsas prinsipləri. Cavab verən Dizayn Uyğundur

Düz dizayn gələcək illər üçün dizaynda əsas istiqamətdir, ona görə də biz sizi onunla daha yaxından tanış olmağa və onun əsasını təşkil edən 5 fundamental prinsipi öyrənməyə dəvət edirik.

Düz dizayna giriş

Rus dilində düz dizayn "düz dizayn" kimi tərcümə olunur və sonra mütləq sevimli oldu Apple təqdimatları iOS ƏS. Əsas diqqət istifadəyə yararlı dizayna minimalist yanaşmaya yönəldilib. Əsas diqqət istifadəçinin rahatlığına yönəlib. Bu, “squeformizm”ə (obyektlərin reallıqdakı kimi vizuallaşdırılması) açıq etirazdır. Seçim daha sadələşdirilmiş və eyni zamanda daha sadə estetik həllərin üzərinə düşdü. Həqiqi vizuallaşdırmalardan yorulan istifadəçilər bu istiqaməti məmnuniyyətlə qarşıladılar və getdikcə daha çox veb-layihə bu formata keçir.

Qeyd etmək istərdim ki, “düz” “darıxdırıcı” demək deyil. Düz dizayn həlləri gözəl ola bilər, onlar daha mürəkkəb, təmiz, artıqlıqdan azaddır və “sakitlik adasına” çevrilir. Nəhayət məzmunu başa düşülən hala gətirirlər. Qalır, praktikada tətbiq etmək üçün əsas prinsipləri öyrənməkdir.

Prinsip №1: Lazımsız təsirlərin olmaması

"Düz" dizayn həcmləri çatdırmağa çalışmır, buna görə də iki ölçülü vizuallaşdırmaya əsaslanır. Bu o deməkdir ki, siz heç bir kölgə, əks və ya fakturalı işıqlandırma görməyəcəksiniz (uzun kölgələr istisna olmaqla). Yalnız konturların köçürülməsi və başqa heç nə yoxdur.

Prinsip №2: nə qədər sadə olsa, bir o qədər yaxşıdır

Dizaynda monosyllabic fiqurlardan istifadə etmək, eləcə də yüngüllük və çəkisizliyi vurğulamaq üçün nəzərdə tutulmuş konturların aydınlığına nəzarət etmək tövsiyə olunur. Bundan əlavə, bu cür lakonik elementlər sensoru yaxşı təqlid edir, obyektlə qarşılıqlı əlaqə yaratmaq arzusunu yaradır (basın, toxunma dəvəti). Bununla belə, elementlərin sadəliyi bütövlükdə dizaynın sadəliyinə bərabər deyil - bu, yalnız konturlara aiddir. Nəticədə istifadəçinin gördüyü hər şey ona aydın olur və o, rahatlıqla istifadə edə bilir.

Prinsip №3: Tipoqrafiya və onun əhəmiyyəti

Düz dizayn şriftlərlə işləyərkən həddindən artıq ehtiyatlı olmağı tələb edir. Yəni, onların xarakteri dizayn sxeminə zidd olmadan onu tamamlamalıdır. Üstəlik, düz dizaynda şrift də əsas naviqasiya elementidir.

Prinsip # 4: Rəng vurğuları

Yalnız şrift deyil, həm də rəng "düz" dizaynın vacib hissəsidir. Palitraların böyük əksəriyyəti 2-3 rəngə əsaslanır, baxmayaraq ki, əlbəttə ki, istisnalar var. Adətən zəngin və parlaq, lakin eyni zamanda saf rənglər seçilir. Qeyd edildiyi kimi, heç bir gradient və ya lazımsız keçidlər yoxdur.

Prinsip № 5: minimalizmin seçilməsi

Düz dizayn minimalizm kimi qlobal tendensiyanın parlaq nümunəsidir. Dizaynerlər lazımsız zənglərdən və fitlərdən imtina edir, vizuallaşdırmaya mürəkkəb və gizli yanaşmalardan uzaqlaşır, bu da istifadəçi fəaliyyəti şəklində öz bəhrəsini verir.

Düz və ya demək olar ki, düz? Biz kompromis axtarırıq!

Sonda qeyd etmək istərdim ki, bu gün düz və düz olmayan dizayn arasında sinerji var. Söhbət “demək olar ki, düz” dizayndan gedir. Bu, sadə və qısa elementlər və iki ölçülü məkanla birlikdə dizaynerlər dərinlik və perspektiv üçün 1-2 texnikadan istifadə etdikdə təsvir olunan konsepsiyanın ən çox yayılmış tətbiqidir.

Həmçinin 2017-ci ildə trend Semi Flat Design - yarı düz dizayn idi. Material Dizaynından təsirlənərək, bir az daha məkana çevrildi. Dizaynın yarı düz görünməsini təmin edən açıq kölgələr görünür. Düz dizayn bu gün də aktualdır, kölgələr səbəbindən daha dərin və mürəkkəbləşdi, lakin əsas konsepsiya pozulmadı.

Bu yazıda sizə düz dizayn haqqında məlumat verəcəyəm. Yəqin ki, siz artıq bu barədə nəsə eşitmisiniz, çünki mənzil son bir neçə il ərzində internetdə aparıcı tendensiyalardan birinə çevrilib.

Bu gün biz düz dizaynın nə olduğunu, necə meydana gəldiyini və təmiz, parlaq və həssas dizayn yaratmaq üçün nələrə ehtiyacınız olduğuna baxacağıq.

Sən tapa bilərsən yaxşı nümunələr http://market.envato.com/ saytında mənzil dizaynı. Müasir dizaynın nəyə bənzədiyini aydın şəkildə başa düşməyinizə kömək edəcək tonlarla tərtibatlar, nişanlar və şablonlar var. .

1. Düz dizayn nədir?

Düz dizayn - müasir üslub istifadəçi interfeysi, eləcə də minimalizm ilə xarakterizə olunan qrafik dizayn. Düz dizayn minimum elementlərin istifadəsi və faktura, kölgə və işığın müxtəlif effektlərinin olmaması ilə xarakterizə olunur, məsələn: qarışıq rənglər, gradientlər, vurğulamalar və s.

Düz skeuomorfizmə qarşıdır( Skeuomorfizm bir məhsulun digərinin görünüşü verildikdə dizayn prinsipidir, yəni. müxtəlif interfeys elementləri real obyektlərdən kopyalandıqda - təqribən tərcümə.) , eləcə də zəngin dizayn.Lakin demək yerinə düşər ki, düz dizayn heç də ilk baxışdan göründüyü qədər sadə deyil. O, skeuomorfizmin bəzi xüsusiyyətlərini ehtiva edir, lakin bu barədə bir az sonra danışacağıq.

Ümumiyyətlə, flat istifadəçiyə vizual görüntülərdən yayınmadan məzmuna diqqət yetirməyə kömək edir. Düz dizayn elementlərin sadəliyini vurğulayır, eyni zamanda interfeysi daha həssas, xoş və istifadəsi asan edir.

2. Bir az tarix

Düz dizayn, bildiyiniz kimi, internetdə qlobal trendə çevrilməmişdən çox əvvəl mövcud idi. Düz dizayn 80-ci illərdə kifayət qədər populyar idi, çünki o dövrdə texnologiya mürəkkəb effektləri, fakturaları və kölgələri dəstəkləmək üçün kifayət qədər inkişaf etməmişdir. Bununla belə, hətta o zaman dizayn skeuphomorphism üçün çalışır, interfeys elementlərini mümkün qədər reallaşdırmağa çalışırdı.

İndi gördüyümüz formada düz dizayn, Microsoftun metro üslubu deyilən məhsullar istehsal etməyə başlamasından sonra populyarlıq qazanmağa başladı. Metro öz üslubu və sadəliyi ilə diqqəti çəkən Microsoft-un UI dizaynıdır.

2010-cu ildə Microsoft buraxıldı Windows PhoneƏvvəlki məhsullardan birindən miras qalmış kəskin kənarları və sadə qrafikası olan düz dizayndan istifadə edən 7 Microsoft (Zune). Daha sonra müvəffəqiyyətdən ilhamlanaraq Microsoft buraxdı əməliyyat sistemi Windows 8, eyni düz Metro üslubuna əsaslanır.

Axı, düz dizayn 2013-cü ildə Apple-ın buraxılması ilə populyarlıq zirvəsinə çatdı iOS 7 əsaslı şəkildə nümayiş etdirir yeni dizayn nişanlar və şriftlər daxil olmaqla tamamilə yenidən işlənmiş istifadəçi interfeysi elementləri ilə. Apple yaratdı UI və ikon dizaynının vizual prinsipləri .

Tezliklə Google da düz üslubu öz tətbiqlərində və veb səhifələrində istifadə etməyə başladı və onu çağırdı Material Dizaynı. Google hətta bu üsluba həsr olunmuş bütöv bir bölməyə malikdir, o cümlədən veb-dizayn məqsədlərinin təsviri, onun prinsipləri və müxtəlif dizayn obyektlərinin yaradılması üçün təlimatlar: nişanlar, tərtibatlar və s.

O vaxtdan bəri, düz veb-dizaynda əsas tendensiyaya çevrilərək vebsaytları, tətbiqləri və interfeys elementlərini zərif, təmiz və dəbli edir.

Beləliklə, şirkətlərdən düz dizaynın üç qlobal nümunəsi var, onlarsız təsəvvür etmək çətindir müasir dünya texnologiyalar:

Microsoftun Metro dizaynı

Apple iOS 7 dizaynı

Google-un Material Dizaynı

3. Təmiz olmağı unutmayın

Düz dizayn üçölçülü elementlərin və gradientlər, teksturalar, işıqlandırmalar, yarımtonlar, kölgələr kimi real effektlərin olmaması səbəbindən yəqin ki, "düz" adlanır. Unutmayın ki, düz üslub obyektlərin təsvirinin ikiölçülü (düz) üsuludur.

Üstəlik, düz dizaynda obyektlər çox sadələşdirilmiş və stilizə edilmiş şəkildə təsvir edilmişdir.

Və bəzən hətta sadəcə obyektin silueti və ya konturları istifadə olunur, yəni. obyektin tanınması üçün kifayətdir, lakin onu kiçik detallarla yükləməyin.

Minimalizm bu günlərdə qlobal trendə çevrilib: formaların sadəliyi və iti kənarların istifadəsi təmiz və xoş dizayn yaradır. Sadə formalar daha aydın və başa düşüləndir. Bu, dizaynı məşğul, qarışıq görünüş vermədən minimalist və təmiz saxlayır.

4. Onu mükəmməlliyə çatdırın

Bilin ki, düz nişanlar və UI elementləri yaratmağa gəldikdə, onları xırtıldayan, səliqəli və piksel mükəmməl göstərməlisiniz, yəni. mümkün qədər çox. Üstəlik, bu həm rastr, həm də vektor qrafikasına aiddir.

Proqram ilə Adobe Photoshop Burada hər şey aydındır: o, piksellərə əsaslanan rastr qrafika ilə işləyir.

Proqramla bağlı Adobe Illustrator, sonra riyazi düsturlarla təyin olunan vektor adlanan əyri və xətlərdən ibarət vektor qrafikasından istifadə edir.

Bir vaxtlar Adobe Illustrator o qədər də böyük deyildi rahat proqram piksel mükəmməl qrafika yaratmaq üçün. Yaxşı xəbər budur son versiyalar Illustrator yaxşı qrafika yaratmaq üçün əla alətə çevrilib.

Bunu deməliyəm Vektor qrafikasıəsasən sadə, düz formalar, saf rənglər və torlarla işləməyi əhatə edir.Adobe Illustrator parametrlərdə çox çevikdir və sizə şəbəkəni ehtiyaclarınıza uyğunlaşdırmağa, obyektləri düzəltməyə və istifadə etməyə imkan verir. Müxtəlif növlərçırpınma. Bu, istənilən displeydə təmiz və qəşəng görünən mükəmməl dizayn yaratmağı asanlaşdırır. Mükəmməl qrafika yaratmağı öyrənmək istəyirsinizsə, məqaləni oxumalısınız: Adobe Illustrator istifadə edərək mükəmməl piksel sənət əsərini necə yaratmaq olar .

5. Rəng

Düz dizaynın ən spesifik xüsusiyyətlərindən biri, kölgələrdən başqa, rəngin istifadəsidir. Düz dizaynın elementlərində istifadə etdiyi rənglərin əksəriyyəti bir neçə əsas rəngdən ibarətdir.

Düz dizaynda rəng parlaq, zəngin və zəngindir.Düz rəng sxemi bir neçə xüsusi rənglə məhdudlaşmır.O, çoxlu çalarları ehtiva edir və onların seçimi yalnız təsvir etdiyinizdən asılıdır, istər şirniyyatların ikonaları, istərsə də mürəkkəb retro palitrada retro üslublu obyektlər.

Deyək ki, siz rəng palitralarını yaxşı başa düşən UI dizaynerisiniz və siz Photoshop və Illustartor proqramlarında rəng paneli ilə təcrübə keçirərək rəngləri istədiyiniz kimi qarışdırırsınız. Lakin bu proses kifayət qədər mürəkkəbdir və yaxşı intuisiya, təcrübə və bacarıq tələb edir. Burada öz rəng palitranızı yaratmağa kömək edə biləcək bəzi alətlər tapa bilərsiniz.

Onlardan bəziləri yalnız düz dizayn deyil, bütün dizayn və illüstrasiya növləri üçün uyğundur. Məsələn, daha çox Cooler kimi tanınan Adobe Color CC. Bu gün ona həm vebsayt vasitəsilə, həm də birbaşa Adobe məhsulları vasitəsilə daxil olmaq mümkündür. Cooler ya öz rəng palitranızı yaratmağa, ya da kitabxanadan fərdi palitradan seçim etməyə imkan verən çox çevik bir vasitədir.

Digər sadə və rahat rəng palitrası generatoru Coolors-dur. Sadəcə boşluq düyməsini basın və proqram rəng palitrası yaradacaq, siz rəngləri tənzimləyə bilərsiniz, ixrac funksiyası da var.

Faydalı ola biləcək fərdi palitraları olan bir neçə digər oxşar xidmətlər var. Bununla belə, xüsusi olaraq düz dizayn üçün yaradılmış bir alət var.FlatUIColors.com Designmodo tərəfindən - iş üçün çox əlverişli olan “düz” rənglər dəsti ilə xidmət. Bu sayt mükəmməl dizayn üçün yaxşı rəng həlləri axtaran dizaynerlər arasında çox məşhur olmuşdur. Yoxla!

Siz həmçinin daha çox müxtəlif rəng və palitraları tapa bilərsiniz Google-un Material Design təlimatı.

6. Uzun kölgələr

Yuxarıda qeyd edildiyi kimi, düz dizayn sadəlik və çoxlu boş yer ilə xarakterizə olunur - buna görə də düz dizayn istənilən effektlərin istifadəsini rədd edir. Bununla belə, düz dizayn üçün xarakterik olan bir təsir var. Bu təsir bir tendensiya və mənzilin xarakterik xüsusiyyətinə çevrildi.

İndi uzun kölgələrdən danışırıq. Onların bu effekti tanınmasını təmin edən bəzi tipik xüsusiyyətləri var, yəni: 45 dərəcə əyilmə və böyük ölçü(kölgə obyektin özündən bir neçə dəfə uzun ola bilər. Nəticədə uzun kölgələr mənzilə müəyyən dərinlik effekti verir.

Bu effekt obyekti daha üçölçülü edir, eyni zamanda onu düz dizayn kontekstində saxlayır.

7. Şriftlərlə işləmək

Düz dizaynda mətbəə böyük rol oynayır. Çox vaxt mətn kompozisiyanın əsas elementinə çevrilir.

Düz dizaynlar adətən sadə şrift üslublarından istifadə edərək bütün dizaynı ümumi təmiz və oxunaqlı edir. Adobe məhsullarından istifadə edirsinizsə, Adobe Typekit-də bir çox pulsuz şrift tapa bilərsiniz. Font Squirrel-də çoxlu yaxşı pulsuz şriftlər də tapa bilərsiniz. Lakin şriftdən kommersiya məqsədləri üçün istifadə etmək niyyətindəsinizsə, lisenziyanı oxumağı unutmayın.

Çox vaxt düz dizaynda böyük hərf və ziddiyyətli rənglərdən istifadə etmək adətdir, bu, mətni daha oxunaqlı edir.

Şriftlərdən qənaətlə istifadə edin, unutmayın ki, onlar ayrıca element kimi görünməkdənsə, dizaynı tamamlamalı və tamamlamalıdırlar.Bu, serif və ya əl ilə yazılmış mürəkkəb şriftlərdən istifadə edə bilməyəcəyiniz demək deyil. Sadəcə minimal olmağı və hər şeyi balansda saxlamağı unutmayın. Bununla belə, flat hələ də tez-tez sans-serif şriftlərindən istifadə edir, çünki onlar daha sərt və səliqəli görünürlər.

8. Flat dizaynın müsbət və mənfi cəhətləri

Düz dizayn bir çox üstünlükləri səbəbindən bu qədər populyarlaşsa da, hələ də dizaynerlərin bu üslubdan istifadə edərkən qarşılaşdıqları bəzi çatışmazlıqlar var. Gəlin müsbət və mənfi cəhətlərə baxaq.

pros

Populyarlıq

Düz dizayn bir tendensiya halına gəldi, dizaynerlər və veb-dizaynerlər tərəfindən getdikcə daha çox müsbət rəylər qazandı və heç də öz mövqeyini itirməmiş kimi görünür. Əksinə, getdikcə daha çox yayılır, bəzi yeni forma və xüsusiyyətlərə yiyələnir, getdikcə daha da yaradıcı olur.

Sadəlik

Düz dizayn sadə, minimalist və təmizdir. Flat on web istifadəçilərə vizual görüntülərdən yayınmaq əvəzinə məzmuna diqqət yetirməyə kömək edir. Bu, mobil proqram interfeysləri üçün də işləyir: böyük düymələri olan təmiz dizayn istifadə edir mobil cihazlar mükəmməl.

Parlaqlıq

Rəng düz dizaynda başqa bir sərin üstünlükdür. Parlaq və zəngin rənglər cəlbedici və təmiz görünür və gradientlərin olmaması dizaynı şık edir. Üstəlik, belə saf rənglər onu daha müsbət və cəlbedici edir, düz dizayn düzgün əhval-ruhiyyə yaradır.

Qüsurlar

Mənzilin daha çox üstünlükləri var, lakin heç bir dizayn mükəmməl deyil və biz onu ideallaşdıra bilmərik. Burada qeyd etməli olduğumuz düz dizaynın bəzi çatışmazlıqları var:

Cavabsızlıq

Bəzən vacib detalların və ya vizual effektlərin olmaması istifadəçi dostu interfeysin yaradılması prosesini çətinləşdirir və bu, ümumiyyətlə, bütün dizaynı cavabsız edir. Bütün istifadəçilər mənzildə özlərini rahat hiss etmirlər, çünki veb-səhifədə klikləmək və ya ekrana toxunmaq lazım olan elementləri tapmaq çətin ola bilər. mobil telefonçünki onlar interaktiv deyillər.

Tipoqrafiya ilə bağlı problemlər

Daha əvvəl qeyd edildiyi kimi, hər şrift düz dizayn üçün uyğun ola bilməz. Bəzən kəskin kənarları olan belə zəngin şrift həqiqətən balanslı və şık görünür. Ancaq şrift səhv seçilərsə, bütün dizaynı poza bilər. Hansı şriftlərin düz, hansının uyğun olmadığını həqiqətən yaxşı hiss etməlisiniz.Təcrübənin olmaması şrift seçimini çox çətinləşdirir.

Zəif vizual

Effektlərin, rənglərin və şriftlərin istifadəsindəki məhdudiyyətlərə görə, düz dizaynlar çox sadə və soyuq görünə bilər. Onun minimalizmi də onun əsas çatışmazlığı ola bilər - digər düz dizaynlar sizinkinizlə eyni görünür. Beləliklə, eyni sadələşdirilmiş formalardan, məhdud rəng palitralarından və oxşar şriftlərdən istifadə etdiyiniz üçün nişanlarınızı və ya veb səhifələrinizi başqasının dizaynından fərqli göstərmək çox çətindir. Nəticədə, düz dizayn zamanla darıxdırıcı ola bilər.

9. Gələcək düz dizayn meylləri

Demək olmaz ki, düz dizayn tam formalaşıb və öz yolunda dayanıb.Bəlkə də bu, yuxarıda qeyd etdiyimiz çatışmazlıqlardan irəli gəlir, düz dizayn inkişafa və dəyişməyə can atır, yeni xüsusiyyətlər qazanır və vizual ifadəliliyi artırır.

Düz dizaynın son nümunəsinə diqqətlə baxsanız, bunun həqiqətən olduğunu görə bilərsiniztədricən öz ciddi alətlərindən uzaqlaşır və incə effektlər əlavə etməyə başlayır: gradientlər, kölgələr, işıqlandırma və digər vizual effektlər.

Bu kiçik toxunuşlar skeuomorfik dizaynlar kimi həddən artıq təfərrüatlara yol vermədən düz dizayna bir qədər dərinlik verir.Bu incə təkmilləşdirmələr mənzili daha həssas və rahat edir, həmçinin mənzili daha çevik və çox yönlü edir.

Beləliklə, mənzil öz xüsusiyyətlərini itirmir, əksinə daha maraqlı və çevik olur- o, həqiqətən yaxşılaşır.

nəticələr

Beləliklə, biz düz dizayn tarixindən bəzi faktları müzakirə etdik və rənglər, formalar və tipoqrafiya haqqında danışdıq. Biz müxtəlif nöqteyi-nəzərdən baxdıq, mənzilin üstünlükləri və mənfi cəhətlərinə diqqət yetirdik və yaxşı dizayn yaratmağın bəzi əsas prinsiplərini öyrəndik.

Ümid edirəm özünüz üçün öyrəndiniz yeni məlumatlar bu məqalədən və ya heç olmasa maraqlı tapdım. Əgər əvvəllər bunu etməmisinizsə, düz dizayn yaratmağa cəhd etməyi özünüzə borc bilirsiniz.

Axı, düz dizayn haqqında başqa nə qeyd etmək olar?

Kəskin kənarları, zəngin rəngləri və xırtıldayan şriftləri, təmizliyi və minimalizmi ilə düzü həqiqətən sevirsinizsə, o zaman buna gedin!

Bu modadır, lakin hər hansı bir qrafik üslubda olduğu kimi, özünüzü yalnız bir texnika ilə məhdudlaşdırmayın. Düzün dəbdə olması, layihənizdə başqa üslublardan istifadə edə bilməyəcəyiniz demək deyil. Skeuomorfizm, kiçik detalları və toxumaları ilə də ola bilər yaxşı qərar. Əsas odur ki, dizayn hər bir layihə üçün fərqlidir, rahat və funksional olaraq qalaraq, onun ruhunu, məqsədini, mahiyyətini ifadə etməlidir. İrəli!

Düz dizayn- bütün dizayn cəmiyyətinin danışmağa davam etdiyi nisbətən yeni bir tendensiya.

Bəzi insanlar bunu bəyənir, bəziləri isə tamamilə alışa bilmir və hətta nifrət edir.

Yaxşı dizayn ilk növbədə müştərinin biznes problemini həll etməlidir, buna hansı vasitələrlə nail olacağı ikinci dərəcəli sualdır. Dizayner üslub və ya alət kimi “düz dizaynı” seçibsə, elə də olsun! Ancaq unutmayın ki, bu üslub bütün layihələr üçün uyğun deyil.

Beləliklə, moda meylinə tab gətirmək və "düz dizayn" üslubunda işləmək qərarına gəlsəniz, nəyi yadda saxlamağınız lazım olduğunu təhlil edək.

Düz dizaynın əsas prinsipləri bunlardır:

1. Təsiri yoxdur

2. sadə elementlər

3. Tipoqrafiyaya diqqət yetirin

4. Rəngə diqqət yetirin

5. Minimalist yanaşma

6. “Demək olar ki,” düz dizayn

İndi düz dizayn prinsiplərinin hər birinə daha ətraflı baxaq:

Effekt yoxdur

Düz dizayn çox vaxt kölgələr, əyilmələr, qabartmalar, gradientlər və ya dərinlik və həcm əlavə edən digər üsullar kimi effektlərdən istifadə etmir. “Skemorfizm” stilistik rəqibindən fərqli olaraq 3D effektləri və ya əhəmiyyətliliyin ötürülməsi yoxdur. İstər simvol olsun, hər bir element aydın qalmalıdır. naviqasiya paneli və ya çərçivə, düymə və s.

Düz üslubda tələffüz var görünüş olmadan əlavə funksiyalar və elementlər. Bu, aydın kompozisiya iyerarxiyasına və elementlərin yerləşdirilməsinə əsaslanır. Bu struktur dizaynın qavranılmasını asanlaşdırır və hər bir istifadəçi üçün intuitiv edir.

Sadə elementlər

Düz dizayn çox vaxt sadə istifadəçi interfeysi elementlərindən istifadə edir, məsələn, düymələr və nişanlar və s. Bu interfeys elementlərini yaratarkən dizaynerlər sadə formalara (düzbucaqlı, dairə, kvadrat və s.) yapışırlar - bu, hər bir formanın öz üzərində dayanmasına imkan verir.

Ancaq sadə elementləri sadə dizaynla qarışdırmaq olmaz, düz dizayn konsepsiyası hər hansı bir stilistik fərqli dizayn konsepsiyası kimi mürəkkəb ola bilər.

Tipoqrafiyaya diqqət yetirin

Yastı dizayn həcmsiz sadə forma elementlərinə əsaslandığı üçün mətbəə düz kompozisiyada son dərəcə vacib elementdir.

Şriftin xarakteri uyğun olmalıdır ümumi sxem və kompozisiya - həddindən artıq mürəkkəb şrift həddindən artıq sadələşdirilmiş dizayn modelində qəribə və iddialı görünə bilər. Qalın və ya qalın sadə sans-serif şriftindən istifadə etməyə üstünlük verilir. Mətn sadə formalarla ahəngdar olmalıdır.

Şrift istifadəçilərə interfeysimizlə qarşılıqlı əlaqədə kömək edən köməkçi vasitə olmalıdır. Düymələr və digər elementlər üzərindəki etiketlər mürəkkəb olmamalıdır.

Rəngə vurğu

Rəng dizaynın vacib hissəsidir. Düz dizayn palitrası çox vaxt digər dizayn üslublarından daha parlaq və rəngarəng olur. 2-3 rəngə diqqət yetirən adi dizaynla müqayisədə, düz dizayn 6 və ya hətta 8 rəng çalarını ehtiva edə bilər.

Bu gün biz düz dizaynın nə olduğunu, necə meydana gəldiyini və təmiz, parlaq və həssas dizayn yaratmaq üçün nələrə ehtiyacınız olduğuna baxacağıq.

Düz dizaynın yaxşı nümunələrini http://market.envato.com/ saytında tapa bilərsiniz. Müasir dizaynın nəyə bənzədiyini aydın şəkildə başa düşməyinizə kömək edəcək tonlarla tərtibatlar, nişanlar və şablonlar var. .

1. Düz dizayn nədir?

Düz dizayn - minimalizm ilə xarakterizə olunan istifadəçi interfeysi və qrafik dizaynın müasir üslubudur. Düz dizayn minimum elementlərin istifadəsi və faktura, kölgə və işığın müxtəlif effektlərinin olmaması ilə xarakterizə olunur, məsələn: qarışıq rənglər, gradientlər, vurğulamalar və s.

2. Bir az tarix

2010-cu ildə Microsoft əvvəlki məhsullarından birindən miras qalmış iti kənarları və sadə qrafikası olan düz dizayndan istifadə edən Windows Phone 7-ni buraxdı. Microsoft (Zune). Daha sonra müvəffəqiyyətdən ruhlanan Microsoft əməliyyat sistemini buraxdı Windows sistemi 8, eyni düz Metro üslubuna əsaslanır.

Axı, düz dizayn 2013-cü ildə Apple-ın buraxılması ilə populyarlıq zirvəsinə çatdı Tamamilə yenidən işlənmiş istifadəçi interfeysi elementləri, o cümlədən nişanlar və şriftlər ilə tamamilə yeni dizaynı özündə əks etdirən iOS 7. Apple yaratdı UI və ikon dizaynının vizual prinsipləri .

O vaxtdan bəri, düz veb-dizaynda əsas tendensiyaya çevrilərək vebsaytları, tətbiqləri və interfeys elementlərini zərif, təmiz və dəbli edir.

Beləliklə, müasir texnologiya dünyasını təsəvvür etmək çətin olan şirkətlərdən düz dizaynın üç qlobal nümunəsi var:

Microsoftun Metro dizaynı

Apple iOS 7 dizaynı

Google-un Material Dizaynı

3. Təmiz olmağı unutmayın

Üstəlik, düz dizaynda obyektlər çox sadələşdirilmiş və stilizə edilmiş şəkildə təsvir edilmişdir.

Və bəzən hətta sadəcə obyektin silueti və ya konturları istifadə olunur, yəni. obyektin tanınması üçün kifayətdir, lakin onu kiçik detallarla yükləməyin.

4. Onu mükəmməlliyə çatdırın

Adobe Photoshop burada aydındır: o, piksellərə əsaslanan rastr qrafika ilə işləyir.

Adobe Illustrator proqramına gəlincə, o, riyazi düsturlarla təyin olunan vektor adlanan əyri və xətlərdən ibarət vektor qrafikasından istifadə edir.

Bir vaxtlar Adobe Illustrator piksel mükəmməl qrafika yaratmaq üçün o qədər də əlverişli proqram deyildi. Yaxşı xəbər odur ki, Illustrator-un ən son versiyaları yaxşı qrafika yaratmaq üçün əla vasitəyə çevrilib.

Qeyd etməliyəm ki, vektor qrafikası daha çox sadə, düz formalar, saf rənglər və torlarla işləməyi əhatə edir.Adobe Illustrator öz parametrlərində çox çevikdir və sizə şəbəkəni ehtiyaclarınıza uyğunlaşdırmağa, obyektləri düzəltməyə və müxtəlif snapping növlərindən istifadə etməyə imkan verir. Bu, istənilən displeydə təmiz və qəşəng görünən mükəmməl dizayn yaratmağı asanlaşdırır. Mükəmməl qrafika yaratmağı öyrənmək istəyirsinizsə, məqaləni oxumalısınız: Adobe Illustrator istifadə edərək mükəmməl piksel sənət əsərini necə yaratmaq olar .

5. Rəng

Siz həmçinin daha çox müxtəlif rəng və palitraları tapa bilərsiniz Google-un Material Design təlimatı.

6. Uzun kölgələr

İndi uzun kölgələrdən danışırıq. Onların bu effekti tanına bilən bəzi tipik xüsusiyyətləri var, yəni: 45 dərəcə yamac və böyük ölçü (kölgə obyektin özündən bir neçə dəfə uzun ola bilər. Nəticədə uzun kölgələr mənzilə müəyyən dərinlik effekti verir.

Bu effekt obyekti daha üçölçülü edir, eyni zamanda onu düz dizayn kontekstində saxlayır.

7. Şriftlərlə işləmək

Düz dizaynda mətbəə böyük rol oynayır. Çox vaxt mətn kompozisiyanın əsas elementinə çevrilir.

Çox vaxt düz dizaynda böyük hərf və ziddiyyətli rənglərdən istifadə etmək adətdir, bu, mətni daha oxunaqlı edir.

8. Flat dizaynın müsbət və mənfi cəhətləri

pros

Populyarlıq

Sadəlik

Parlaqlıq

Qüsurlar

Mənzilin daha çox üstünlükləri var, lakin heç bir dizayn mükəmməl deyil və biz onu ideallaşdıra bilmərik. Burada qeyd etməli olduğumuz düz dizaynın bəzi çatışmazlıqları var:

Cavabsızlıq

Bəzən vacib detalların və ya vizual effektlərin olmaması istifadəçi dostu interfeysin yaradılması prosesini çətinləşdirir və bu, ümumiyyətlə, bütün dizaynı cavabsız edir. Bütün istifadəçilər mobil telefon ekranında klikləməli və ya klikləməli olduğunuz elementləri veb-səhifədə tapmaq çətin ola bilər, çünki onlar interaktiv olmadığına görə mənzildən rahat deyillər.

Tipoqrafiya ilə bağlı problemlər

Zəif vizual

9. Gələcək düz dizayn meylləri

Beləliklə, mənzil öz xüsusiyyətlərini itirmir, əksinə daha maraqlı və çevik olur- o, həqiqətən yaxşılaşır.

nəticələr

Ümid edirəm ki, bu məqalədən yeni məlumatlar əldə etdiniz və ya heç olmasa maraqlı tapdınız. Əgər əvvəllər bunu etməmisinizsə, düz dizayn yaratmağa cəhd etməyi özünüzə borc bilirsiniz.

Axı, düz dizayn haqqında başqa nə qeyd etmək olar?

Kəskin kənarları, zəngin rəngləri və xırtıldayan şriftləri, təmizliyi və minimalizmi ilə düzü həqiqətən sevirsinizsə, o zaman buna gedin!

Bu modadır, lakin hər hansı bir qrafik üslubda olduğu kimi, özünüzü yalnız bir texnika ilə məhdudlaşdırmayın. Düzün dəbdə olması, layihənizdə başqa üslublardan istifadə edə bilməyəcəyiniz demək deyil. Skeuomorfizm, kiçik detalları və teksturaları ilə də yaxşı bir həll ola bilər. Əsas odur ki, dizayn hər bir layihə üçün fərqlidir, rahat və funksional olaraq qalaraq, onun ruhunu, məqsədini, mahiyyətini ifadə etməlidir. İrəli!

Nisbətən yaxınlarda FLAT dizayn və ya düz dizayn kimi dizayn istiqaməti populyarlaşdı.

Windows 8 və sonrakı versiyaların istifadəçiləri artıq FLAT dizaynı ilə tanışdırlar, çünki sistemi yükləyərkən qarşılaşdıqları ilk şey bu ekrandır.

FLAT dizaynının özü mobil proqramların yayılması ilə bağlıdır. Düşünürəm ki, bu, FLAT dizayn obyektlərinin vektor obyektlərindən istifadə etməklə yaradılması və müvafiq olaraq onların müxtəlif qadcet platformalarına daha asan uyğunlaşması ilə bağlıdır.

FLAT – dizayn aşağıdakı xüsusiyyətlərə malikdir:

Qradientlərin, mürəkkəb teksturaların və kölgələrin tam və ya qismən rədd edilməsi , mən şəxsən buna çox sevinirəm. Kölgələrlə bağlı heç bir şikayətim yoxdur və mən onlardan özüm istifadə etməyi sevirəm, lakin gradient ekranla bağlı əbədi problemlər aradan qalxsın.

Tipoqrafiya, həndəsə ön plana çıxır. Xüsusilə web dizaynına gəldikdə.

Harmoniya və. Dizayn məhdud sayda rəngdən istifadə edir. Məşhur FLAT dizayn palitrasının bir nümunəsidir.

Yaradıcı məlumat nişanlarından istifadə.

Artıq dediyim kimi, FLAT dizaynı çox populyarlaşdı mobil proqramlar, çünki onun əsas xüsusiyyəti tərtibatın sadəliyi və uyğunlaşma qabiliyyətidir. FLAT dizaynı infoqrafikada da geniş yayılıb, çünki o, tipoqrafiya və rəngin konstruktiv üsullarından istifadə etməklə məlumatın harmonik qavranılmasına əsaslanır.

Bir vaxtlar veb dizaynda ən populyar tendensiya Web 2.0 idi. İndi onun yerini FLAT dizayn tutub. Moda yeni bir şey yaratmaq üçün unudulmuş köhnəyə qayıtmaq vərdişi var. FLAT dizaynının nə vaxt dəbdən düşəcəyini kim bilir, amma indiki trendin sadəliyindən, harmoniyasından və məlumat məzmunundan həzz alın. Yeri gəlmişkən, düz dizayn artıq 80-ci illərdə məşhur idi, lakin sonra buna görə idi texniki xüsusiyyətlər, kölgələri və gradientləri göstərə bilməmək. İndi əksər aparıcı İT şirkətləri Flat dizayna keçiblər.

Yaxşı, biz də dəyişən dünyaya uyğunlaşacağıq. Növbəti məqalədə mən sizə Photoshop-da sadə formalardan istifadə edərək FLAT stil nişanlarını necə yarada biləcəyinizi göstərəcəyəm.

Nəşrlərim sizi maraqlandırırsa, məlumatlı olmağı təklif edirəm son yeniləmələr saytın saytında.

(2,635 dəfə ziyarət edilib, bu gün 1 ziyarət)