"Yassi dizayn" inqilobi 2010-yilda Windows Phone platformasida taqdim etilganidan beri jadallikni davom ettirdi. Buning sababini tushunish qiyin emas: ushbu dizayndagi interfeys yanada intuitiv ko'rinadi, moslashuvchan elementlar, zamonaviy ramkalar uchun juda mos keladi va to'g'ri bajarilganda jozibali ko'rinadi.
Yassi dizayn hamma joyda mavjud bo'lgan skeuomorfik uslubga qarshi og'irlik sifatida boshlangan, ammo keyinchalik "V varianti" dan ko'proq narsaga aylandi.

Dastlab, kvartira minimalizmga to'liq e'tibor qaratgan holda faqat ikki o'lchovli edi. Zamonaviy flat 2.o "deyarli tekis" ko'rinishi uchun soyalar, gradientlar va boshqa elementlardan foydalanadi.

Zamonaviy tekis dizaynning 5 ta xarakterli komponenti:

1. Uzun soyalar
Uzoq soyalar interfeysni jozibador qiladigan minimalistik piktogramma tafsilotlarini qurbon qilmasdan tasvirlarga chuqurlik va hajm qo'shadi.

2. Dinamik ranglar
Baquvvat ranglar, ayniqsa engil soyalar bilan siyrak vizuallarni to'ldirish oson.
Elementlarning asosiy rangidan farqli o'laroq, turli xil fon ranglari kafel menyusi bilan sahifani yanada jonli qiladi.
Flat UI Colors veb-sayti yassi uchun eng samarali rang naqshlarini o'z ichiga oladi.

3. Oddiy tipografiya
Yassi shriftni tanlash bitta mezonga asoslanadi: o'qilishi. Odatda doimiy chiziq kengligi bilan Sans serif shriftlari qo'llaniladi.

4. Shaffof tugma
Zamonaviy veb-dizayndagi trend elementlaridan biri. Sababi, u ko'p e'tiborni tortmaydi, lekin tugma sifatida aniq tanib olinadi.

5. Minimalizm
Yassi va minimalizm bir xil tamoyillardan foydalangan holda yonma-yon ketadi: soddalik va mazmunga e'tibor.
Yassi dizayndan foydalanish universal echim bo'lib tuyulishi mumkin, ammo minimalizmni amalga oshirish qiyin: ishchi elementlar qanchalik kam bo'lsa, ular ko'proq e'tibor talab qiladi.

Yassi dizayn qanchalik zo'r ko'rinmasin, uning saytingiz uchun ishlashiga kafolat yo'q. Global qayta dizaynni rejalashtirishga arziydimi yoki yo'qligini bilish uchun uning asosiy afzalliklarini ko'rib chiqing.

Afzalliklari:
sezgir interfeysda ishlatiladi;
foydalanuvchi uchun navigatsiyani soddalashtiradi;
aniq tuzilma va sxematik vizuallar sahifaning ichki mantig'ini ta'kidlaydi;
grafiklarning soddaligi tufayli sahifalarni tez yuklash;
Tanish tipografiya o'qishni yaxshilaydi.

Yassi dizayn oddiylik va minimalizm bilan bog'liq bo'lib, boshqa tomondan, vizual jihatdan murakkab xabarlarni etkazishni qiyinlashtiradi. Shuning uchun, interfeysni soddalashtirishga shoshilmasdan oldin, sayt va foydalanuvchi o'rtasidagi o'zaro ta'sirni diqqat bilan ko'rib chiqishingiz kerak.

Veb-dizayn tendentsiyalari kitobiga asoslangan.

Ushbu maqolada men sizga tekis dizayn haqida gapirib beraman. Ehtimol, siz bu haqda biror narsa eshitgan bo'lsangiz kerak, chunki kvartira so'nggi bir necha yil ichida Internetdagi etakchi tendentsiyalardan biriga aylandi.

Bugun biz tekis dizayn nima ekanligini, u qanday paydo bo'lganini va toza, yorqin va sezgir dizaynni yaratish uchun nima kerakligini ko'rib chiqamiz.

Yassi dizaynning yaxshi namunalarini http://market.envato.com/ saytida topishingiz mumkin. Zamonaviy dizayn qanday ko'rinishini aniq tushunishga yordam beradigan ko'plab maketlar, piktogrammalar va shablonlar mavjud. .

1. Yassi dizayn nima?

Yassi dizayn - minimalizm bilan ajralib turadigan foydalanuvchi interfeysi va grafik dizaynning zamonaviy uslubi. Yassi dizayn minimal elementlardan foydalanish va tekstura, soya va yorug'likning turli effektlarining yo'qligi bilan tavsiflanadi, masalan: aralash ranglar, gradientlar, yorqin ranglar va boshqalar.

Yassi skeuomorfizmga qarshi( Skeuomorfizm - bir mahsulotga boshqasining ko'rinishi berilganda dizayn printsipi, ya'ni. turli interfeys elementlari haqiqiy ob'ektlardan ko'chirilganda - taxminan.) , shuningdek, boy dizayn Biroq, shuni aytish kerakki, tekis dizayn birinchi qarashda ko'rinadigan darajada oddiy emas. U skeuomorfizmning ba'zi xususiyatlarini o'z ichiga oladi, ammo biz bu haqda biroz keyinroq gaplashamiz.

Umuman olganda, flat foydalanuvchining diqqatini kontentga qaratishga yordam beradi, vizuallar bilan chalg'itmaydi. Yassi dizayn elementlarning soddaligini ta'kidlaydi, shu bilan birga interfeysni yanada sezgir, yoqimli va ishlatish uchun qulay qiladi.

2. Bir oz tarix

Yassi dizayn, siz bilganingizdek, Internetda global tendentsiyaga aylanishidan ancha oldin mavjud edi. Yassi dizayn 80-yillarda juda mashhur edi, chunki o'sha paytda texnologiya hali murakkab effektlar, teksturalar va soyalarni qo'llab-quvvatlash uchun etarli darajada ishlab chiqilmagan. Biroq, shunga qaramay, dizayn skeuphomorfizmga intilib, interfeys elementlarini iloji boricha realistik qilishga harakat qildi.

Yassi dizayn, biz hozir ko'rib turgan shaklda, Microsoft metro uslubi deb ataladigan mahsulotlarni ishlab chiqarishni boshlaganidan keyin mashhurlikka erisha boshladi. Metro - bu Microsoft kompaniyasining UI dizayni bo'lib, u o'zining uslubi va soddaligi bilan hayratlanarli.

