Düz stil nə. Düz dizayn: keçmiş, indi və gələcək. Düz üslubun xüsusiyyətləri
Müəllifdən: Salam, dostlar! Bu gün biz düz dizayn və ya düz veb sayt dizaynı haqqında danışacağıq. Bu termin uzun müddətdir ki, veb-dizaynerlərin ürəyini qazanıb və bu gün də inamla trenddədir. Ən böyük şirkətlər (Google, YouTube, Microsoft, Apple Inc. və s.) öz vebsaytlarını və proqramlarını tərtib etmək üçün ondan istifadə edirlər. Siz hələ də düz veb sayt dizaynı tərəfdarları sektasında deyilsiniz? Onda sənin yanına gedirik!
Sizcə, düz dizaynın bu qədər vəhşi populyarlığının səbəbi nədir? Mən sizə qısa cavab verəcəyəm: həqiqətən işləyir! Bu yazıda mən sizə bu üslubun nə olduğunu izah edəcəyəm, sizə onun müsbət və mənfi cəhətləri haqqında məlumat verəcəyəm və sizə böyük işlər görməyə ilham verəcək düz veb sayt dizaynının bəzi gözəl nümunələrini göstərəcəyəm. Beləliklə, gedək!
Hamısı skeuomorfizmlə başladı
Bilməyənlər üçün skeuomorfizm çirkli söz deyil, veb dizaynın başqa bir üslubudur. Düz dizayn tez-tez skeuomorfizmin əksi kimi təqdim olunur, bu, mənim fikrimcə, tamamilə düzgün deyil. Bu, antaqonizmdən daha çox sadələşdirmədir.
2010-cu ilə qədər interfeys dizaynında skeuomorfizm üstünlük təşkil edirdi. O, fakturalardan, kölgələrdən, əkslərdən və üçölçülü təsvirin digər atributlarından fəal istifadə edərək elementləri reallıqda göründüyü kimi nümayiş etdirirdi. Apple bu mövzuda xüsusi səy göstərdi, əksər proqram obyektlərini real həyat obyektlərindən diqqətlə köçürdü.
Tezliklə, yalançı qabarıq nişanlar istifadəçilərin və veb tərtibatçılarının əksəriyyətini cəlb etməyi dayandırdı, bu da düz veb sayt dizaynı dövrünün başlanğıcını qeyd etdi. Dünya belə bir nəticəyə gəldi ki, bütün dekorativ elementləri çıxarmaq lazımdır və yalnız son istifadəçinin qarşılıqlı əlaqəsi üçün əlverişli olan şey qalmalıdır.
“Ən yaxşı dizayn mümkün qədər az dizayndır”
Dieter Rams suya necə baxdı - intruziv dizayn, animasiya effektləri və s. əleyhinə olan məşhur sənaye dizayneri. 2013-cü ilin iyununda Apple Inc. düz veb dizayn üslubunun bütün atributlarını alan inqilabi iOS 7-ni təqdim etdi. Bununla birlikdə, təyyarə realizmi və həcmini dərhal "məğlub etmədi".
Uzun müddət istifadəçilər Stiv Cobsun sehrini və “yalamaq istədiyiniz” nişanları unuda bilmirdilər. Çoxları hətta "kasıb Yeddi" ilə vidalaşaraq "parlaq Android"ə keçdilər. Yanğına yanacaq əlavə edən iOS 7-də mövcud olan çoxlu sayda səhvlər və tətbiqləri açarkən paralaks və “snot” animasiyası ilə ağımtıl, şəffaf dizayn idi.
Qaçılmaz reallıqdan imtina edənlər və Apple əməliyyat sistemi ilə qalanlar nəhayət başa düşdülər ki, düz veb-dizayn təkcə maraqlı görünmür, həm də bütün tətbiqlərə nizam və vahid vizual üslub gətirir.
Düz dizaynın müsbət və mənfi cəhətləri
Bu üslubun istifadəsinin üstünlüklərinə aşağıdakılar daxildir:
əyani vəsaitlərin tərkibinin aydınlığı və yığcamlığı. İstifadəçilər onlara çatdırmaq istədiklərini tez dərk edən “artıq heç nə” üslubunda cavab verən interfeys;
yaxşı tipoqrafiyaya diqqət yetirin. Bugünkü məlumat bolluğunda son dərəcə vacib olan məzmun birinci yerdədir;
vizual effektlərin minimum sayına görə veb səhifələrin daha kiçik ölçüsü və saytın daha sürətli işləməsi. Bu, adaptiv versiyalar yaratarkən xüsusilə faydalıdır, çünki formalar nə qədər sadə olarsa, onları mobil cihazların kiçik ekranlarında göstərmək asan olar.
Düz veb dizaynının mənfi cəhətləri də var:
veb-dizaynerin təxəyyülünü sadələşdirilmiş rənglər, tipoqrafiya və ikonoqrafiya ilə məhdudlaşdırmaq. Buna görə də, darıxdırıcı və ifadəsiz veb sayt yaratmaq riski daha yüksəkdir;
üçölçülülüyün və kölgələrin olmaması bəzən elementin tıklanabilir olub olmadığını başa düşməyi çətinləşdirir;
xüsusi sabit qaydaların olmaması.
Saytınızda bu üslubdan istifadə etmək qərarına gəlmisinizsə, təbrik edirəm - bu, istifadəçi təcrübəsinə əhəmiyyət verdiyinizi və zamanla ayaqlaşdığınızı göstərir. Əgər siz veb-dizayner kimi fəaliyyətə yeni başlayırsınızsa və saytınızı sadələşdirmədən müvafiq görünmək üçün düz dizayndan necə düzgün istifadə edəcəyinizi bilmirsinizsə, bu məsləhətləri sınayın:
"Kərpic divarları" və parlaq fonları unudun. Düz veb dizaynı fon üçün sadə, hamar, yumşaq şəkillərdən istifadə etməyə meyllidir.
Qradientlər, 3D nişanlar, animasiyalı keçidlər və ya digər xüsusi effektlər yoxdur. Bütün bunlar saytınızı daha da ağırlaşdıracaq və təlaş əlavə edəcək - buna ehtiyacınız varmı?
Rahatlıq və funksionallıq əlavə etmək üçün aydın konturları olan düz nişanlardan istifadə edin.
Parlaq, zəngin rəng palitrasından istifadə edin. İndi tendensiya günəş spektrinin tonlarıdır: açıq sarı, çəhrayı və yaşıl. Əsas odur ki, onu aşmamaq - səhifədə 3-dən çox rəng olmamalıdır.
Tipoqrafiyaya diqqət yetirin. Düz dizaynda, fəaliyyətə çağırış yaradan və saytın ətrafında asan naviqasiyanı təmin edən parlaq, orijinal yazılara üstünlük verilir. Burada da həddini aşmamaq vacibdir. "Əl ilə yazılmış" və digər gözəl şriftləri unudun. Başlıqları vurğulamaq üçün böyük hərflərdən istifadə edilə bilər.
Müxtəlif həndəsi fiqurlardan istifadə etməkdən çekinmeyin. Kvadratlar, dairələr, xətlər və digər formalar yalnız veb-saytın strukturunu yaxşılaşdırmayacaq, həm də aydın iyerarxiya yaradacaq və məzmunu böləcək. İstifadəçilər bunu qiymətləndirəcəklər, inanın.
Naviqasiya menyusunu və saytın digər elementlərini mümkün qədər sadələşdirin. Düymələr üçün kölgələr və işıqlandırma olmadan adi düzbucaqlılardan istifadə edin.
Beləliklə, illər keçdikcə düz dizayn veb saytları tamamilə hər kəs tərəfindən qəbul edilən standarta çevrildi. Müasir veb-saytların əksəriyyətinə baxın - onlar özlərinə qədər düzdür.
Nəhayət, öz şah əsərlərinizi yaratmaq üçün sizə ilham verə biləcək uğurlu düz dizaynın vəd edilmiş nümunələrini verəcəyəm.
1. Veb sayt http://dunked.com.
Müxtəlif yaradıcı peşələrin nümayəndələrinə yönəlmiş portfellərin nəşri üçün məşhur platformadır. Minimalist düz veb dizaynı lazımsız xüsusi effektlərlə diqqəti yayındırmayan etibarlı və başa düşülən xidmət hissini oyadır.
2. Microsoft interfeysi.
Microsoft düz stili bu qədər məşhur edən şirkətlərdən biridir. Bəlkə Microsoft-un 2000-ci illərin ortalarında buraxdığı iPod-a rəqib olan Zune pleyerini xatırlayırsınız? Beləliklə, bu məhsulun dizaynı o dövrün əksər tətbiqlərindən kəskin şəkildə fərqlənirdi, əsasən böyük tipoqrafiya, düz nişanlar, böyük və parlaq formalar.
Metro adlanan bu interfeys sonradan fərdi kompüterlərə (Windows 8 ƏS), Xbox 360 interfeysinə və digər Mircosoft proqram məhsullarına köçdü.
3. Veb sayt http://www.vox.com.
Yaxşı, ilham almısınız? Pseudorealist 3D estetika ilə kahrolsun!
Hamısı budur. Abunə olun və məqalələrimizi sosial şəbəkələrdə dostlarınızla paylaşın. Sizə yüksək dönüşüm!
Bilmirik ki, siz fikir vermisiniz, ya yox, lakin son vaxtlar (xüsusilə də son bir ildə) bütün dünyada veb dizaynda istifadəçilər olaraq hər bir istifadəçi ilə qarşılıqlı əlaqədə olduğumuz şeylərin sadələşdirilməsi, möhkəm minimalizmi və vizual sadələşdirilməsi istiqamətində aydın tendensiya müşahidə olunur. gün. Sadəcə olaraq, dizayn "düz" oldu: sosial şəbəkələrin və web 2.0-ın sürətli inkişafı dövrünün qabarıq nişanlarından fərqli olaraq, indi bizi getdikcə daha çox yeni xidmətlərin sadə nişanları qarşılayır. Bütün bunlar öz adını aldı - düz dizayn. Mənzil yox, mənzil.
Yeni mobil əməliyyat sistemi iOS 7-nin dünənki təqdimatı ilə Apple nəhayət bu tendensiyanın populyarlığının sürətlə artdığını təsdiqlədi, ənənəvi olaraq bəzi pərəstişkarlarını sevindirdi, eyni zamanda təcrübəli istifadəçilər və dizaynerlər arasında ciddi narazılıqla qarşılaşdı. Nə məsələdir? Bu yastı dizaynın nə faydası var və dünyanın buna həqiqətən ehtiyacı varmı? Ukraynadan və xaricdən mütəxəssislərə müraciət etmək qərarına gəldik.
Onlardan üç əsas suala cavab vermələrini istədik:
- niyə dünya internetdə və mobil telefonda düz dizayna doğru irəliləməyə başladı və bu nədir;
- bu Apple və iOS 7-yə nə verəcək;
- bunun bir tərəfdən dizaynerlərə, digər tərəfdən istifadəçilərə necə təsir edəcəyi.
Denis Sudilkovski, Kiyev
Qarşılıqlı Dizayn üzrə mütəxəssis, prodüser Prodesign.in.ua
Gələcəyi proqnozlaşdırmaqda “sarkaç effekti” onda özünü göstərir ki, əgər hansısa məsələdə iki ifrata varılırsa, bəşəriyyət bir tərəfdən o biri tərəfə yellənəcək. Bu, şübhəsiz ki, interaktiv sistemlərin dizaynına aiddir. Düz və maraqsız ibtidai veb bir anda həcmli veb əsaslı düymələrə çevrildi. İnterfeys vizualizasiyaları realizm zirvəsinə çatdı və sarkaç əks istiqamətdə uçur - düz və sadə.
Apple bundan nə əldə edəcək? O, iOS-un Android-ə çox bənzədiyinə dair trend və yüz minlərlə şərhdə yerini qoruyacaq.
Dizaynerlər təkamül etməli olacaqlar (və düz dizaynın maşınqayırmaya nə vaxt gələcəyi və bizə düz avtomobillər verəcəyi barədə zarafat etməyin :). Dekorasiya olmadıqda, bütün işlər istifadəçi ilə müəyyən bir ssenari üçün məzmunlu əhval-ruhiyyə yaratmaqdan ibarətdir. Bu peşənin Rəssamla deyil, rejissorla getdikcə daha çox ortaq cəhətləri olacaq. İstifadəçilər, əksinə, yeni təcrübələr və yeni təəssüratlar əldə edirlər. Şəxsən mən 4 il iPhone-a bağlı idim, amma bu yaz yeganə səbəbə görə telefonu Android-ə dəyişdim - Apple interfeysinin monoton ideallığından bezdim.
Daniel Bruce, Stokholm
Senior Digital Creative, danielbruce.se
Əvvəlcə qeyd etmək istərdim ki, "düz dizayn" ifadəsini bəyənmirəm. Əsrlər boyu qrafik dizaynın əksəriyyəti "düz" olmuşdur. Düşünürəm ki, seçim düz və başqa bir şey arasında olduqda, dizaynı fərqləndirmək qabiliyyətinizi məhdudlaşdırır. Dizayn bundan daha çox ola bilər. Şən, parlaq, qaranlıq, pozitiv, minimalist - istədiyinizi adlandıra bilərsiniz. Ancaq bu gün nadir hallarda hər kəsin dizaynı düz və ya skleromorfdan başqa bir şey hesab etdiyini eşidirəm. Bir az kədərlidir.
Niyə veb və mobil telefon düz dizayna doğru irəliləyir? Gördüyüm kimi, bu, sadəcə bir tendensiyadır. İstifadəçi interfeyslərində düz dizaynın faydaları haqqında heç vaxt məqalə görməmişəm və hələ də buna əmin deyiləm. Sadə və aydın dizayn - bəli, lakin bu "düz" ilə eyni deyil. Məsələn, Google-a baxın. Tamamilə düz dizaynlar etmirlər, onlar - və mən bu fikri bölüşürəm - hələ də bəzi dərinlik və variasiya ehtiyacını görürlər.
Microsoft bir neçə il əvvəl məşhur Metro stilini təqdim edərək özləri üçün bu istiqaməti seçəndə çox təəccübləndim. Əslində, onlar insanların müəyyən məsafələrdən baxdıqları və əhəmiyyətli sayda elementləri olan kiçik ekranlarla heç vaxt qarşılıqlı əlaqədə olmadığı böyük işarələr üçün qrafik dizayndan istifadə edirdilər. Gözəl görünürlər, amma yaxşı istifadə qabiliyyəti varmı?
Dünən gecə Apple-dan gördüklərim son bir il ərzində Dribbble və Behance kimi saytlarda peyda olan bir neçə maraqlı dizaynın sadəcə zəif surəti idi. Mən yeni bir şey görmədim - istisna olmaqla, bu, Stiv Cobsun eyni "köhnə Apple"-dan uzaqdır. Şirkət mobil interfeys dizaynında ön sıralarda olmadığını göstərdi. Əlbəttə ki, yaxın bir neçə ay ərzində pərəstişkarların bütün bu ağ dizaynları və kreativ gradientləri mənimsədiyini görəcəyik, lakin bu cəhətin Google-un son bağlanmaları qədər təsirli olacağını düşünmürəm. Ancaq digər tərəfdən, Apple həmişə bir trend təyin edən və bir çox insanlar, o cümlədən mənim üçün ilham mənbəyi olmuşdur.
Adi istifadəçilərə gəlincə, onlar parlaq rəngləri sevirlər.
İvan Klimenko, Kiyev
mobil interfeys dizayneri, 5tak.com
Böyük dərəcədə, mən bu düz üslubu valehedici vəziyyət haqqında bir az fəlsəfiyəm. Dizaynerlərin minimalizm və süni materiallarla maraqlanması ilk dəfə deyil. Hər şey keçir.
20-30-cu illərin Bauhaus dövrü dizayna böyük töhfə verdi, lakin yenə də tonal sıxlıq və sünilik insanların daha təbii şeylərlə əhatə olunmuş yaşamaq istəyinə və daxili istəyinə tab gətirə bilmədi.
Sonra 60-cı illərdə hamı plastikə heyran olmağa başladı.
Mebel, qab-qacaq və hətta paltarlar hamısı plastikdən hazırlanır. Görünürdü ki, bu, bəşəriyyət üçün yeni bir ümid idi, amma yenə də yox - insanlar çox tez təbii formalara və ya təbii materialların surətlərinə qayıtdılar.
Formaların sərt kontrastı və minimalist qrafika həmişə cəmiyyət daxilində daxili qarşıdurmaların yığılmasını ifadə edib. Dizayn sadəcə daxili dünyamızı göstərən güzgüdür. Çox şey gedir. Həyat çox sürətlənir və sadəcə olaraq heç nə düşünməyə və düşünməyə vaxtımız yoxdur. Çox vaxt sadəcə yaşamağa vaxtımız olmur.
Minimalizm və bütün bu elektron avadanlıqlar daha təbii və insani bir şeyə gedən yolda sadəcə bir addımdır. Başqa bir kompüterdən daha çox. Hətta dərindən baxmağı bilən Apple-ın artıq yox olmasına üzülürəm.
Olesya Qriçina, Kiyev
Componentix-də UI dizayneri, twitter: elendiel
Düşünürəm ki, dizaynerlərə müxtəlif ekran ölçüləri və qətnamələri olan çoxlu sayda gadget böyük təsir göstərdi - bütün bu müxtəlifliyə görə toxumalar, işıqlandırmanı düzgün nəzərə alan mürəkkəb kölgələr və s. olmadan dizayn yaratmaq daha asandır. Onlar “necə gözəl çəkmək” deyil, “istifadəçi üçün necə daha rahat etmək” istiqamətində düşünməyə başladılar. Məzmun əsasdır və bizim işimizdə onu ən yaxşı şəkildə təqdim etmək vacibdir.
Mənə elə gəlir ki, xarici dəyişikliklərin (düz istifadəçi interfeysi, nişanlar) arxasında onlar xüsusilə istifadə rahatlığında ciddi dəyişiklikləri və bu mövzuda necə söyüş söydüklərini hiss etmədilər. İşlədiyini yoxlayanda, "Ohhh, necə rahatdır və niyə əvvəllər bunu etməyiblər?" deməyə başlayacaq. Ümid edirəm ki, bu, dizaynerlərə elə təsir göstərəcək ki, onlar faktura və kölgələrə deyil, interfeysin istifadəsinə daha çox diqqət yetirəcəklər. Sonda müştərilərə bunun bir trend olduğunu başa salmaq mümkün olacaq :)
Düşünürəm ki, düz dizayn istifadəçilərə xüsusilə təsir etməyəcək - məzmun yaratmaq və istehlak etmək onlar üçün əlverişlidirsə, çoxlu məmnun insanlar olacaq. Ancaq əsas ekrandakı nişanlar hələ də turşudur :)
Pavel Qrozyan, Kiyev
MacPaw-da məhsul dizayneri, Qrozyan
"Alma! A-ha-ha, dayandır! - Dizaynerlər qışqırır. - Hürrə, asanlaşdı. - istifadəçilər tərənnüm edir." Mən hər iki nöqteyi-nəzəri başa düşürəm. Bu gün WWDC2013 təqdimatından sonra bir çox həmkarlarım ayağa qalxıb dedilər: "Bu peşəni lənətləyin! İndi hər kəs belə bir axmaqlıq çəkə bilər. Və bu ikonaları 30 dollara?!" Və ilk baxışdan haqlıdırlar, amma daha dərindən qazsanız, anlayırsınız ki, uzun müddət bir-birindən yalnız istifadə ssenarisi, sonra forması, sonra rəngi və yalnız bundan sonra fərqlənən minlərlə obyekt var. bədii təfərrüatlarda, bu gün LinkedIn profillərindəki oğlanların, hərflərin ağ kölgə effektini əsəbi şəkildə kopyaladıqları vaxtları xatırlayıram Hər kəs üçün orijinal, vahid və rahat inkişaf konsepsiyası olmadığı üçün onların bütün işləri kopyalanırdı onu icad etmədi və rəqəmsal dövrdən on il əvvəl, nəşriyyat sahəsində formalaşdı.
Düz - kliklər üçün deyil, kliklər, kranlar, kranlar üçündür. Bunu düz adlandıra bilməzsiniz - düymələrdə "qalın" toxumaların və kölgələrin olmaması onu olduqca sadələşdirilmiş və vizual təcavüz olmadan edir. Və düymələr üçün gradient olmadan edə bilməzsiniz. Mən bu tendensiyanı dəstəkləyirəm. İstifadəçi təcrübəsinin keyfiyyətinə mane olmasa, hər kəsin yaşaması daha asan olacaq. İlk növbədə istifadəçiyə. İkincisi, yaradıcı üçün: texniki icrada daha sadə, klikləmək üçün daha rahat (linklərin altını çəkmək - salam) və çox platformalı - veb, mobil və masaüstünü vahid təcrübədə birləşdirəcək. Şübhəsiz ki, bu, Apple üçün cəsarətli bir addımdır. Və yalnız onlar qərar verə bilər. Onların hekayəsində onlarla təsdiq var, buna görə də əksinə, uğur qazanma ehtimalı daha yüksəkdir.
“Düz dizayn” inqilabı 2010-cu ildə Windows Phone platformasında təqdim olunduqdan sonra sürət qazanmağa davam etdi. Bunun səbəbini başa düşmək çətin deyil: bu dizaynla interfeys daha intuitiv görünür, adaptiv elementlər, müasir çərçivələr üçün yaxşı uyğun gəlir və düzgün icra edildikdə cəlbedici görünür.
Düz dizayn hər yerdə mövcud olan skeuomorfik üsluba qarşı çəki kimi başladı, lakin o vaxtdan bəri sadəcə "Variant B" dən çox şeyə çevrildi.
Başlanğıcda, mənzil minimalizmə tam diqqət yetirməklə yalnız iki ölçülü idi. Müasir flat 2.o onu "demək olar ki, düz" göstərmək üçün kölgələr, gradientlər və digər elementlərdən istifadə edir.
Müasir Düz Dizaynın 5 Xarakterik Komponenti:
1. Uzun kölgələr
Uzun kölgələr interfeysi cəlbedici edən minimalist ikon detallarını qurban vermədən şəkillərə dərinlik və ölçü əlavə edir. 
2. Dinamik rənglər
Enerjili rənglərlə, xüsusən də açıq çalarlarla seyrək vizualları tamamlamaq asandır.
Elementlərin əsas rəngindən fərqli olaraq müxtəlif fon rəngləri kafel menyulu səhifəni daha canlı edir.
Flat UI Colors veb-saytında düz üçün ən təsirli rəng nümunələri var. 
3. Sadə tipoqrafiya
Düz şrift seçimi bir meyara əsaslanır: oxunaqlılıq. Sabit vuruş eni olan Sans serif şriftləri adətən istifadə olunur. 
4. Şəffaf düymə
Müasir veb dizaynında trend elementlərdən biri. Səbəb odur ki, o, çox diqqəti cəlb etmir, ancaq düymə kimi aydın şəkildə tanınır. 
5. Minimalizm
Düz və minimalizm eyni prinsiplərdən istifadə edərək əl-ələ verir: sadəlik və məzmuna diqqət.
Görünə bilər ki, düz dizayndan istifadə universal bir həlldir, lakin minimalizmi həyata keçirmək çətindir: işçi elementlər nə qədər az olsa, bir o qədər diqqət tələb olunur.
Düz dizayn nə qədər gözəl görünsə də, saytınız üçün işləyəcəyinə heç bir zəmanət yoxdur. Qlobal yenidən dizaynı planlaşdırmağa dəyər olub olmadığını görmək üçün onun əsas üstünlüklərini nəzərdən keçirin.
Üstünlükləri:
cavab verən interfeysdə istifadə olunur;
istifadəçi üçün naviqasiyanı asanlaşdırır;
aydın struktur və sxematik vizuallar səhifənin daxili məntiqini vurğulayır;
qrafiklərin sadəliyinə görə səhifələrin sürətli yüklənməsi;
Tanış tipoqrafiya oxunuşu yaxşılaşdırır.
Düz dizayn sadəlik və minimalizmdən ibarətdir ki, bu da digər tərəfdən vizual olaraq mürəkkəb mesajların çatdırılmasını çətinləşdirir. Buna görə də, interfeysi sadələşdirməyə tələsməzdən əvvəl sayt və istifadəçi arasındakı qarşılıqlı əlaqəni diqqətlə nəzərdən keçirməlisiniz.
Web dizayn tendensiyaları kitabına əsaslanır.
Bu yaxınlarda veb saytların və istifadəçi interfeyslərinin dizaynında xüsusi bir üslub böyük populyarlıq qazandı, onun elementlərinin stilizasiyasına görə Flat adlanır.
Flat qaydalarına əsasən hazırlanmış vebsayta baxsanız, heç bir gradient keçidi, kölgələr, həcm və ya teksturanın ən kiçik işarəsi görməyəcəksiniz. Düz üslubun əsas prinsipləri sadəlik, yığcamlıq və minimalizmdir. Əsas fərqləndirici xüsusiyyətlər diqqəti cəmləyə biləcəyiniz şeylərdir - parlaq qeyri-adi rənglər, qeyri-standart tipoqrafiya, qrafik primitivlər.
Bu gün getdikcə daha çox dizaynerlər öz işlərində bu tendensiyadan istifadə edirlər, lakin Flat üslubu müasir mobil əməliyyat sistemləri Windows Phone və iOS 7-nin yayılması ilə xüsusi populyarlıq qazandı, çünki onlar bu tendensiyanın davamçılarıdır, baxmayaraq ki, onlar bu tendensiyaya riayət etmirlər. tamamilə.
Şirkətimizin Flat üslubunda veb-saytların yaradılması təcrübəsi artıq var və biz sizə düz veb-sayt yaratmağa kömək etməkdən məmnun olarıq!
Bu yazıda, layihənizin əsas üslubu kimi düz istifadə etmək istəyirsinizsə, riayət etməli olduğunuz düz dizaynın əsas prinsiplərini vurğulayacağıq.
Aşağıda düz üslubdan istifadə edən bəzi saytları təhlil edəcəyik və nümunələr verəcəyik.
1. Bütün effektləri silin
Düz dizaynın əsas prinsipi özlüyündə artıq düz olan iki ölçülü təsvirin yaradılmasıdır. Eyni zamanda, təsvirə ən azı bir qədər dərinlik əlavə edə biləcək bütün elementlərdən xilas olmaq lazımdır: gradientlər, hamar keçidlər, kölgələr, əyilmələr, həcm, toxumalar və s. Şəklin bütün elementləri sərt kənarlara malikdir və həmçinin təsvirin digər elementlərinə nisbətən fərqlənmir və ya dərinliyə malik deyil.
Düz dizaynda real görünməyə çalışan elementləri (skeuomorfizm), 3D animasiyanı, real ikonaları və s. tapa bilməzsiniz. Bununla belə, dizaynın özü ənənəvi birinə bənzər qalmağa çalışır, lakin indi etiketlər, düymələr və naviqasiya ön plana çıxır.
İlk baxışdan Flat dizaynından istifadə edən veb-sayt çox sadə görünə bilər, baxmayaraq ki, əslində bu üslub elementlərin aydın iyerarxiyası, bütün istifadəçi qarşılıqlı əlaqə vasitələrinin rahat yerləşdirilməsi ilə xarakterizə olunur və buna görə də yüksək istifadə qabiliyyətinə malikdir.
2. Sadə elementlərdən istifadə edin
Düz dizaynda məqsədlərinə çatmaq üçün dizaynerlər düymələrdən və nişanlardan istifadə edirlər. Onlar mümkün qədər intuitiv və tıklanabilir olmalıdır. Bütün digər interfeys elementləri kimi, onlar əlavə effektlər olmadan düz və sadə olmalıdırlar. Dizaynerlər də tez-tez sadə həndəsi fiqurlardan - düzbucaqlılardan, dairələrdən və kvadratlardan istifadə edirlər ki, bu da hər bir formanın ayrıca obyekt olmasına imkan verir.
3. Gəlin mətbəəyə diqqət yetirək
Əvvəlki prinsipə görə, düz dizaynda qrafika sadə olduğundan, son dərəcə vacib element tipoqrafiyadır - yazıların dizaynıdır. Düz dizaynda düymələrlə birlikdə tipoqrafiya ön plana çıxır.
Şriftlər oxunaqlı olmalı və təbii ki, dizayna uyğun olmalıdır, sadə dizaynda olduğu kimi, son dərəcə bəzəkli şriftlər yersiz görünəcək. Bununla belə, adi şriftlərdən istifadə etməməlisiniz, təcrübə etmək və istifadəçinin diqqətini cəlb edəcək birini seçmək daha yaxşıdır.
Siz sadə sans-serif şriftini sənət elementi kimi qəbul ediləcək bəzi yeni şriftlərlə birləşdirməyi düşünə bilərsiniz. Şriftlər dizaynın daha sadə və aydın olmasına kömək etməlidir, düymələr və digər elementlər isə yalnız interaktivliyin artırılmasına xidmət etməlidir.
4. Rənglə diqqəti cəlb edək
Düz dizaynda rəng demək olar ki, əsas rol oynayır. Bu konsepsiya əsasında yaradılan saytları diqqətlə öyrənsəniz, diqqətinizi çəkən ilk şey parlaq rəng palitrasıdır. Bu, adətən iki və ya üç olan bir neçə ziddiyyətli saf (çalarsız) rənglərdən ibarətdir, baxmayaraq ki, bu rəqəm səkkizə çata bilər. Üstəlik, bütün bu rənglər adətən bərabər istifadə olunur.
Ən məşhur rənglər əsas və ikincil rənglərdir. Yəni əsas rənglər (siyan, magenta, sarı, qara) və onların qarışdırılması əsasında əldə edilənlər. Həm də çox vaxt düz bir dizayn yaratarkən rəng sxemində retro rənglər istifadə olunur, məsələn, qızılbalıq, bənövşəyi və s.
5. Minimalizm
Düz dizayn təbiətcə sadədir və minimalist bir yanaşma ilə yaxşı uyğunlaşır.
Saytın ümumi dizaynında çoxlu zənglərdən və fitlərdən qaçınmaq lazımdır. Təbii ki, sadə rənglər və mətn kifayət etməyə bilər. Buna görə də, vizual effektlər əlavə etmək istəyirsinizsə, sadə fotoşəkilləri seçməlisiniz. Bəzi pərakəndə məhsul saytları məhsullarını sadə, diqqəti yayındırmayan fonda yerləşdirmək üçün düz dizayndan istifadə edir.
Qeyd etmək lazımdır ki, bəzi fotoşəkillər təbii dərinliyə malikdir, lakin ümumilikdə o, ümumi dizayn müstəvisinə uyğun gəlir.
İngilis dilindən tərcümə olunan "düz" sözü "düz" deməkdir. Yarandığı gündən Flat dizaynı bazarda lider mövqe tutaraq bir neçə ildir ki, öz mövqeyini saxlamağa davam edir.
Hər şeyin başladığı yer
Veb dizaynı yarandığı gündən bəri çoxlu sayda dəyişikliyə məruz qalıb. Sadə və darıxdırıcı elementlərdən üçölçülü, qabarıq və demək olar ki, materiala qədər uzun bir yol keçmişdir. Bunu Windows əməliyyat sisteminin görünüşünün dəyişdirilməsi nümunəsində asanlıqla görmək olar. Vizual komponent texnologiyanın inkişafı ilə paralel olaraq inkişaf edir. Lakin onun yeni tendensiyaları, daha doğrusu, minimalizmə və sadəliyə qayıdışa işarə edir.
Skeuomorfizmdən düz dizayna qədər
Düzdən əvvəlki üslub skeuomorfizm idi. Çox uzun müddətdir ki, əsas dizayn tendensiyası olmuşdur. Skeuomorfizm yalançı həcmli üslubdur, onun bütün elementləri kölgələrdən, təbii fakturalardan və digər əşyalardan istifadə edərək real obyektlərin (notebook, zəngli saat) görünüşünü təqlid edir. Onun parlaq nümunələri erkən smartfon interfeyslərində tapıldı. 2010-cu ildən sonra, böyük şirkətlərin dizaynerləri sadələşdirməyə baxmağa başlayanda və istifadəçi interfeyslərini inkişaf etdirərkən skeuomorfizmin əsas xüsusiyyətindən - üçölçülülükdən qurtulmağa başlayanda öz mövqeyini itirməyə başladı.
Üslublardakı fərqin əla vizual nümunəsi aşağıdakı fotoşəkildir. Soldakı şəkil düz dizayndır, sağdakı isə skeuomorfizmdir.
Düz üslubun xüsusiyyətləri
Flat iki ölçülü üslubdur. Hamar rəng keçidləri, kölgələr və ya üçölçülü fakturalar kimi vizual effektləri tamamilə yoxdur. Bir sözlə, təsviri üçölçülü edən hər şey.
Əsas məlumat məzmunu nişanlarda (Düz dizayn ikonu) var. Smartfon proqramlarına gəldikdə, onlar istifadəçi üçün mümkün qədər aydın olmalıdır. Veb saytlar üçün nişanlar onun spesifikliyini və məlumat mesajını əks etdirən əsas elementlərdir. Bir qayda olaraq, onlar xarakterik şərti təsviri olan sadə həndəsi fiqurlar, dairə və ya kvadrat şəklində təqdim olunur.
Flat dizaynını hazırlayarkən rəng sxeminə də diqqət yetirilir. O, monoton olmalı, müdaxilə etməməli və istifadəçinin diqqətini yayındırmamalıdır. Çox vaxt bir saf rəng və bir neçə ziddiyyətli çalar istifadə olunur. Yeri gəlmişkən, bəyəndiyiniz rənglərin hex kodlarını kopyalayaraq istifadə edə biləcəyiniz Flat dizayn rəngləri dəstləri ilə bir çox İnternet xidmətləri var.
Tipoqrafiya (mətn) kimi bir şey daha az əhəmiyyət kəsb etmir. Ümumi sadəliyə görə mətn komponenti xüsusilə seçilir. Bu o deməkdir ki, oxunaqlı olmalı və ümumi üsluba zidd olmamalıdır. Bu, şriftin və onun rənginin uğurlu seçimindən asılı olacaq.
Düz dizayn nümunələri
Gəlin ondan başlayaq ki, bir çox tanınmış internet resurslarının və sosial şəbəkələrin ikonaları daha yaltaq şəkildə dəyişib. Bir müddət əvvəl Google və YouTube nəhəngləri də dizaynlarını düzə çevirdilər. Windows əməliyyat sistemi, səkkizdən başlayaraq, əvvəlki versiyalarda bəzi istifadəçilərin gözlərini sevindirən nişanlardakı bütün həcm əlamətlərini tamamilə tərk etdi və Flat dizaynına riayət etməyə başladı. Bunu iOS və Android üçün mobil proqram tərtibatçıları izlədi.
Bir səhifəlik veb-saytlar (açılış səhifələri) Flat dizaynının üstünlüklərindən geniş istifadə edir, bunun üçün həlledici rol iddialı görünüş deyil, funksionallıq və oxunaqlılıq ilə oynayır.
Düz dizaynın təkamülü
Əvvəlcə Flat dizaynı həqiqətən tamamilə düz idi, bu da qabarıq düymələrə öyrəşmiş istifadəçilər üçün müəyyən çətinliklər yaratdı. Skeuomorfizmdə düymələrin tıklanabilirliyi dərhal nəzərə çarpırdısa, düz dizaynın ilk variasiyalarında elementlərin interaktivliyini ilk dəfə müəyyən etmək həmişə mümkün deyildi.
Microsoft düz üslubda hazırlanmış Windows 8-i buraxdıqdan sonra bütün istifadəçilər dərhal yeni interfeysi və hansı nişanları vura biləcəklərini anlaya bilmədilər. Elementlərin görünüşü heç bir şəkildə onlarla mümkün qarşılıqlı əlaqəni göstərmədi. Bu dizayn bu fikri qəbul edən mobil proqramlar üçün daha əlverişli idi. Apple bunu iOS 7 ilə ilk dəfə etdi.
Bununla belə, Düz dizayn hələ də dayanmır və daha mürəkkəbliyə doğru inkişaf edir. Bu gün o, getdikcə yarı düz bir dizayna və ya Flat 2.0 adlanır. Onda dərinlik effektləri, kölgələr və gradientlər görünməyə başladı. Düz dizaynda dərinlik elementləri müxtəlif səviyyələrdə və ya açılarda yerləşdirməklə əldə edilir.
Nə olursa olsun, üslub populyarlığın zirvəsindədir və böyük tələbatdır. Beləliklə, veb saytınızı dizayn etməyi planlaşdırırsınızsa, Flat dizaynını etibarlı şəkildə seçə bilərsiniz. Veb saytınız üçün bəzi çatışmayan elementlərə ehtiyacınız varsa, İnternetdə nişanlar, şriftlər, şablonlar və istifadəçi interfeysinin digər zəruri komponentləri kimi çox sayda Pulsuz düz dizayn UI elementlərini (pulsuz yükləyə bilərsiniz) tapa bilərsiniz.
Stilin müsbət və mənfi cəhətləri
Şübhəsiz ki, bugünkü sürətli həyatda belə təmkinli, informativ üslub sələfindən daha əlverişlidir. Düz dizayn bir sıra danılmaz üstünlüklərə malikdir.
Ən vacib şey, bəlkə də, veb səhifələrin sürətli yüklənməsidir. Düz dizayndan istifadə edən vebsaytlar animasiya və digər ağır obyektlərlə həddən artıq yüklənmiş saytlardan daha sürətli açılır. Yükləmə vaxtı SEO optimallaşdırılması və veb saytın zirvəyə yüksəldilməsi üçün xüsusilə vacibdir.
Sadələşdirilmiş görünüş mətnin oxunmasını asanlaşdırır və diqqətinizi əsas məzmuna yönəltməyə imkan verir.
Dizayn ahəngdar və vahid görünür, bu da ümumi xoş təəssürat yaradır.
Heç bir şey mükəmməl ola bilməz və Düz dizayn istisna deyil. Bütün görünən sadəliyinə baxmayaraq, həqiqətən uğurlu düz veb dizaynını inkişaf etdirmək o qədər də asan deyil. Onu darıxdırıcı və cəlbedici etmə ehtimalı var. Və ya əksinə, dizayndan kənara çıxın və funksionallığı unutun. Flat dizaynını inkişaf etdirərkən əsas vəzifə gözəllik və istifadə rahatlığı arasında mükəmməl tarazlığı qorumaqdır.
