Yassi dizayn: tarixi, afzalliklari va amaliy qo'llanilishi. Yassi dizayn: o'tmish, hozirgi va kelajak Yassi dizayn tarixi

Siz buni payqadingizmi yoki yo'qmi, bilmadik, lekin oxirgi paytlarda (ayniqsa, o'tgan yili) butun dunyo bo'ylab veb-dizaynda biz foydalanuvchilar bilan o'zaro aloqada bo'lgan narsalarni soddalashtirish, shafqatsiz minimalizm va vizual yoritish tomon aniq tendentsiya kuzatilmoqda. kun. Oddiy qilib aytganda, dizayn "tekis" bo'lib qoldi: ijtimoiy tarmoqlar va web 2.0 ning tez o'sishi davridagi konveks piktogrammalaridan farqli o'laroq, endi bizni yangi xizmatlarning oddiy piktogrammalari tobora ko'proq kutib olishmoqda. Bularning barchasi o'z nomini oldi - tekis dizayn. Kvartira emas, balki kvartira.

Kecha bo'lib o'tgan yangi mobil operatsion tizimi iOS 7 taqdimoti bilan Apple nihoyat ushbu tendentsiya mashhurligining tez o'sib borayotganini tasdiqladi va an'anaviy ravishda ba'zi muxlislarini quvontirdi, lekin tajribali foydalanuvchilar va dizaynerlar orasida sezilarli norozilikka duch keldi. Nima bo'ldi? Ushbu tekis dizayndan nima foyda va dunyo haqiqatan ham bunga muhtojmi? Biz Ukraina va chet ellik mutaxassislarga murojaat qilishga qaror qildik.

Biz ulardan uchta asosiy savolga javob berishlarini so'radik:

nima uchun dunyo internetda va mobilda tekis dizaynga o'ta boshladi va bu nima;
bu Apple va iOS 7 ga nima beradi;
bu bir tomondan dizaynerlarga, ikkinchi tomondan foydalanuvchilarga qanday ta'sir qiladi.

Denis Sudilkovskiy, Kiev
Interaction Design bo'yicha mutaxassis, Prodesign.in.ua prodyuseri

Kelajakni bashorat qilishda "maatnik effekti" shundan dalolat beradiki, agar biron bir masalada ikkita ekstremal bo'lsa, insoniyat bir tomondan ikkinchisiga o'tadi. Bu, shubhasiz, interaktiv tizimlarni loyihalash uchun to'g'ri keladi. Yassi va qiziq bo'lmagan ibtidoiy veb bir vaqtning o'zida katta hajmli veb-ga asoslangan tugmalarga o'zgardi. Interfeys vizualizatsiyasi realizm cho'qqisiga chiqdi va mayatnik teskari yo'nalishda uchmoqda - tekis va oddiy.

Apple bundan nima oladi? U tendentsiyadagi o'z o'rnini va ularning iOS'i Android'ga juda o'xshash bo'layotgani haqida yuz minglab sharhlarni saqlab qoladi.

Dizaynerlar rivojlanishlari kerak bo'ladi (va tekis dizayn qachon mashinasozlikga keladi va bizga tekis mashinalar beradi deb hazil qilmang :). Hech qanday bezak bo'lmaganda, barcha ishlar foydalanuvchi bilan muayyan stsenariy uchun tarkibga ega kayfiyatni yaratishdan iborat. Bu kasb rassomdan ko'ra rejissyor bilan ko'proq umumiylikka ega bo'ladi. Foydalanuvchilar, aksincha, yangi tajriba va yangi taassurotlar olishadi. Shaxsan men 4 yil davomida iPhone-ga sodiq edim, lekin bu bahorda men telefonimni Android-ga o'zgartirdim, faqat bitta sababga ko'ra - men Apple interfeysining monoton idealligidan charchadim.

Daniel Bryus, Stokgolm
Katta raqamli ijodkor, danielbruce.se