2010 yilda Microsoft Windows Phone 7-ni chiqardi, u o'zining oldingi mahsulotlaridan meros bo'lib qolgan o'tkir qirralari va oddiy grafikalari bilan tekis dizayndan foydalangan. Microsoft (Zune). Keyinchalik, muvaffaqiyatdan ilhomlanib, Microsoft xuddi shu tekis Metro uslubiga asoslangan Windows 8 operatsion tizimini chiqardi.

Axir, tekis dizayn 2013 yilda Apple kompaniyasini chiqarganida mashhurlik cho'qqisiga chiqdi iOS 7, butunlay qayta ishlangan foydalanuvchi interfeysi elementlari, jumladan, piktogramma va shriftlar bilan mutlaqo yangi dizaynga ega. Apple yaratgan UI va ikonka dizaynining vizual tamoyillari .

Ko'p o'tmay, Google ham o'zining ilovalari va veb-sahifalarida tekis uslubdan foydalanishni boshladi va uni chaqirdi Materiallar dizayni. Google hatto ushbu uslubga bag'ishlangan butun bo'limga ega, jumladan, veb-dizayn maqsadlari tavsifi, uning tamoyillari va turli dizayn ob'ektlarini yaratish bo'yicha ko'rsatmalar: piktogrammalar, maketlar va boshqalar.

O'shandan beri kvartira veb-dizaynning asosiy tendentsiyasiga aylandi, bu veb-saytlar, ilovalar va interfeys elementlarini oqlangan, toza va zamonaviy qiladi.

Shunday qilib, kompaniyalar tomonidan tekis dizaynning uchta global misoli mavjud, ularsiz zamonaviy texnologiya dunyosini tasavvur qilish qiyin:

Microsoft kompaniyasining Metro dizayni

Apple iOS 7 dizayni

Google material dizayni

3. Toza bo'lishni unutmang

Yassi dizayn uch o'lchovli elementlarning yo'qligi va gradientlar, teksturalar, yorug'liklar, yarim tonnalar, soyalar kabi real effektlar yo'qligi sababli "tekis" deb nomlanadi. Esingizda bo'lsin, tekis uslub - bu ob'ektlarni tasvirlashning ikki o'lchovli (tekis) usuli.

Bundan tashqari, tekis dizaynda ob'ektlar juda soddalashtirilgan va stilize qilingan tarzda tasvirlangan.

Va ba'zan hatto ob'ektning faqat silueti yoki konturlari ham ishlatiladi, ya'ni. ob'ektni taniqli qilish uchun etarli, lekin uni mayda tafsilotlar bilan ortiqcha yuklamang.

Bugungi kunda minimalizm global tendentsiyaga aylandi: shakllarning soddaligi va o'tkir qirralarning ishlatilishi toza va yoqimli dizayn yaratadi. Oddiy shakllar aniqroq va tushunish oson. Bu dizaynni minimalistik va toza saqlaydi, unga band va tartibsiz ko'rinish beradi.

4. Uni mukammallikka keltiring

Bilingki, tekis piktogramma va UI elementlarini yaratish haqida gap ketganda, siz ularni aniq, toza va pikselli mukammal ko'rinishga keltirishingiz kerak, ya'ni. iloji boricha. Bundan tashqari, bu rastr va vektor grafika uchun ham amal qiladi.

Adobe Photoshop bu erda aniq: u piksellarga asoslangan rastrli grafikalar bilan ishlaydi.

Adobe Illustrator dasturiga kelsak, u matematik formulalar bilan aniqlangan vektor deb ataladigan egri va chiziqlardan iborat vektor grafikalaridan foydalanadi.

Bir vaqtlar Adobe Illustrator pikselli grafika yaratish uchun unchalik qulay dastur emas edi. Yaxshi xabar shundaki, Illustrator-ning so'nggi versiyalari yaxshi grafikalar yaratish uchun ajoyib vositaga aylandi.

Aytishim kerakki, vektor grafikasi asosan oddiy, tekis shakllar, sof ranglar va to'rlar bilan ishlashni o'z ichiga oladi. Adobe Illustrator o'z sozlamalarida juda moslashuvchan va sizga tarmoqni ehtiyojlaringizga moslashtirish, ob'ektlarni tekislash va turli xil snappinglardan foydalanish imkonini beradi. Bu har qanday displeyda toza va zamonaviy ko'rinadigan mukammal dizaynni yaratishni osonlashtiradi. Agar siz mukammal grafiklarni qanday yaratishni o'rganmoqchi bo'lsangiz, unda siz maqolani o'qishingiz kerak: Adobe Illustrator-dan foydalanib, pikselli san'at asarini qanday yaratish mumkin .

5. Rang

Yassi dizaynning eng o'ziga xos xususiyatlaridan biri, soyalardan tashqari, rangdan foydalanishdir. Yassi dizayn elementlarida foydalanadigan ranglarning aksariyati bir nechta asosiy ranglardan iborat.

Yassi dizayndagi rang yorqin, boy va boy.Yassi rang sxemasi bir nechta maxsus ranglar bilan chegaralanmaydi, u ko'plab soyalarni o'z ichiga oladi va ularning tanlovi faqat siz tasvirlayotgan narsalarga bog'liq, xoh u murakkab retro palitradagi shirinliklar piktogrammasi yoki retro uslubidagi narsalar.

Aytaylik, siz ranglar palitrasini yaxshi tushunadigan UI dizaynerisiz va siz Photoshop va Illustartor dasturlarida ranglar paneli bilan tajriba o‘tkazyapsiz, ranglarni xohlagancha aralashtiryapsiz. Biroq, bu jarayon ancha murakkab va yaxshi sezgi, tajriba va ko'nikmalarni talab qiladi. Bu erda siz o'zingizning rang palitrangizni yaratishga yordam beradigan ba'zi vositalarni topasiz.

Ulardan ba'zilari nafaqat tekis dizaynga, balki barcha turdagi dizayn va illyustratsiyaga mos keladi. Masalan, Cooler nomi bilan mashhur Adobe Color CC. Bugungi kunda unga veb-sayt orqali ham, to'g'ridan-to'g'ri Adobe mahsulotlari orqali ham kirish mumkin. Cooler - bu o'z ranglar palitrasini yaratish yoki kutubxonadagi maxsus palitradan tanlash imkonini beruvchi juda moslashuvchan vosita.

Yana bir oddiy va qulay rang palitrasi generatori - Coolors. Shunchaki bo'sh joy tugmasini bosing va dastur ranglar palitrasini yaratadi, siz ranglarni sozlashingiz mumkin, eksport funktsiyasi ham mavjud.

Foydali bo'lishi mumkin bo'lgan maxsus palitralar bilan bir nechta shunga o'xshash xizmatlar mavjud. Biroq, Designmodo tomonidan FlatUIColors.com tomonidan maxsus yaratilgan bitta vosita mavjud - bu ish uchun juda qulay bo'lgan "tekis" ranglar to'plamiga ega. Ushbu sayt mukammal dizayn uchun yaxshi rangli echimlarni izlayotgan dizaynerlar orasida juda mashhur bo'ldi. Sinab ko'ring!

