Сравнително наскоро стана популярна такава дизайнерска посока като FLAT дизайн или плосък дизайн.
Потребителите на Windows 8 и по-нови версии вече са запознати с дизайна FLAT, тъй като първото нещо, което срещат при зареждане на системата, е този екран.
Самата поява на FLAT дизайна се дължи на разпространението на мобилните приложения. И мисля, че това се дължи на факта, че FLAT дизайнерските обекти се създават с помощта на векторни обекти и съответно те са по-лесни за адаптиране към различни платформи на притурки.
FLAT – дизайнът има следните характеристики:
Пълно или частично отхвърляне на градиенти, сложни текстури и сенки , за което аз лично много се радвам. Нямам оплаквания от сенките и аз обичам да ги използвам, но нека вечните проблеми с градиентното показване да изчезнат.
Типографията, геометрията излизат на преден план. Особено когато става въпрос за уеб дизайн.
Хармония и. Дизайнът използва ограничен брой цветове. Ето пример за популярната палитра за дизайн FLAT.
Използване на творчески информативни икони.
Както вече казах, FLAT дизайнът стана много популярен в мобилните приложения, тъй като основната му характеристика е простотата на оформлението и адаптивността. FLAT дизайнът също стана широко разпространен в инфографиката, тъй като се основава на хармоничното възприемане на информация чрез използването на конструктивни техники на типография и цвят.
По едно време най-популярната тенденция в уеб дизайна беше Web 2.0. Сега мястото му е заето от FLAT дизайна. Модата има навика да се връща към добре забравеното старо, за да направи нещо ново от него. Кой знае кога FLAT дизайнът ще излезе от мода, но засега се насладете на простотата, хармонията и информационното съдържание на текущата тенденция. Между другото, плоският дизайн вече беше популярен през 80-те години, но тогава се дължеше на технически характеристики и невъзможност за показване на сенки и градиенти. И сега повечето водещи ИТ компании преминаха към плоския дизайн.
Е, ние също ще се адаптираме към променящия се свят. В следващата статия ще ви покажа как можете да създавате икони в стил FLAT, като използвате прости форми във Photoshop.
Ако моите публикации ви интересуват, предлагам ви да сте в крак с последните актуализации на сайта.
(Посетен 2333 пъти, 1 посещения днес)
Който разработва мобилни приложения и уебсайтове, написа колона за нас и постави всичко на мястото му по отношение на плоския и материалния дизайн.
Като цяло разликата между плоския дизайн и материалния дизайн е фина. За човек, който няма задълбочени познания по графичен дизайн, те наистина могат да изглеждат много сходни. В тази статия ще се опитам да „хвърля светлина“ върху някои от разликите между тях. Ще получите допълнителни знания, които са толкова необходими, за да не нараните случайно деликатната природа на дизайнера.
Малко история
Преди да започнем да говорим за разликите между двете най-популярни тенденции в дизайна, нека разберем откъде идват те. Има мнение, че материалният дизайн е създаден на базата на плосък. Тогава откъде идва плоският дизайн?
Скевоморфизъм
Когато става въпрос за потребителски интерфейс и уеб дизайн, концепцията за скевоморфизъм се отнася до подход, чиято основна идея е имитация. Без да навлизаме в много подробности, нека просто си спомним интерфейсите на Apple преди iOS 7 с техните „реалистични текстури, осветление и бомбастични ефекти“.
Опитът да се направят цифровите обекти да приличат на техните двойници от реалния свят беше мотивиран от необходимостта да се улесни взаимодействието на потребителя с устройството. Всъщност това е причината всички интерфейси с реалистични текстури да доминират в дигиталния свят в продължение на много години. Скеуоморфният дизайн върши страхотна работа, като помага на потребителите безпроблемно да преминат от реалния свят към цифровия.
Въпреки това, с възхода на мобилните технологии, постепенно възниква необходимостта да се съсредоточи основно върху удобството и лекотата на използване. Съгласете се, в тази област необходимостта от създаване на мобилни решения, достъпни от различни устройства, нараства значително. И точно в този момент простотата се превръща в новия стандарт за дизайн.
Забележка: В никакъв случай не мислете, че скевоморфизмът е напълно изчезнал. Той се използва широко в игри, където е необходимо да се създаде реалистичен свят и да се помогне на играчите да почувстват своя характер, за да се потопят дълбоко в процеса на игра.
Плосък дизайн
Този стил е напълно лишен от всякакви триизмерни обекти. Грубо казано, плоският дизайн няма такива стилистични елементи като падащи сенки, текстури, градиенти, но обръща внимание на играта на шрифтове и цветове и икони. Но защо беше необходимо всичко това? Отговорът е лесен.
Първо, плоският дизайн значително намалява времето за зареждане на страницата. Липсата на „тежки“ скевоморфни детайли (помислете: слоеве, серифни шрифтове, градиенти) прави плоските елементи на дизайна „по-леки“, което от своя страна значително ускорява времето за зареждане. Освен това плоските елементи изглеждат еднакво привлекателни както на екрани с висока, така и на ниска резолюция.
Второ, простите изображения могат да предадат вашата идея на потребителите по-бързо от подробните илюстрации: те са схематични и следователно доста лесни за разбиране.
И, разбира се, плоските икони със сравнително прост шрифт могат да насочат вниманието на потребителите към наистина важно съдържание.
Днес плоският дизайн получи заслужено признание, но все още има своите проблеми. Най-очевидният пример за подобни проблеми беше пускането на Windows 8 от Microsoft. Тази операционна система се счита за пионер на плоския дизайн и поддържа концепцията за Metro дизайн. Това, което доведе до проблемите, беше, че компанията сметна за необходимо да обърне повече внимание на типографията, отколкото на самата графика.
Резултатите от тест за използваемост на Windows 8, проведен от NN Group, показаха, че потребителите са имали затруднения при разграничаването на обекти, върху които може да се кликне, от обекти, върху които не може да се кликне. Потребителите се оплакаха, че обектите, които изглеждат статични, всъщност могат да се кликнат. В резултат основната мисия на компанията - да помогне на потребителите правилно да интерпретират системата - се провали.
Друга компания, която често се свързва с плоския дизайн, е Apple. Те се отдалечиха от скевоморфните дизайнерски елементи в мобилната операционна система iOS 7, пусната през 2013 г. Този път преходът беше приет малко по-добре, главно поради факта, че компанията не се опита да актуализира напълно концепцията на потребителския интерфейс, а просто добави няколко промени към плосък дизайн. Това позволи на потребителите да използват продукта, като разчитат на предишния си опит с операционни системи и уебсайтове.
Материален дизайн
Нека изясним веднага: материалният дизайн е по-скоро марков продукт, отколкото спонтанна дизайнерска тенденция, която е получила широко признание. Това основно го отличава от плоския му дизайн.
Наричайки дизайнерски материал „маркиран“, имам предвид, че той има цял набор от ясно дефинирани препоръки и принципи, които всеки уважаващ себе си дизайнер следва. Съвсем очевидно е защо Google представи своя материален дизайн: имаше нужда от унифициране на дизайна, така че приложенията да изглеждат еднакво на всяко от многото устройства с Android.
Въпреки че е доста функционален, плоският дизайн все още се смята за труден за разбиране. Истината е, че плоските обекти на екрана могат да объркат потребителите (особено тези, които нямат опит в използването на мобилни и уеб интерфейси). Следователно материалният дизайн се опитва да върне елементите на скевоморфизма, но в силно опростена форма. Изображенията изглеждат плоски, особено що се отнася до цветовете, но все пак са многоизмерни благодарение на наличието на Z-ос.
С други думи, материалният дизайн може да се нарече подобрена версия на плоския дизайн с елементи на скевоморфизъм - анимация, сенки и слоеве. По този начин можете да направите продукта по-интуитивен по отношение на навигацията и да избегнете ненужната сложност в общия стил.
Плюсове и минуси на плоския дизайн
Нека оставим зад гърба си историята на еволюцията на стиловете и да преминем към нещо по-значимо - ще изброим силните и слабите страни на плоския дизайн.
- Минимализъм и стил
- Интуитивност. Ще ви бъде по-лесно да предадете идеята си на потребителите.
- Спестяване на време и ресурси. Страниците се зареждат много по-бързо с по-малко потребление на честотна лента.
- Съсредоточете се върху съдържанието. Интерфейсът е лишен от ненужни подробности, които могат да отвлекат вниманието от наистина ценна информация.
- Изглежда еднакво добре на различни устройства, било то компютърен браузър или смартфон.
- Ускорява процеса на разработка на дизайн на уебсайт или приложение, като елиминира ненужните щрихи в дизайна.
- Минималистичен стил.
- Доста интуитивно на интуитивно ниво. Материалният дизайн ще бъде еднакво лесен за възприемане както от опитни потребители, така и от начинаещи.
- Умерен скевоморфизъм. Всичко изглежда по-реалистично благодарение на използването на Z-ос (уникална концепция на Google).
- Има набор от ръководства, които се актуализират постоянно. Следователно всеки дизайнер винаги може да се обърне към тях, ако възникнат трудности по време на работния процес.
- Насърчава се анимация за уеб решения. Няма нужда да ви напомняме колко много хората обичат движението. В допълнение, анимацията ви позволява да направите интерфейса по-ясен и интуитивен.
- Има собственик (компания Google). Следователно, всички въпроси и предложения за подобрение трябва да бъдат адресирани до собственика.
- Поради оста Z процесът на проектиране може да отнеме повече време за завършване.
- Анимираните елементи изискват повече ресурси.
- Твърдото спазване на указанията може да ограничи оригиналността на дизайна.
Нека обобщим
Всъщност, единият от разглежданите дизайнерски подходи не трябва да се счита за явно предимство пред другия, тъй като плоските и материалните стилове вървят рамо до рамо. И двамата са невероятно популярни и са лишени от прекален реализъм. Материалният дизайн е наследник на плоския дизайн, докато самият плоският дизайн беше реакция на решения, които бяха твърде тежки и реалистични. Материалният дизайн добави нещо, от което плоският дизайн винаги се е опитвал да се отдалечи - малко скевоморфизъм. Въпреки че едно нещо винаги ще бъде различно между тези подходи: материалният дизайн е патентован продукт на Google, а плоският дизайн е резултат от сливането на няколко дизайнерски практики, които се стремят основно към цялостна простота.
Всъщност плоският дизайн се разви много през последните години, от напълно „плосък“ стил до „полу-плосък“ стил. Сега позволява използването на слоеве и фини сенки, за да позволи на обектите да изглеждат по-дълбоко, отколкото са изглеждали преди. И така, вие и аз сме щастливи съвременници на плоския дизайн 2.0.
И накрая, нищо не ви пречи да опитате да комбинирате тези два подхода, за да създадете наистина функционален и удобен за потребителя продукт. Така че, почерпете вдъхновение от гурутата на плоския и материалния дизайн и се захващайте за работа!
Ако откриете правописна грешка, маркирайте я и натиснете Ctrl + Enter! За да се свържете с нас можете да използвате.
Плосък дизайн (плосък дизайн) е популярен стил в дизайна на уебсайтове и интерфейси, както и операционни системи, чиито отличителни белези са простота, изтънченост и минимализъм. Плоският дизайн започна да набира популярност през 2010 г. като противоположност на скевоморфизма.
Скевоморфизъм- физически орнамент или дизайнерски елемент, който е копиран от формата на друг обект, но направен от различни материали или с помощта на различни методи. Примерите включват керамика, украсена с имитация на нитове, за да прилича на подобни саксии, изработени от метал, или компютърен календар, който имитира външния вид на закрепените с телбод страници на хартиен настолен календар (дефиниция от Уикипедия).
Популяризирането на плоския стил в дизайна беше улеснено от пускането на операционната система Windows 8 от Microsoft в стил Metro, както и iOS 7, в който Apple също избира плосък стил. След това започва истинската ера на плоския дизайн. Скоро големи услуги за търсене и приложения - Google, Youtube - преминават към плоския дизайн; появяват се много сайтове, които използват принципите на плоския стил в своя дизайн. През последните години плоският дизайн е лидер в световните тенденции в дизайна на уебсайтове.
Предимства на плоския дизайн
- Практичност- използването на плосък дизайн ви позволява да сведете до минимум броя на стиловете, скриптовете и анимациите, което позволява на сайта да се зарежда по-бързо.
- Лесен за адаптиране- плоският дизайн е достатъчно лесен за адаптиране към различни резолюции на екрана.
- Лекота на използване- благодарение на опростения стил потребителите по-лесно възприемат информацията на сайта.
- красота- външната безпристрастност и простият дизайн ви позволяват да се съсредоточите върху дизайн, който наистина ви хваща.
5 принципа на плоския дизайн на уебсайт
Плоският дизайн изобщо не е скучен, както може да изглежда на пръв поглед. Благодарение на тяхната изчистеност и изтънченост, дизайнерските решения могат да бъдат стилни и красиви, без излишен шум, което ви позволява да се концентрирате върху вашия продукт или услуга.
1 - Използване на 2D обекти
Плоският дизайн изключва използването на елементи, които придават дълбочина и обем на даден обект: сенки, градиенти, акценти, текстури, отражения, анимация. Когато се изобрази обект, се показват само неговите очертания.
2 - Икони и прости обекти
Използването на плоски икони и едносрични форми с ясни контури и същия цвят ви позволява да опростите дизайна възможно най-много и да го направите по-лек. Контролите стават интуитивни за потребителя и насърчават взаимодействието.
3 - Прости шрифтове в стила на дизайна
Много внимание се обръща на типографията и шрифтовете в плоския дизайн. Тук не се използва курсив; шрифтът се вписва хармонично в дизайна на уебсайта, не само в съдържанието, но и в навигацията. Дори в типовете шрифтове за сайта се насърчава минималистичният стил.
4 - Игра на цветове
Плоският дизайн съдържа няколко основни цвята, които изключват използването на плавни преходи и градиенти, но могат да бъдат ярки и контрастиращи един с друг.
5 – Минимализъм
Плоският дизайн включва използването на визуализация на елементи, използвайки цялата ширина на екрана и в същото време минимизирайки информацията.
Има такова нещо като почти плосък дизайн. Това е една от концепциите за плосък дизайн, която се основава на използването на прости елементи и двуизмерно пространство. Пример за това би била висококачествена снимка, която замъглява фона или е затъмнена. Това ви позволява да създадете дълбочина и перспектива на обекта.
Примери за плосък дизайн
В интернет, включително в беларуския сегмент, можете да намерите много примери за разработване на уебсайтове с плосък дизайн в различни теми, включително новинарски ресурси, портали и дори онлайн магазини.
От автора:Поздрави приятели! Днес ще говорим за това какво е плосък дизайн или плосък дизайн на уебсайтове. Този термин отдавна е спечелил сърцата на уеб дизайнерите и все още е уверен в тенденцията днес. Най-големите компании (Google, YouTube, Microsoft, Apple Inc. и др.) го използват за дизайн на своите уебсайтове и приложения. Все още ли не сте в сектата на привържениците на плоския дизайн на уебсайтове? Тогава ние идваме при вас!
Каква според вас е причината за такава дива популярност на плоския дизайн? Ще ви отговоря накратко: наистина работи! В тази статия ще ви обясня какво представлява този стил, ще ви разкажа за неговите плюсове и минуси и ще ви покажа някои отлични примери за плосък дизайн на уебсайтове, които със сигурност ще ви вдъхновят да правите страхотни неща. Така че, да тръгваме!
Всичко започна със скевоморфизма
За тези, които не знаят, скевоморфизмът не е мръсна дума, а друг стил на уеб дизайн. Плоският дизайн често се представя като противоположност на скевоморфизма, което според мен не е съвсем правилно. Това е по-скоро опростяване, отколкото антагонизъм.
До 2010 г. скевоморфизмът беше доминиращият стил в дизайна на интерфейса. Той показва елементи, както се появяват в реалността, активно използвайки текстури, сенки, отражения и други атрибути на триизмерно изображение. Apple положи специални усилия в това отношение, като внимателно копира повечето софтуерни обекти от обекти от реалния живот.
Скоро псевдо-изпъкналите икони престанаха да привличат повечето потребители и уеб разработчици, което бележи началото на ерата на плоския дизайн на уебсайтове. Светът стигна до извода, че всички декоративни елементи трябва да бъдат премахнати и да остане само това, което е удобно за крайния потребител за взаимодействие.
„Най-добрият дизайн е възможно най-малко дизайн“
Как Дитер Рамс погледна във водата - известен индустриален дизайнер, който се противопоставя на натрапчивия дизайн, анимационните ефекти и т.н. През юни 2013 г. Apple Inc. представи революционния iOS 7, който получи всички атрибути на плоския стил на уеб дизайн. Самолетът обаче не „победи“ веднага реализма и обема.
Дълго време потребителите не можеха да забравят магията на Стив Джобс и иконите, „които искате да оближете“. Мнозина дори се сбогуваха с „бедните седем“ и преминаха към „лъчист Android“. Масло в огъня наляха големият брой бъгове, присъстващи в iOS 7, и белезникавият полупрозрачен дизайн с паралакс и анимация „сополи“ при отваряне на приложения.
Тези, които се примириха с неизбежната реалност и останаха с операционната система на Apple, в крайна сметка разбраха, че плоският уеб дизайн не само изглежда интересно, но и внася ред и унифициран визуален стил на всички приложения.
Плюсове и минуси на плоския дизайн
Предимствата на използването на този стил включват:
яснота на композицията и сбитост на визуалните средства. Отзивчив интерфейс в стил „нищо излишно“, благодарение на който потребителите бързо осъзнават какво искат да им предадат;
акцент върху добрата типография. Съдържанието е на първо място, което е изключително важно в днешното изобилие от информация;
по-малък размер на уеб страниците и по-бърза работа на сайта поради минимален брой визуални ефекти. Това е особено полезно при създаване на адаптивни версии, тъй като колкото по-прости са формулярите, толкова по-лесно се показват на малки екрани на мобилни устройства.
Плоският уеб дизайн също има своите недостатъци:
ограничаване на въображението на уеб дизайнера до опростени цветове, типография и иконография. Следователно рискът от създаване на скучен и неекспресивен уебсайт е по-висок;
липсата на триизмерност и сенки понякога затруднява разбирането дали даден елемент може да се кликне или не;
липса на конкретни фиксирани правила.
Ако сте решили да използвате този стил на вашия сайт, поздравления - това показва, че държите на потребителското изживяване и сте в крак с времето. Ако току-що започвате като уеб дизайнер и не знаете как да използвате правилно плоския дизайн, за да направите вашия сайт да изглежда подходящ, без да сте опростени, опитайте тези съвети:
Забравете за „тухлените стени“ и ярките фонове. Плоският уеб дизайн има тенденция да използва прости, гладки, меки изображения за фон.
Съвременни тенденции и подходи в уеб разработката
Научете алгоритъма за бърз растеж от нулата в изграждането на уебсайт
Без градиенти, 3D икони, анимирани преходи или други специални ефекти. Всичко това ще утежи сайта ви и ще добави суматоха - имате ли нужда от това?
Използвайте плоски икони с ясни контури, за да добавите удобство и функционалност.
Използвайте ярка, богата цветова палитра. Сега в тенденцията са тонове от слънчевия спектър: светло жълти, розови и зелени. Основното нещо е да не прекалявате - на страницата не трябва да има повече от 3 цвята.
Съсредоточете се върху типографията. При плоския дизайн предпочитание се дава на ярки, оригинални надписи, които създават призив за действие и осигуряват лесна навигация из сайта. Тук също е важно да не прекалявате. Забравете за „ръкописните“ и други фантастични шрифтове. Главни букви могат да се използват за подчертаване на заглавия.
Чувствайте се свободни да използвате различни геометрични фигури. Квадрати, кръгове, линии и други форми не само ще подобрят структурата на уебсайта, но и ще създадат ясна йерархия и ще разделят съдържанието. Потребителите ще оценят това, повярвайте ми.
Опростете навигационното меню и другите елементи на сайта възможно най-много. За бутони използвайте обикновени правоъгълници без сенки или осветяване.
Така с годините уеб сайтовете с плосък дизайн се превърнаха в стандарт, приет от абсолютно всички. Погледнете повечето съвременни уебсайтове - те са плоски до основи.
Накрая ще дам обещаните примери за успешен плосък дизайн, които могат да ви послужат като вдъхновение за създаване на ваши собствени шедьоври.
1. Уебсайт http://dunked.com.
Популярна платформа за публикуване на портфолио, насочена към представители на различни творчески професии. Минималистичният плосък уеб дизайн създава усещането за надеждна и разбираема услуга, която не разсейва вниманието с ненужни специални ефекти.
2. Microsoft интерфейс.
Microsoft е една от компаниите, които направиха плоския стил толкова популярен. Може би си спомняте плейъра Zune, конкурент на iPod, който Microsoft пусна в средата на 2000-те? Така че дизайнът на този продукт беше рязко различен от повечето приложения от онова време, до голяма степен поради голямата типография, плоските икони, големите и ярки форми.
Този интерфейс, наречен Metro, по-късно мигрира към персонални компютри (ОС Windows 8), интерфейса Xbox 360 и други софтуерни продукти на Mircosoft.
3. Уебсайт http://www.vox.com.
Е, вдъхнови ли се? Долу псевдореалистичната 3D естетика!
това е всичко Абонирайте се и споделяйте нашите статии с приятели в социалните мрежи. Високи реализации за вас!
Съвременни тенденции и подходи в уеб разработката
Научете алгоритъма за бърз растеж от нулата в изграждането на уебсайт
Уеб сайтовете в стил плосък дизайн изглеждат като просто геометрично блоково пространство с цветни акценти (икони, текстови акценти, инфографики) с минимум графични детайли и без излишна текстова информация. Както се казва, "минимализъм" и нищо излишно.
Как да не рисувате плоски икони
„Плоският“ дизайн на уебсайтове стана модерен заедно с новите интерфейси на Windows. Нарастващата популярност на този стил в Русия е улеснена от увеличаването на броя на самоуките уеб дизайнери, които не знаят, че интерфейсът на уебсайта и интерфейсът „пръст“ (смартфони) не са едно и също нещо (лесно е да превъртате надолу по страницата с пръст - и, напротив, ще ви трябва много търпение и истински интерес, за да завъртите колелото на мишката надолу 3-4 екрана). В руски плоски сайтове често можете да намерите следните икони:
Примерът е само ярки цветове, които не съвпадат един с друг + икони с лошо качество (взех примера от платен комплект, но почти винаги фрийлансърите използват свободно изтеглени икони от различни комплекти, които също не съвпадат помежду си).
Поради неспособността си да рисуват висококачествени графики, начинаещите дизайнери лесно се възползват от възможността да опростят всичко. В същото време се пренебрегва, че дизайнът в стил „минимализъм“ предполага прецизно висококачествено изработване на детайлите на интерфейса, а не просто поставяне на икони, изтеглени от интернет, върху цветни квадратчета в стила на Windows 8 (което вече може да се намери на много уж „модерни целеви страници“).
Пример за добри плоски икони:
Цветовете и иконите трябва не само да се комбинират помежду си, но и да образуват едно цяло.
Проблеми с нискокачествен флет дизайн
1. Навигация и използваемост
Мрежата НЕ е реално пространство, следователно, за да създадете усещане за реалност и да разберете местоположението си, сайтовете използват „трошки за хляб“, а изображенията на икони са близки до реални обекти за бързо разбиране и лесна навигация. И така, по иконата на къщата веднага става ясно, че това е „дом“, по иконата на слушалката - че това е телефон, по кошницата - че това е кошница (като в супермаркет - всичко е ясно и проста), икона с изображение на подарък - подарък и др.
Новите плоски дизайнери обаче често прекалено опростяват иконите. И колкото по-далеч са дизайнерите от интуитивни изображения, толкова по-трудно е за потребителя да ги интерпретира. Прекомерното опростяване понякога затруднява навигацията. Веднага щом всички се втурнаха да създават модерен плосък дизайн на уебсайтове, опитвайки се да имитират европейските дизайнери, простите правила за използваемост бяха забравени.
2. Дълги обвивки за плоски стъпала
Страниците се простират на 3-4 екрана, като пространството не само се използва пестеливо, но напротив, добавя се прекомерно количество „въздух“. В същото време няма визуална мотивация за превъртане - няма чипове, няма анимация. Не е ясно как разработчиците са планирали да заинтересуват посетителите да превъртат страницата надолу. В края на краищата, в сравнение със сайтове, където всичко е компактно, сайтовете с кърпи за крака изискват много енергия за преместване на мишката през целия екран и превъртане.
3. Объркващи бутони
На плоски сайтове активните елементи вече не са очевидни. С появата на плоския дизайн, бутоните също станаха плоски. Но визуалното изображение на бутона идва от истински физически бутон, а сенките и градиентите просто показват, че „със сигурност можете да щракнете тук“.
4. Лошо нарисувани икони
Поради калпавата работа на дизайнерите, иконите на уебсайтовете (това е особено забележимо при уебсайтовете с плосък стил) са загубили предвидимите си изображения. Или поради ограничените бюджети за дизайн, или поради некомпетентността на самите уеб дизайнери, навигационните елементи на сайтовете често не отговарят на първичните асоциации и са „пресилени“.
Предполагам, че работата по създаването на икони протича по следния начин: според техническите спецификации е необходима иконата „Индивидуален подход към клиентите“. Лично аз имам изображение на мениджър и двама клиента, всеки от които е воден от стрелка с различен цвят (синя стрелка води до син клиент, червена стрелка води до червен клиент). Ако дизайнерът не знае как да рисува, той ще търси икона в готови комплекти (в най-добрия случай ще я купи от фотобанка, в най-лошия случай ще я изтегли от интернет) и използвайте този, който е най-подходящ по смисъл. Най-вероятно това ще бъде икона на мъж с вратовръзка или куфар. Като цяло той не стигна много далеч, но все пак в дизайна на сайта ще бъде ясно, че куфарът за „Индивидуален подход към всеки“ и часовникът за „10 години на пазара“ (между другото, всъщност видях го!) – измами дизайнерът.
5. Фокус върху фалшивото съдържание
Плоският дизайн на уебсайт предполага фокус върху съдържанието. Е, очевидно - ако не се набляга на графиката, то на информацията. Но ако внимателно разгледате „модерните“ целеви страници в плосък стил, предлагани от руските уеб студия, малко внимание се обръща на съдържанието. а именно:
- Текстът е представен хаотично. Не е ясно как се поставят акцентите в него, към какво да се придържаме и кое е второстепенно.
- Няма дизайн като такъв. Таблици, списъци с водещи символи, заглавия, съобщения често изобщо не са разработени.
- Често гол текст. Няма снимки или икони, които да поддържат визуално текстовите блокове. В резултат на това акцентът не е нито върху графиката, нито върху текста, а върху самия „стил“. В същото време компанията и нейните оферти се губят.
И така, необходим ли е изобщо плоският дизайн за уебсайтове?
Всичко е ясно с дизайна на интерфейсите за смартфони - леки, ненатоварени, лесни за използване. Но с дизайна на уебсайтове в плоския стил аз лично имам голям въпрос: ефективен ли е изобщо?
Повечето Клиенти не разбират качеството на графиките и, когато одобряват дизайн на уебсайт, се ръководят от личния си вкус (харесвам/не харесвам). И тук модата играе роля.
Плоският дизайн на уебсайт може да бъде готин. НО! Готиният дизайн изисква наистина висококачествен дизайн на използваемостта и графичните елементи и наличието на творчески функции и ефекти. И ако ги няма в дизайна, ако сайтовете нямат оригиналност, изглеждат монотонни, празни и скучни. Като цяло това е, което сега се предлага на повечето руски сайтове.
Пример за висококачествен плосък дизайн:
Модата на плоския дизайн на уебсайтове е временна, както всяка друга мода. Някои хора създават оригинални, креативни дизайни, докато други ги копират и имитират стилно, защото не знаят как да ги измислят сами. А евтините "модни" сайтове растат като гъби...