Avvalo, men "tekis dizayn" atamasini yoqtirmasligimni ta'kidlamoqchiman. Asrlar davomida grafik dizaynning aksariyati "tekis" edi. Shuningdek, menimcha, bu sizning tanlovingiz tekis yoki boshqa narsa o'rtasida bo'lganda dizaynni ajratib ko'rsatish qobiliyatingizni cheklaydi. Dizayn bundan ham ko'proq bo'lishi mumkin. Quvnoq, yorqin, qorong'u, ijobiy, minimalist - uni xohlaganingizcha chaqirishingiz mumkin. Ammo bugungi kunda men kamdan-kam eshitaman, kimdir dizaynni tekis yoki skleromorfdan boshqa narsa deb hisoblaydi. Bu biroz achinarli.

Nega veb va mobil telefonlar tekis dizaynga o'tishda sekin? Men buni ko'rib turganimdek, bu shunchaki tendentsiya. Men hech qachon foydalanuvchi interfeyslarida tekis dizaynning afzalliklari haqida maqolalarni ko'rmaganman va hali ham bunga ishonchim komil emas. Oddiy va tushunarli dizayn - ha, lekin bu "tekis" bilan bir xil emas. Masalan, Google-ga qarang. Ular butunlay tekis dizaynlarni yaratmaydilar, ular - va men bu fikrni baham ko'raman - hali ham qandaydir chuqurlik va o'zgarishlarga ehtiyoj borligini ko'rmoqda.

Bir necha yil oldin Microsoft mashhur Metro uslubini taqdim etib, o'zlari uchun ushbu yo'nalishni tanlaganida men juda hayron bo'ldim. Darhaqiqat, ular grafik dizayndan odamlar ma'lum masofadan qaraydigan va hech qachon muhim miqdordagi elementlarga ega bo'lgan kichik ekranlar bilan o'zaro aloqada bo'lmagan katta belgilar uchun foydalanganlar. Ular chiroyli ko'rinadi, lekin ular yaxshi foydalanishga egami?

Kecha Apple'dan ko'rgan narsam o'tgan yil davomida Dribbble va Behance kabi saytlarda paydo bo'lgan bir nechta qiziqarli dizaynlarning yomon nusxasi edi. Men hech qanday yangi narsani ko'rmadim - bu Stiv Djobsning o'sha "eski Apple" dan uzoqda. Kompaniya mobil interfeys dizaynida yetakchi emasligini ko‘rsatdi. Albatta, kelgusi bir necha oy ichida muxlislar barcha oq dizaynlar va ijodiy gradientlarni qabul qilishlarini ko'ramiz, ammo menimcha, bu jihat Googlening yaqinda o'chirilishi kabi ta'sirli bo'lmaydi. Biroq, boshqa tomondan, Apple har doim ko'pchilik uchun, shu jumladan men uchun ham trend yaratuvchi va ilhom manbai bo'lib kelgan.

Oddiy foydalanuvchilarga kelsak, ular yorqin ranglarni yaxshi ko'radilar.

Ivan Klimenko, Kiev
mobil interfeys dizayneri, 5tak.com

Katta darajada, men bu tekis uslubni hayratga soladigan vaziyat haqida bir oz falsafiyman. Dizaynerlarning minimalizm va sun'iy materiallarga qiziqishi birinchi marta emas. Hammasi o'tadi.

20-30-yillardagi Bauhaus davri dizaynga katta hissa qo'shdi, ammo baribir ohangning qattiqligi va sun'iyligi odamlarning ko'proq tabiiy narsalar bilan o'ralgan holda yashash istagi va ichki istagiga bardosh bera olmadi.

Keyin 60-yillarda hamma plastikni hayratda qoldira boshladi.

Mebel, idish-tovoq va hatto kiyim-kechak ham plastikdan qilingan. Bu insoniyat uchun yangi umid bo'lib tuyuldi, lekin yana yo'q - odamlar tezda tabiiy shakllarga yoki tabiiy materiallarning nusxalariga qaytishdi.

Shakllar va minimalist grafikalarning keskin kontrasti har doim jamiyatdagi ichki qarama-qarshiliklarning to'planishini ifoda etgan. Dizayn - bu bizning ichki dunyomizni ko'rsatadigan ko'zgu. Juda ko'p narsa bor. Hayot juda tezlashadi va bizda hech narsani o'ylashga va o'ylashga vaqtimiz yo'q. Ko'pincha yashashga vaqtimiz yo'q.

Minimalizm va barcha bu elektron qurilmalar tabiiyroq va insoniyroq narsaga boradigan yo'lda bir qadamdir. Boshqa kompyuterdan ko'proq. Hatto chuqur qarashni bilgan Apple endi mavjud emasligidan afsusdaman.