Bundan tashqari, siz turli xil ranglar va palitralarni topishingiz mumkin Google material dizayni bo'yicha qo'llanma.

6. Uzun soyalar

Yuqorida aytib o'tilganidek, tekis dizayn soddaligi va juda ko'p bo'sh joy bilan ajralib turadi - shuning uchun tekis dizayn har qanday effektlardan foydalanishni rad etadi. Biroq, tekis dizaynga xos bo'lgan bitta ta'sir mavjud. Bu ta'sir tendentsiya va kvartiraning o'ziga xos xususiyatiga aylandi.

Biz hozir uzun soyalar haqida gapiramiz. Ularda bu effektni tanib olish mumkin bo'lgan ba'zi tipik xususiyatlarga ega, xususan: 45 graduslik qiyalik va katta o'lcham (soya ob'ektning o'zidan bir necha barobar uzunroq bo'lishi mumkin. Natijada, uzun soyalar tekislikka biroz chuqurlik effektini beradi.

Bu effekt ob'ektni ko'proq uch o'lchamli qiladi, lekin ayni paytda uni tekis dizayn kontekstida saqlaydi.

7. Shriftlar bilan ishlash

Yassi dizaynda tipografiya katta rol o'ynaydi. Ko'pincha matn kompozitsiyaning asosiy elementiga aylanadi.

Yassi dizaynlar odatda oddiy shrift uslublaridan foydalanadi, bu butun dizaynni umuman toza va o'qilishi mumkin qiladi. Agar siz Adobe mahsulotlaridan foydalansangiz, Adobe Typekit-da ko'plab bepul shriftlarni topishingiz mumkin. Font Squirrel-da siz juda ko'p yaxshi bepul shriftlarni topasiz. Ammo shriftdan tijorat maqsadlarida foydalanmoqchi bo'lsangiz, litsenziyani o'qishni unutmang.

Ko'pincha tekis dizaynda katta harflar va kontrast ranglardan foydalanish odatiy holdir, bu matnni yanada aniqroq qiladi.

Shriftlardan tejamkorlik bilan foydalaning, ular alohida element sifatida ko'rinmasdan, dizaynni to'ldirishi va to'ldirishi kerakligini yodda tuting, bu siz serif yoki qo'lda yozilgan murakkab shriftlardan foydalana olmaysiz degani emas. Faqat minimal bo'lishni unutmang va hamma narsani muvozanatda saqlang. Biroq, flat hali ham ko'pincha sans-serif shriftlaridan foydalanadi, chunki ular yanada qat'iy va toza ko'rinadi.

8. Yassi dizaynning ijobiy va salbiy tomonlari

Yassi dizayni juda ko'p afzalliklari tufayli juda mashhur bo'lgan bo'lsa-da, dizaynerlar ushbu uslubdan foydalanishda hali ham ba'zi kamchiliklarga duch kelishadi. Keling, ijobiy va salbiy tomonlarini ko'rib chiqaylik.

Pros

Mashhurlik

Yassi dizayn trendga aylandi, dizaynerlar va veb-dizaynerlar tomonidan tobora ko'proq ijobiy sharhlarga ega bo'ldi va u o'z mavqeini umuman yo'qotmaganga o'xshaydi. Aksincha, u tobora kengayib bormoqda, qandaydir yangi shakl va xususiyatlarga ega bo'lib, tobora kuchayib bormoqda.

Oddiylik

Yassi dizayn oddiy, minimalist va toza. Yassi veb-kontent foydalanuvchilarga vizual narsalar bilan chalg'imasdan, diqqatni tarkibga qaratishga yordam beradi. Bu mobil ilova interfeyslari uchun ham ishlaydi: katta tugmalar bilan toza dizayn mobil tajribani mukammal qiladi.

Yorqinlik

Rang tekis dizayndagi yana bir ajoyib ortiqcha. Yorqin va boy ranglar jozibali va toza ko'rinadi va gradientlarning etishmasligi dizaynni zamonaviy qiladi. Bundan tashqari, bunday sof ranglar uni yanada ijobiy qiladi va tekis dizayn to'g'ri kayfiyatni yaratadi;

Kamchiliklar

Yassi yana ko'p afzalliklarga ega, ammo hech qanday dizayn mukammal emas va biz uni ideallashtira olmaymiz. Yassi dizaynning ba'zi kamchiliklari, biz aytib o'tishimiz kerak:

Javob bermaslik

Ba'zida muhim tafsilotlar yoki vizual effektlarning etishmasligi foydalanuvchilarga qulay interfeys yaratish jarayonini qiyinlashtiradi va bu odatda butun dizaynni javobsiz qiladi. Barcha foydalanuvchilar kvartira bilan qulay emas, chunki mobil telefon ekranida bosishingiz yoki bosishingiz kerak bo'lgan veb-sahifadagi elementlarni topish qiyin bo'lishi mumkin, chunki ular interaktiv emas.

Tipografiya muammolari

Yuqorida aytib o'tilganidek, har bir shrift tekis dizayn uchun mos bo'lishi mumkin emas. Ba'zan o'tkir qirralari bo'lgan bunday boy shrift haqiqatan ham muvozanatli va zamonaviy ko'rinadi. Biroq, agar shrift noto'g'ri tanlangan bo'lsa, u butun dizaynni buzishi mumkin. Qaysi shriftlar tekis va qaysi biri mos emasligini yaxshi his qilishingiz kerak.

Zaif vizual

Effektlar, ranglar va shriftlardan foydalanishdagi cheklovlar tufayli tekis dizaynlar juda oddiy va sovuq ko'rinishi mumkin. Uning minimalizmi ham asosiy kamchilik bo'lishi mumkin - boshqa tekis dizaynlar oxir-oqibat sizniki bilan bir xil ko'rinadi. Shunday qilib, sizning piktogrammalaringiz yoki veb-sahifalaringizni boshqa birovning dizaynidan farqli qilish juda qiyin, chunki siz bir xil soddalashtirilgan shakllar, cheklangan rang palitralari va shunga o'xshash shriftlardan foydalanasiz. Natijada, tekis dizayn vaqt o'tishi bilan zerikarli bo'lishi mumkin.

9. Kelajakdagi tekis dizayn tendentsiyalari

Yassi dizayn to'liq shakllangan va o'z yo'lida to'xtagan deb aytish mumkin emas, ehtimol bu uning kamchiliklari tufaylidir, yassi dizayn rivojlanish va o'zgarishga intiladi, yangi xususiyatlarga ega bo'ladi va vizual ekspressivlikni oshiradi.

Yassi dizaynning so'nggi misoliga diqqat bilan qarasangiz, bu haqiqatan ham ekanligini payqashingiz mumkinasta-sekin o'zining qattiq vositalaridan uzoqlashadi va gradientlar, soyalar, yorug'lik va boshqa vizual effektlar kabi nozik effektlarni qo'shishni boshlaydi.

Ushbu kichik teginishlar skeuomorfik dizaynlar kabi haddan tashqari tafsilotlarsiz tekis dizaynga chuqurlik beradi.

Shunday qilib, tekis o'z xususiyatlarini yo'qotmaydi, balki yanada qiziqarli va moslashuvchan bo'ladi- u haqiqatan ham yaxshilanmoqda.

Xulosa

Shunday qilib, biz tekis dizayn tarixidan ba'zi faktlarni muhokama qildik va ranglar, shakllar va tipografiya haqida gaplashdik. Biz turli nuqtai nazarlarni ko'rib chiqdik, tekis dizaynning afzalliklari va kamchiliklariga e'tibor qaratdik va yaxshi dizayn yaratishning ba'zi asosiy tamoyillarini bilib oldik.

Umid qilamanki, siz ushbu maqoladan yangi narsalarni o'rgandingiz yoki hech bo'lmaganda uni qiziqarli deb topdingiz. Agar siz ilgari buni qilmagan bo'lsangiz, tekis dizaynni yaratishga harakat qilishingiz kerak.

Axir, tekis dizayn haqida yana nima deyish mumkin?

Agar sizga o'tkir qirralari, boy ranglari va tiniq shriftlari, tozaligi va minimalizmi bilan tekislikni yoqtirsangiz, unda boring!

Bu moda, lekin har qanday grafik uslubda bo'lgani kabi, o'zingizni faqat bitta texnika bilan cheklamang. Yassi zamonaviy bo'lganligi sizning loyihangizda boshqa uslublardan foydalana olmaysiz degani emas. Skeuomorfizm o'zining mayda detallari va teksturalari bilan ham yaxshi yechim bo'lishi mumkin. Asosiysi, dizayn har bir loyiha uchun har xil ekanligini unutmaslikdir, u qulay va funktsional bo'lib, uning ruhini, maqsadini, mohiyatini ifodalashi kerak. Oldinga!

Ushbu maqolada men sizga tekis dizayn haqida gapirib beraman. Ehtimol, siz bu haqda biror narsa eshitgan bo'lsangiz kerak, chunki kvartira so'nggi bir necha yil ichida Internetdagi etakchi tendentsiyalardan biriga aylandi.

Bugun biz tekis dizayn nima ekanligini, u qanday paydo bo'lganini va toza, yorqin va sezgir dizaynni yaratish uchun nima kerakligini ko'rib chiqamiz.

Yassi dizaynning yaxshi namunalarini http://market.envato.com/ saytida topishingiz mumkin. Zamonaviy dizayn qanday ko'rinishini aniq tushunishga yordam beradigan ko'plab maketlar, piktogrammalar va shablonlar mavjud. .

1. Yassi dizayn nima?

Yassi dizayn - minimalizm bilan ajralib turadigan foydalanuvchi interfeysi va grafik dizaynning zamonaviy uslubi. Yassi dizayn minimal elementlardan foydalanish va tekstura, soya va yorug'likning turli effektlarining yo'qligi bilan tavsiflanadi, masalan: aralash ranglar, gradientlar, yorqin ranglar va boshqalar.

Yassi skeuomorfizmga qarshi( Skeuomorfizm - bir mahsulotga boshqasining ko'rinishi berilganda dizayn printsipi, ya'ni. turli interfeys elementlari haqiqiy ob'ektlardan ko'chirilganda - taxminan.) , shuningdek, boy dizayn Biroq, shuni aytish kerakki, tekis dizayn birinchi qarashda ko'rinadigan darajada oddiy emas. U skeuomorfizmning ba'zi xususiyatlarini o'z ichiga oladi, ammo biz bu haqda biroz keyinroq gaplashamiz.

Umuman olganda, flat foydalanuvchining diqqatini kontentga qaratishga yordam beradi, vizuallar bilan chalg'itmaydi. Yassi dizayn elementlarning soddaligini ta'kidlaydi, shu bilan birga interfeysni yanada sezgir, yoqimli va ishlatish uchun qulay qiladi.

2. Bir oz tarix

Yassi dizayn, siz bilganingizdek, Internetda global tendentsiyaga aylanishidan ancha oldin mavjud edi. Yassi dizayn 80-yillarda juda mashhur edi, chunki o'sha paytda texnologiya hali murakkab effektlar, teksturalar va soyalarni qo'llab-quvvatlash uchun etarli darajada ishlab chiqilmagan. Biroq, shunga qaramay, dizayn skeuphomorfizmga intilib, interfeys elementlarini iloji boricha realistik qilishga harakat qildi.

Yassi dizayn, biz hozir ko'rib turgan shaklda, Microsoft metro uslubi deb ataladigan mahsulotlarni ishlab chiqarishni boshlaganidan keyin mashhurlikka erisha boshladi. Metro - bu Microsoft kompaniyasining UI dizayni bo'lib, u o'zining uslubi va soddaligi bilan hayratlanarli.

2010 yilda Microsoft Windows Phone 7-ni chiqardi, u o'zining oldingi mahsulotlaridan meros bo'lib qolgan o'tkir qirralari va oddiy grafikalari bilan tekis dizayndan foydalangan. Microsoft (Zune). Keyinchalik, muvaffaqiyatdan ilhomlanib, Microsoft xuddi shu tekis Metro uslubiga asoslangan Windows 8 operatsion tizimini chiqardi.

Axir, tekis dizayn 2013 yilda Apple kompaniyasini chiqarganida mashhurlik cho'qqisiga chiqdi iOS 7, butunlay qayta ishlangan foydalanuvchi interfeysi elementlari, jumladan, piktogramma va shriftlar bilan mutlaqo yangi dizaynga ega. Apple yaratgan UI va ikonka dizaynining vizual tamoyillari .

Ko'p o'tmay, Google ham o'zining ilovalari va veb-sahifalarida tekis uslubdan foydalanishni boshladi va uni chaqirdi Materiallar dizayni. Google hatto ushbu uslubga bag'ishlangan butun bo'limga ega, jumladan, veb-dizayn maqsadlari tavsifi, uning tamoyillari va turli dizayn ob'ektlarini yaratish bo'yicha ko'rsatmalar: piktogrammalar, maketlar va boshqalar.

O'shandan beri kvartira veb-dizaynning asosiy tendentsiyasiga aylandi, bu veb-saytlar, ilovalar va interfeys elementlarini oqlangan, toza va zamonaviy qiladi.