Olesya Grichina, Kiev
Componentix foydalanuvchi interfeysi dizayneri, twitter: elendiel

O'ylaymanki, dizaynerlarga turli xil ekran o'lchamlari va ruxsatiga ega bo'lgan ko'plab gadjetlar katta ta'sir ko'rsatdi - bu xilma-xillik uchun teksturalarsiz, yorug'likni to'g'ri hisobga oladigan murakkab soyalarsiz dizaynni yaratish osonroq. Ular “qanday qilib chiroyli chizish” emas, “qanday qilib uni foydalanuvchi uchun qulayroq qilish” yo‘nalishida ko‘proq o‘ylay boshladilar. Tarkib asosiy narsa va bizning ishimizda uni eng yaxshi tarzda taqdim etish muhimdir.

Menimcha, tashqi o'zgarishlar (tekis foydalanuvchi interfeysi, piktogrammalar) ortida ular, ayniqsa, foydalanish qulayligi va ushbu mavzu bo'yicha qanday qilib qasam ichganligidagi jiddiy o'zgarishlarni sezmagan. Ular ishlayotganini tekshirganda, u: "Oh, qanchalik qulay va nega oldin buni qilmaganlar?" Umid qilamanki, bu dizaynerlarga shunday ta'sir qiladiki, ular to'qimalar va soyalarga emas, balki interfeysning qulayligiga ko'proq e'tibor berishadi. Oxir-oqibat, mijozlarga bu tendentsiya ekanligini tushuntirish mumkin bo'ladi :)

O'ylaymanki, tekis dizayn foydalanuvchilarga ayniqsa ta'sir qilmaydi - agar ular uchun kontent yaratish va iste'mol qilish qulay bo'lsa, juda ko'p mamnun odamlar bo'ladi. Ammo asosiy ekrandagi piktogrammalar hali ham kislotali :)

Pavel Grozyan, Kiev
MacPawda mahsulot dizayneri, Grozyan

"Olma! A-ha-ha, to'xtating! - Dizaynerlar baqirishadi. - Huray, osonroq bo'ldi. - foydalanuvchilar qichqirmoqda." Men ikkala nuqtai nazarni ham tushunaman. Bugun WWDC2013 taqdimotidan so'ng, ko'plab hamkasblarim o'rnidan turib: "Bu kasbni jinni! Har kim hozir shunday ahmoqlikni chizishi mumkin. Va bu piktogrammalarni 30 dollarga?!" Va bir qarashda, ular to'g'ri, lekin agar siz chuqurroq qazsangiz, uzoq vaqt davomida bir-biridan faqat foydalanish stsenariysi, keyin shakli, rangi va shundan keyingina farq qiladigan minglab ob'ektlar borligini tushunasiz. Badiiy tafsilotlarda men bularning barchasi LinkedIn profilidagi UX, UI Designer, keyin Apple kabi yorqin va yorqin veb-saytlarni ko'chirib olganini eslayman . Ularning barchasi nusxa ko'chirish edi, chunki hamma uchun bir xil va qulay rivojlanish konsepsiyasi yo'q edi uni ixtiro qilish emas va u raqamli davrdan o'n yil oldin shakllangan , nashriyot sohasida.

Yassi - bu bosish uchun emas, u bosish, teginish, bosish uchun. Siz uni tekis deb atay olmaysiz - tugmachalarda "qalin" to'qimalar va soyalar yo'qligi uni ancha soddalashtiradi va vizual tajovuzsiz qiladi. Va tugmalar uchun gradientsiz qilolmaysiz. Men bu tendentsiyani qo'llab-quvvatlayman. Agar u foydalanuvchi tajribasi sifatiga xalaqit bermasa, u bilan yashash hamma uchun osonroq bo'ladi. Avvalo foydalanuvchi uchun. Ikkinchidan, yaratuvchi uchun: texnik amalga oshirishda sodda, bosish uchun qulayroq bo'ladi (havolalarni chizish - salom) va ko'p platformali - veb, mobil va ish stolini bitta tajribada birlashtiradi. Shubhasiz, bu Apple uchun dadil harakat. Va faqat ular bu haqda qaror qabul qilishlari mumkin. Ularning hikoyasi o'nlab tasdiqlarga ega, shuning uchun ular aksincha emas, balki muvaffaqiyatga erishish ehtimoli ko'proq.