Shunday qilib, kompaniyalar tomonidan tekis dizaynning uchta global misoli mavjud, ularsiz zamonaviy texnologiya dunyosini tasavvur qilish qiyin:

Microsoft kompaniyasining Metro dizayni

Apple iOS 7 dizayni

Google material dizayni

3. Toza bo'lishni unutmang

Yassi dizayn uch o'lchovli elementlarning yo'qligi va gradientlar, teksturalar, yorug'liklar, yarim tonnalar, soyalar kabi real effektlar yo'qligi sababli "tekis" deb nomlanadi. Esingizda bo'lsin, tekis uslub - bu ob'ektlarni tasvirlashning ikki o'lchovli (tekis) usuli.

Bundan tashqari, tekis dizaynda ob'ektlar juda soddalashtirilgan va stilize qilingan tarzda tasvirlangan.

Va ba'zan hatto ob'ektning faqat silueti yoki konturlari ham ishlatiladi, ya'ni. ob'ektni taniqli qilish uchun etarli, lekin uni mayda tafsilotlar bilan ortiqcha yuklamang.

Bugungi kunda minimalizm global tendentsiyaga aylandi: shakllarning soddaligi va o'tkir qirralarning ishlatilishi toza va yoqimli dizayn yaratadi. Oddiy shakllar aniqroq va tushunish oson. Bu dizaynni minimalistik va toza saqlaydi, unga band va tartibsiz ko'rinish beradi.

4. Uni mukammallikka keltiring

Bilingki, tekis piktogramma va UI elementlarini yaratish haqida gap ketganda, siz ularni aniq, toza va pikselli mukammal ko'rinishga keltirishingiz kerak, ya'ni. iloji boricha. Bundan tashqari, bu rastr va vektor grafika uchun ham amal qiladi.

Adobe Photoshop bu erda aniq: u piksellarga asoslangan rastrli grafikalar bilan ishlaydi.

Adobe Illustrator dasturiga kelsak, u matematik formulalar bilan aniqlangan vektor deb ataladigan egri va chiziqlardan iborat vektor grafikalaridan foydalanadi.

Bir vaqtlar Adobe Illustrator pikselli grafika yaratish uchun unchalik qulay dastur emas edi. Yaxshi xabar shundaki, Illustrator-ning so'nggi versiyalari yaxshi grafikalar yaratish uchun ajoyib vositaga aylandi.

Aytishim kerakki, vektor grafikasi asosan oddiy, tekis shakllar, sof ranglar va to'rlar bilan ishlashni o'z ichiga oladi. Adobe Illustrator o'z sozlamalarida juda moslashuvchan va sizga tarmoqni ehtiyojlaringizga moslashtirish, ob'ektlarni tekislash va turli xil snappinglardan foydalanish imkonini beradi. Bu har qanday displeyda toza va zamonaviy ko'rinadigan mukammal dizaynni yaratishni osonlashtiradi. Agar siz mukammal grafiklarni qanday yaratishni o'rganmoqchi bo'lsangiz, unda siz maqolani o'qishingiz kerak: Adobe Illustrator-dan foydalanib, pikselli san'at asarini qanday yaratish mumkin .

5. Rang

Yassi dizaynning eng o'ziga xos xususiyatlaridan biri, soyalardan tashqari, rangdan foydalanishdir. Yassi dizayn elementlarida foydalanadigan ranglarning aksariyati bir nechta asosiy ranglardan iborat.

Yassi dizayndagi rang yorqin, boy va boy.Yassi rang sxemasi bir nechta maxsus ranglar bilan chegaralanmaydi, u ko'plab soyalarni o'z ichiga oladi va ularning tanlovi faqat siz tasvirlayotgan narsalarga bog'liq, xoh u murakkab retro palitradagi shirinliklar piktogrammasi yoki retro uslubidagi narsalar.

Aytaylik, siz ranglar palitrasini yaxshi tushunadigan UI dizaynerisiz va siz Photoshop va Illustartor dasturlarida ranglar paneli bilan tajriba o‘tkazyapsiz, ranglarni xohlagancha aralashtiryapsiz. Biroq, bu jarayon ancha murakkab va yaxshi sezgi, tajriba va ko'nikmalarni talab qiladi. Bu erda siz o'zingizning rang palitrangizni yaratishga yordam beradigan ba'zi vositalarni topasiz.

Ulardan ba'zilari nafaqat tekis dizaynga, balki barcha turdagi dizayn va illyustratsiyaga mos keladi. Masalan, Cooler nomi bilan mashhur Adobe Color CC. Bugungi kunda unga veb-sayt orqali ham, to'g'ridan-to'g'ri Adobe mahsulotlari orqali ham kirish mumkin. Cooler - bu o'z ranglar palitrasini yaratish yoki kutubxonadagi maxsus palitradan tanlash imkonini beruvchi juda moslashuvchan vosita.

Yana bir oddiy va qulay rang palitrasi generatori - Coolors. Shunchaki bo'sh joy tugmasini bosing va dastur ranglar palitrasini yaratadi, siz ranglarni sozlashingiz mumkin, eksport funktsiyasi ham mavjud.

Foydali bo'lishi mumkin bo'lgan maxsus palitralar bilan bir nechta shunga o'xshash xizmatlar mavjud. Biroq, Designmodo tomonidan FlatUIColors.com tomonidan maxsus yaratilgan bitta vosita mavjud - bu ish uchun juda qulay bo'lgan "tekis" ranglar to'plamiga ega. Ushbu sayt mukammal dizayn uchun yaxshi rangli echimlarni izlayotgan dizaynerlar orasida juda mashhur bo'ldi. Sinab ko'ring!

Bundan tashqari, siz turli xil ranglar va palitralarni topishingiz mumkin Google material dizayni bo'yicha qo'llanma.

6. Uzun soyalar

Yuqorida aytib o'tilganidek, tekis dizayn soddaligi va juda ko'p bo'sh joy bilan ajralib turadi - shuning uchun tekis dizayn har qanday effektlardan foydalanishni rad etadi. Biroq, tekis dizaynga xos bo'lgan bitta ta'sir mavjud. Bu ta'sir tendentsiya va kvartiraning o'ziga xos xususiyatiga aylandi.

Biz hozir uzun soyalar haqida gapiramiz. Ularda bu effektni tanib olish mumkin bo'lgan ba'zi tipik xususiyatlarga ega, xususan: 45 graduslik qiyalik va katta o'lcham (soya ob'ektning o'zidan bir necha barobar uzunroq bo'lishi mumkin. Natijada, uzun soyalar tekislikka biroz chuqurlik effektini beradi.

Bu effekt ob'ektni ko'proq uch o'lchamli qiladi, lekin ayni paytda uni tekis dizayn kontekstida saqlaydi.

7. Shriftlar bilan ishlash

Yassi dizaynda tipografiya katta rol o'ynaydi. Ko'pincha matn kompozitsiyaning asosiy elementiga aylanadi.

Yassi dizaynlar odatda oddiy shrift uslublaridan foydalanadi, bu butun dizaynni umuman toza va o'qilishi mumkin qiladi. Agar siz Adobe mahsulotlaridan foydalansangiz, Adobe Typekit-da ko'plab bepul shriftlarni topishingiz mumkin. Font Squirrel-da siz juda ko'p yaxshi bepul shriftlarni topasiz. Ammo shriftdan tijorat maqsadlarida foydalanmoqchi bo'lsangiz, litsenziyani o'qishni unutmang.

Ko'pincha tekis dizaynda katta harflar va kontrast ranglardan foydalanish odatiy holdir, bu matnni yanada aniqroq qiladi.

Shriftlardan tejamkorlik bilan foydalaning, ular alohida element sifatida ko'rinmasdan, dizaynni to'ldirishi va to'ldirishi kerakligini yodda tuting, bu siz serif yoki qo'lda yozilgan murakkab shriftlardan foydalana olmaysiz degani emas. Faqat minimal bo'lishni unutmang va hamma narsani muvozanatda saqlang. Biroq, flat hali ham ko'pincha sans-serif shriftlaridan foydalanadi, chunki ular yanada qat'iy va toza ko'rinadi.

8. Yassi dizaynning ijobiy va salbiy tomonlari

Yassi dizayni juda ko'p afzalliklari tufayli juda mashhur bo'lgan bo'lsa-da, dizaynerlar ushbu uslubdan foydalanishda hali ham ba'zi kamchiliklarga duch kelishadi. Keling, ijobiy va salbiy tomonlarini ko'rib chiqaylik.

Pros

Mashhurlik

Yassi dizayn trendga aylandi, dizaynerlar va veb-dizaynerlar tomonidan tobora ko'proq ijobiy sharhlarga ega bo'ldi va u o'z mavqeini umuman yo'qotmaganga o'xshaydi. Aksincha, u tobora kengayib bormoqda, qandaydir yangi shakl va xususiyatlarga ega bo'lib, tobora kuchayib bormoqda.

Oddiylik

Yassi dizayn oddiy, minimalist va toza. Yassi veb-kontent foydalanuvchilarga vizual narsalar bilan chalg'imasdan, diqqatni tarkibga qaratishga yordam beradi. Bu mobil ilova interfeyslari uchun ham ishlaydi: katta tugmalar bilan toza dizayn mobil tajribani mukammal qiladi.

Yorqinlik

Rang tekis dizayndagi yana bir ajoyib ortiqcha. Yorqin va boy ranglar jozibali va toza ko'rinadi va gradientlarning etishmasligi dizaynni zamonaviy qiladi. Bundan tashqari, bunday sof ranglar uni yanada ijobiy qiladi va tekis dizayn to'g'ri kayfiyatni yaratadi;

Kamchiliklar

Yassi yana ko'p afzalliklarga ega, ammo hech qanday dizayn mukammal emas va biz uni ideallashtira olmaymiz. Yassi dizaynning ba'zi kamchiliklari, biz aytib o'tishimiz kerak:

Javob bermaslik

Ba'zida muhim tafsilotlar yoki vizual effektlarning etishmasligi foydalanuvchilarga qulay interfeys yaratish jarayonini qiyinlashtiradi va bu odatda butun dizaynni javobsiz qiladi. Barcha foydalanuvchilar kvartira bilan qulay emas, chunki mobil telefon ekranida bosishingiz yoki bosishingiz kerak bo'lgan veb-sahifadagi elementlarni topish qiyin bo'lishi mumkin, chunki ular interaktiv emas.

Tipografiya muammolari

Yuqorida aytib o'tilganidek, har bir shrift tekis dizayn uchun mos bo'lishi mumkin emas. Ba'zan o'tkir qirralari bo'lgan bunday boy shrift haqiqatan ham muvozanatli va zamonaviy ko'rinadi. Biroq, agar shrift noto'g'ri tanlangan bo'lsa, u butun dizaynni buzishi mumkin. Qaysi shriftlar tekis va qaysi biri mos emasligini yaxshi his qilishingiz kerak.

Zaif vizual

Effektlar, ranglar va shriftlardan foydalanishdagi cheklovlar tufayli tekis dizaynlar juda oddiy va sovuq ko'rinishi mumkin. Uning minimalizmi ham asosiy kamchilik bo'lishi mumkin - boshqa tekis dizaynlar oxir-oqibat sizniki bilan bir xil ko'rinadi. Shunday qilib, sizning piktogrammalaringiz yoki veb-sahifalaringizni boshqa birovning dizaynidan farqli qilish juda qiyin, chunki siz bir xil soddalashtirilgan shakllar, cheklangan rang palitralari va shunga o'xshash shriftlardan foydalanasiz. Natijada, tekis dizayn vaqt o'tishi bilan zerikarli bo'lishi mumkin.

9. Kelajakdagi tekis dizayn tendentsiyalari

Yassi dizayn to'liq shakllangan va o'z yo'lida to'xtagan deb aytish mumkin emas, ehtimol bu uning kamchiliklari tufaylidir, yassi dizayn rivojlanish va o'zgarishga intiladi, yangi xususiyatlarga ega bo'ladi va vizual ekspressivlikni oshiradi.

Yassi dizaynning so'nggi misoliga diqqat bilan qarasangiz, bu haqiqatan ham ekanligini payqashingiz mumkinasta-sekin o'zining qattiq vositalaridan uzoqlashadi va gradientlar, soyalar, yorug'lik va boshqa vizual effektlar kabi nozik effektlarni qo'shishni boshlaydi.

Ushbu kichik teginishlar skeuomorfik dizaynlar kabi haddan tashqari tafsilotlarsiz tekis dizaynga chuqurlik beradi.

Shunday qilib, tekis o'z xususiyatlarini yo'qotmaydi, balki yanada qiziqarli va moslashuvchan bo'ladi- u haqiqatan ham yaxshilanmoqda.

Xulosa

Shunday qilib, biz tekis dizayn tarixidan ba'zi faktlarni muhokama qildik va ranglar, shakllar va tipografiya haqida gaplashdik. Biz turli nuqtai nazarlarni ko'rib chiqdik, tekis dizaynning afzalliklari va kamchiliklariga e'tibor qaratdik va yaxshi dizayn yaratishning ba'zi asosiy tamoyillarini bilib oldik.