So'nggi paytlarda veb-saytlar va foydalanuvchi interfeyslari dizaynidagi o'ziga xos uslub juda mashhur bo'lib, uning elementlarining stilizatsiyasi tufayli Flat deb nomlanadi.

Agar siz Flat qoidalariga muvofiq yaratilgan veb-saytni ko'rsangiz, siz hech qanday gradient o'tishlarini, soyalarni ko'rmaysiz, tovush yoki teksturaning eng kichik ishorasini ham ko'rmaysiz. Yassi uslubning asosiy tamoyillari soddalik, ixchamlik va minimalizmdir. Asosiy o'ziga xos xususiyatlar - siz diqqatni jamlashingiz mumkin bo'lgan narsalar - yorqin g'ayrioddiy ranglar, nostandart tipografiya, grafik primitivlar.

Bugungi kunda ushbu tendentsiyadan tobora ko'proq dizaynerlar o'z ishlarida foydalanmoqdalar, ammo Flat uslubi zamonaviy Windows Phone va iOS 7 mobil operatsion tizimlarining tarqalishi bilan ayniqsa mashhur bo'ldi, chunki ular ushbu tendentsiyaning izdoshlari bo'lib, garchi ular amal qilmasalar ham. butunlay.

Bizning kompaniyamiz allaqachon Flat uslubida veb-saytlar yaratish tajribasiga ega va biz sizga tekis veb-sayt yaratishda yordam berishdan mamnun bo'lamiz!

Ushbu maqolada, agar siz o'zingizning loyihangizning asosiy uslubi sifatida tekisdan foydalanmoqchi bo'lsangiz, siz amal qilishingiz kerak bo'lgan tekis dizaynning asosiy tamoyillarini ta'kidlaymiz.

Quyida biz tekis uslubdan foydalanadigan ba'zi saytlarni tahlil qilamiz va misollar keltiramiz.

1. Barcha effektlarni olib tashlang

Yassi dizaynning asosiy printsipi - o'zida allaqachon tekis bo'lgan ikki o'lchovli tasvirni yaratish. Shu bilan birga, siz tasvirga hech bo'lmaganda biroz chuqurlik qo'shishi mumkin bo'lgan barcha elementlardan xalos bo'lishingiz kerak: gradientlar, silliq o'tishlar, soyalar, burmalar, hajm, to'qimalar va boshqalar. Rasmning barcha elementlari qattiq qirralarga ega, shuningdek, tasvirning boshqa elementlariga nisbatan ajralib turmaydi yoki chuqurlikka ega emas.

Yassi dizaynda siz real ko'rinishga harakat qiladigan elementlarni topa olmaysiz (skeuomorfizm), 3D animatsiya, real piktogramma va boshqalar. Biroq, dizaynning o'zi an'anaviyga o'xshash bo'lib qolishga harakat qiladi, ammo endi teglar, tugmalar va navigatsiya birinchi o'ringa chiqadi.

Bir qarashda, Flat dizaynidan foydalanadigan sayt juda oddiy bo'lib tuyulishi mumkin, garchi aslida bu uslub elementlarning aniq ierarxiyasi, foydalanuvchilarning barcha o'zaro ta'sir vositalarini qulay joylashtirish bilan tavsiflanadi va shuning uchun yuqori foydalanish darajasiga ega.

2. Oddiy elementlardan foydalaning

Yassi dizayndagi maqsadlariga erishish uchun dizaynerlar tugmalar va piktogrammalardan foydalanadilar. Ular iloji boricha intuitiv va bosiladigan bo'lishi kerak. Boshqa barcha interfeys elementlari singari, ular qo'shimcha effektlarsiz tekis va sodda bo'lishi kerak. Dizaynerlar, shuningdek, ko'pincha oddiy geometrik shakllardan - to'rtburchaklar, doiralar va kvadratlardan foydalanadilar, bu esa har bir shaklning alohida ob'ekt bo'lishiga imkon beradi.

3. Keling, tipografiyaga e'tibor qaratsak

Oldingi printsipga ko'ra, tekis dizayndagi grafikalar oddiy bo'lganligi sababli, juda muhim element bu tipografiya - yozuvlar dizayni. Yassi dizaynda tugmalar bilan birga tipografiya birinchi o'ringa chiqadi.