Umid qilamanki, siz ushbu maqoladan yangi narsalarni o'rgandingiz yoki hech bo'lmaganda uni qiziqarli deb topdingiz. Agar siz ilgari buni qilmagan bo'lsangiz, tekis dizaynni yaratishga harakat qilishingiz kerak.

Axir, tekis dizayn haqida yana nima deyish mumkin?

Agar sizga o'tkir qirralari, boy ranglari va tiniq shriftlari, tozaligi va minimalizmi bilan tekislikni yoqtirsangiz, unda boring!

Bu moda, lekin har qanday grafik uslubda bo'lgani kabi, o'zingizni faqat bitta texnika bilan cheklamang. Yassi zamonaviy bo'lganligi sizning loyihangizda boshqa uslublardan foydalana olmaysiz degani emas. Skeuomorfizm o'zining mayda detallari va teksturalari bilan ham yaxshi yechim bo'lishi mumkin. Asosiysi, dizayn har bir loyiha uchun har xil ekanligini unutmaslikdir, u qulay va funktsional bo'lib, uning ruhini, maqsadini, mohiyatini ifodalashi kerak. Oldinga!

Nisbatan yaqinda FLAT dizayni yoki tekis dizayn kabi dizayn yo'nalishi mashhur bo'ldi.

Windows 8 va undan keyingi versiyalari foydalanuvchilari FLAT dizayni bilan allaqachon tanish, chunki tizimni yuklashda ular duch keladigan birinchi narsa bu ekrandir.

FLAT dizaynining paydo bo'lishi mobil ilovalarning tarqalishi bilan bog'liq. Va menimcha, bu FLAT dizayn ob'ektlari vektor ob'ektlari yordamida yaratilganligi va shunga mos ravishda ularni turli gadjet platformalariga moslashtirish osonroq bo'lganligi bilan bog'liq.

FLAT - dizayn quyidagi xususiyatlarga ega:

Gradientlarni, murakkab to'qimalarni va soyalarni to'liq yoki qisman rad etish , shaxsan men bundan juda xursandman. Mening soyalar haqida hech qanday shikoyatim yo'q va men ulardan o'zim foydalanishni yaxshi ko'raman, lekin gradient displey bilan bog'liq abadiy muammolar yo'qolsin.

Tipografiya, geometriya birinchi o'ringa chiqadi. Ayniqsa, veb-dizayn haqida gap ketganda.

Uyg'unlik va. Dizayn cheklangan miqdordagi ranglardan foydalanadi. Mana mashhur FLAT dizayn palitrasiga misol.

Ijodiy ma'lumot beruvchi piktogrammalardan foydalanish.

Yuqorida aytib o'tganimdek, FLAT dizayni mobil ilovalarda juda mashhur bo'ldi, chunki uning asosiy xususiyati - tartibning soddaligi va moslashuvchanligi. FLAT dizayni infografikada ham keng tarqaldi, chunki u tipografiya va rangning konstruktiv usullarini qo'llash orqali ma'lumotni uyg'un idrok etishga asoslangan.

Bir vaqtlar veb-dizayndagi eng mashhur tendentsiya Web 2.0 edi. Endi uning o'rnini FLAT dizayni egalladi. Moda unutilgan eski narsadan yangi narsa yaratish uchun unga qaytish odati bor. FLAT dizayni qachon modadan chiqib ketishini kim biladi, lekin hozircha hozirgi tendentsiyaning soddaligi, uyg'unligi va axborot mazmunidan bahramand bo'ling. Aytgancha, tekis dizayn 80-yillarda allaqachon mashhur bo'lgan, ammo keyinchalik bu texnik xususiyatlar va soyalar va gradyanlarni ko'rsata olmaslik bilan bog'liq edi. Endi esa aksariyat yetakchi IT-kompaniyalar Flat dizaynga o‘tishdi.

Xo'sh, biz ham o'zgaruvchan dunyoga moslashamiz. Keyingi maqolada men sizga Photoshop-da oddiy shakllar yordamida FLAT uslubidagi piktogrammalarni qanday yaratishni ko'rsataman.

Agar mening nashrlarim sizni qiziqtirsa, men sizga saytdagi so'nggi yangiliklardan xabardor bo'lishni maslahat beraman.

(2,333 marta tashrif buyurilgan, bugun 1 tashrif)

Yassi dizayn uslubidagi veb-saytlar minimal grafik tafsilotlari va ortiqcha matn ma'lumotlari bo'lmagan rangli aksanlar (piktogrammalar, matnli yoritgichlar, infografika) bilan oddiy geometrik blok maydoniga o'xshaydi. Ular aytganidek, "minimalizm" va ortiqcha narsa yo'q.

Qanday qilib tekis piktogramma chizmaslik kerak

"Yassi" veb-sayt dizayni yangi Windows interfeyslari bilan birga modaga aylandi. Rossiyada ushbu uslubning tobora ommalashishiga veb-sayt interfeysi va "barmoq" interfeysi (smartfonlar) bir xil narsa emasligini bilmagan o'z-o'zini o'rgatgan veb-dizaynerlar sonining ko'payishi yordam berdi (aylantirish oson barmog'ingiz bilan sahifani pastga tushiring - va aksincha, sichqonchaning g'ildiragini 3-4 ekranga aylantirish uchun sizga katta sabr va haqiqiy qiziqish kerak bo'ladi). Rus yassi saytlarida siz ko'pincha quyidagi belgilarni topishingiz mumkin:

Misol - bir-biriga mos kelmaydigan yorqin ranglar + sifatsiz piktogramma (men pullik to'plamdan misol oldim, lekin deyarli har doim frilanserlar bir-biriga mos kelmaydigan turli xil to'plamlardan bepul yuklab olingan piktogrammalardan foydalanadilar).

Yuqori sifatli grafikalarni chizishga qodir emasligi sababli, tajribasiz dizaynerlar hamma narsani soddalashtirish imkoniyatidan osongina foydalanishadi. Shu bilan birga, "minimalizm" uslubidagi dizayn Internetdan yuklab olingan piktogrammalarni Windows 8 uslubidagi rangli kvadratlarga oddiygina joylashtirishni emas, balki interfeys tafsilotlarini aniq yuqori sifatli ishlab chiqishni nazarda tutishi e'tiborga olinmaydi (buni hozir topish mumkin). ko'plab go'yoki "zamonaviy ochilish sahifalarida").

Yaxshi tekis piktogrammalarga misol:

Ranglar va piktogrammalar nafaqat bir-biri bilan birlashtirilishi, balki bir butunlikni tashkil qilishi kerak.

Past sifatli tekis dizayn muammolari

1. Navigatsiya va foydalanish qulayligi

Tarmoq haqiqiy makon EMAS, shuning uchun haqiqat tuyg'usini yaratish va joylashuvingizni tushunish uchun saytlar "non bo'laklari" dan foydalanadi va ikonka rasmlari tez tushunish va navigatsiya qulayligi uchun haqiqiy ob'ektlarga yaqin. Shunday qilib, uyning belgisidan bu "uy", telefon belgisidan - bu telefon, savat yonida - bu savat ekanligi (supermarketdagi kabi - hamma narsa aniq) darhol aniq bo'ladi. va oddiy), sovg'a tasviri bilan belgi - sovg'a va boshqalar.

Biroq, yangi tekis dizaynerlar ko'pincha piktogrammalarni haddan tashqari soddalashtiradilar. Dizaynerlar qanchalik intuitiv tasvirlardan bo'lsa, foydalanuvchi ularni talqin qilish shunchalik qiyin bo'ladi. Haddan tashqari soddalashtirish ba'zan navigatsiyani qiyinlashtiradi. Hamma Evropa dizaynerlariga taqlid qilishga urinib, moda tekis veb-sayt dizaynini yaratishga shoshilishi bilanoq, foydalanishning oddiy qoidalari unutildi.

2. Uzun tekis oyoqli o'ramlar

Sahifalar 3-4 ekranga cho'ziladi, bo'sh joy nafaqat kam ishlatilsa, balki aksincha, ortiqcha miqdorda "havo" qo'shiladi. Shu bilan birga, aylantirish uchun vizual motivatsiya yo'q - chiplar yo'q, animatsiya yo'q. Ishlab chiquvchilar sahifani pastga aylantirishda tashrif buyuruvchilarni qanday qiziqtirishni rejalashtirgani aniq emas. Axir, hamma narsa ixcham bo'lgan saytlarga qaraganda, oyoq kiyimi saytlari sichqonchani butun ekran bo'ylab harakatlantirish va aylantirish uchun juda ko'p energiya talab qiladi.

3. Chalkash tugmalar

Yassi saytlarda faol elementlar endi aniq emas. Yassi dizayn paydo bo'lishi bilan tugmalar ham tekis bo'lib qoldi. Ammo tugmaning vizual tasviri haqiqiy jismoniy tugmadan kelib chiqadi va soyalar va gradientlar shunchaki "siz bu yerni bosishingiz mumkin" ekanligini ko'rsatadi.

4. Yomon chizilgan piktogrammalar

Dizaynerlarning noto'g'ri ishi tufayli veb-saytlardagi piktogrammalar (bu, ayniqsa, tekis uslubdagi veb-saytlarda sezilarli) o'zlarining taxminiy tasvirlarini yo'qotdi. Dizayn byudjetlari cheklanganligi sababli yoki veb-dizaynerlarning o'zlarining qobiliyatsizligi sababli, saytlardagi navigatsiya elementlari ko'pincha birlamchi uyushmalarga mos kelmaydi va "uzoq".

O'ylaymanki, piktogrammalarni yaratish bo'yicha ish shunday ketadi: texnik xususiyatlarga ko'ra, "Mijozlarga individual yondashuv" belgisi kerak. Shaxsan menda menejer va ikkita mijozning tasviri bor, ularning har biri turli rangdagi o'q bilan boshqariladi (ko'k o'q ko'k mijozga, qizil o'q qizil mijozga olib boradi). Agar dizayner chizishni bilmasa, u tayyor to'plamlarda piktogramma qidiradi (eng yaxshi holatda u uni fotobankdan sotib oladi, eng yomon holatda uni Internetdan yuklab oladi) va ma'nosi eng mos bo'lganidan foydalaning. Ehtimol, bu galstuk yoki chamadonli odamning ikonasi bo'ladi. Umuman olganda, u juda uzoqqa bormadi, lekin baribir sayt dizaynida "Hammaga individual yondashish" uchun chamadon va "bozorda 10 yil" soati (darvoqe, men ko'rganman) aniq bo'ladi. bu!) - dizayner aldadi.

5. Yolg'on kontentga e'tibor qaratish

Yassi veb-sayt dizayni kontentga e'tibor qaratishni nazarda tutadi. Xo'sh, aniq - agar urg'u grafikaga bo'lmasa, unda ma'lumotga. Ammo agar siz rus veb-studiyalari taklif qiladigan tekis uslubdagi "zamonaviy" ochilish sahifalarini diqqat bilan ko'rib chiqsangiz, unda tarkibga kam e'tibor beriladi. Ya'ni:

  • Matn tasodifiy taqdim etiladi. Unda urg'u qanday joylashtirilgani, nimaga yopishib olishi va nima ikkinchi darajali ekanligi aniq emas.
  • Bunday dizayn yo'q. Jadvallar, markirovka qilingan ro'yxatlar, sarlavhalar, e'lonlar ko'pincha umuman ishlab chiqilmaydi.
  • Ko'pincha ochiq matn. Matn bloklarini vizual ravishda qo'llab-quvvatlash uchun rasm yoki piktogramma mavjud emas. Natijada, asosiy e'tibor na grafikaga, na matnga, balki "uslub" ning o'ziga qaratiladi. Shu bilan birga, kompaniya va uning takliflari yo'qoladi.

Xo'sh, veb-saytlar uchun tekis dizayn umuman kerakmi?

Smartfonlar uchun interfeyslarning dizayni bilan hamma narsa aniq - engil, yuklanmagan, ishlatish uchun qulay. Ammo tekis uslubdagi veb-sayt dizayni bilan shaxsan menda katta savol bor: bu umuman samaralimi?

Aksariyat mijozlar grafik sifatini tushunmaydilar va veb-sayt dizaynini ma'qullashda o'zlarining shaxsiy didiga asoslanadilar (yoqtiradi/yoqtirmaydi). Va bu erda moda rol o'ynaydi.

Yassi veb-sayt dizayni ajoyib bo'lishi mumkin. LEKIN! Ajoyib dizayn haqiqatan ham qulaylik va grafik elementlarning yuqori sifatli dizaynini va ijodiy xususiyatlar va effektlarning mavjudligini talab qiladi. Va agar ular dizaynda yo'q bo'lsa, saytlarda o'ziga xoslik bo'lmasa, ular monoton, bo'sh va zerikarli ko'rinadi. Umuman olganda, bu ko'pchilik rus saytlarida mavjud.

Yuqori sifatli tekis dizaynga misol:

Yassi veb-sayt dizayni uchun moda boshqa moda kabi vaqtinchalik. Ba'zi odamlar original, ijodiy dizaynlarni yaratadilar, boshqalari esa ularni nusxa ko'chirishadi va uslubda taqlid qilishadi, chunki ular o'zlari qanday qilib o'ylab topishni bilishmaydi. Arzon "moda" saytlari esa qo'ziqorin kabi o'sib bormoqda ...