Shriftlar o'qilishi mumkin va, albatta, dizaynga mos bo'lishi kerak, chunki oddiy dizayndagi kabi, o'ta bezakli shriftlar o'z joyida ko'rinmaydi. Biroq, siz oddiy shriftlardan foydalanmasligingiz kerak, tajriba o'tkazish va foydalanuvchining e'tiborini tortadiganini tanlash yaxshidir.

Oddiy sans-serif shriftini badiiy element sifatida qabul qilinadigan yangi shrift bilan birlashtirishni ko'rib chiqishingiz mumkin. Shriftlar dizaynni sodda va ravshanroq qilishga yordam berishi kerak, tugmalar va boshqa elementlar esa faqat interaktivlikni oshirishga xizmat qilishi kerak.

4. Rang bilan diqqatni jalb qilaylik

Yassi dizaynda rang deyarli asosiy rol o'ynaydi. Agar siz ushbu kontseptsiya asosida yaratilgan saytlarni diqqat bilan o'rgansangiz, ko'zingizni tortadigan birinchi narsa yorqin ranglar palitrasi. Odatda u bir nechta kontrastli sof (soyalarsiz) ranglardan iborat bo'lib, ikki yoki uchta, garchi bu raqam sakkiztagacha yetishi mumkin. Bundan tashqari, bu ranglarning barchasi odatda teng ravishda ishlatiladi.

Eng mashhur ranglar asosiy va ikkilamchi ranglardir. Ya'ni, asosiy ranglar (ko'k, magenta, sariq, qora) va ularni aralashtirish asosida olinganlar. Bundan tashqari, ko'pincha retro ranglar rang sxemasida tekis dizaynni yaratishda ishlatiladi, masalan, qizil ikra, binafsha va boshqalar.

5. Minimalizm

Yassi dizayn tabiatan sodda va minimalist yondashuv bilan yaxshi mos keladi.

Saytning umumiy dizaynida siz juda ko'p qo'ng'iroq va hushtaklardan qochishingiz kerak. Albatta, oddiy ranglar va matn etarli bo'lmasligi mumkin. Shuning uchun, agar siz vizual effektlarni qo'shmoqchi bo'lsangiz, oddiy fotosuratlarni tanlashingiz kerak. Ba'zi chakana mahsulot saytlari o'z mahsulotlarini oddiy, chalg'itmaydigan fonda joylashtirish uchun tekis dizayndan foydalanadi.

Shuni ta'kidlash kerakki, ba'zi fotosuratlar tabiiy chuqurlikka ega, ammo umuman olganda u umumiy dizayn tekisligiga mos keladi.

Yassi dizayn (tekis dizayn) veb-saytlar va interfeyslarni, shuningdek, operatsion tizimlarni loyihalashda mashhur uslub bo'lib, ularning o'ziga xos belgilari oddiylik, nafosat va minimalizmdir. Yassi dizayn 2010 yilda skeuomorfizmning aksi sifatida mashhur bo'la boshladi.

Skeuomorfizm- boshqa ob'ektning shaklidan ko'chirilgan, lekin turli materiallardan yoki turli usullardan foydalangan holda yaratilgan jismoniy bezak yoki dizayn elementi. Masalan, metalldan yasalgan kostryulkalarga o'xshash taqlid perchinlar bilan bezatilgan kulolchilik yoki qog'oz stol taqvimining shtapelli sahifalarining ko'rinishini taqlid qiluvchi kompyuter taqvimi (ta'rifi Vikipediya).

Dizayndagi yassi uslubning ommalashishiga Microsoft-dan Metro uslubidagi Windows 8 operatsion tizimining, shuningdek iOS 7-ning chiqarilishi yordam berdi, bunda Apple ham tekis uslubni tanlaydi. Aynan shundan keyin tekis dizaynning haqiqiy davri boshlanadi. Ko'p o'tmay, yirik qidiruv xizmatlari va ilovalari - Google, Youtube - Flat-dizaynga o'tmoqda, ularning dizaynida tekis uslub tamoyillaridan foydalanadigan ko'plab saytlar paydo bo'ladi; So'nggi yillarda tekis dizayn global veb-sayt dizayni tendentsiyalarida etakchi bo'ldi.

Yassi dizaynning afzalliklari

Amaliylik- tekis dizayndan foydalanish uslublar, skriptlar va animatsiyalar sonini minimallashtirishga imkon beradi, bu esa saytni tezroq yuklash imkonini beradi.
Moslashish oson- tekis dizayn turli ekran o'lchamlariga moslashish uchun etarlicha oson.
Foydalanish qulayligi- soddalashtirilgan uslub tufayli foydalanuvchilar saytdagi ma'lumotlarni qabul qilishlari osonroq.
go'zallik- tashqi xolislik va oddiy dizaynlar sizni chindan ham o'ziga tortadigan dizaynga e'tibor qaratish imkonini beradi.

Yassi veb-sayt dizaynining 5 tamoyili

Yassi dizayn umuman zerikarli emas, chunki bu birinchi qarashda ko'rinishi mumkin. Dizayn echimlari o'zining sofligi va nafosatliligi tufayli keraksiz shovqinsiz zamonaviy va chiroyli bo'lishi mumkin, bu sizning mahsulotingiz yoki xizmatingizga e'tiboringizni qaratish imkonini beradi.

1 - 2D ob'ektlardan foydalanish

Yassi dizayn ob'ektga chuqurlik va hajm beradigan elementlardan foydalanishni istisno qiladi: soyalar, gradientlar, yorug'lik, teksturalar, aks ettirish, animatsiya. Ob'ekt tasvirlanganda faqat uning konturlari ko'rsatiladi.

2 - Belgilar va oddiy ob'ektlar

Aniq konturli va bir xil rangdagi tekis piktogramma va monosyllabik shakllardan foydalanish dizaynni iloji boricha soddalashtirish va uni engilroq qilish imkonini beradi. Boshqaruv elementlari foydalanuvchi uchun intuitiv bo'lib, o'zaro aloqani rag'batlantiradi.

3 - dizayn uslubidagi oddiy shriftlar

Yassi dizaynda tipografiya va shriftlarga katta e'tibor beriladi. Bu erda kursiv ishlatilmaydi; shrift nafaqat tarkibda, balki navigatsiyada ham veb-sayt dizayniga mos keladi. Hatto sayt uchun shrift turlarida ham minimalist uslub rag'batlantiriladi.

4 - Ranglar o'yini

Yassi dizayn bir nechta asosiy ranglarni o'z ichiga oladi, ular silliq o'tish va gradyanlardan foydalanishni istisno qiladi, lekin yorqin va bir-biriga qarama-qarshi bo'lishi mumkin.

5 - minimalizm

Yassi dizayn elementlarning vizualizatsiyasidan foydalanishni, ekranning butun kengligidan foydalanishni va shu bilan birga ma'lumotni minimallashtirishni o'z ichiga oladi.

Deyarli tekis dizayn kabi narsa bor. Bu oddiy elementlar va ikki o'lchovli makondan foydalanishni o'z ichiga olgan tekis dizayn tushunchalaridan biridir. Bunga fonni xiralashtiradigan yoki qoraygan yuqori sifatli fotosurat misol bo'la oladi. Bu sizga ob'ektning chuqurligi va istiqbolini yaratishga imkon beradi.

Yassi dizayn namunalari

Internetda, shu jumladan Belarusiya segmentida siz turli mavzularda, jumladan, yangiliklar resurslari, portallar va hatto onlayn-do'konlarda tekis dizaynli veb-saytlarni rivojlantirishning ko'plab misollarini topishingiz mumkin.

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 marta tashrif buyurilgan)

Yassi dizayn uslubidagi veb-saytlar minimal grafik tafsilotlari va ortiqcha matn ma'lumotlari bo'lmagan rangli aksanlar (piktogrammalar, matnni yoritish, 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 bo'lgan 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 tomonidan taqdim etilgan "zamonaviy" tekis uslubdagi ochilish sahifalarini diqqat bilan ko'rib chiqsangiz, tarkibga kam e'tibor qaratiladi. Aynan:

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'chiradi va uslubda taqlid qiladi, chunki ular o'zlari bilan qanday chiqishni bilmaydilar. Arzon "moda" saytlari esa qo'ziqorin kabi o'sib bormoqda ...

O'qish foydali bo'lishi mumkin: