Ръководство за начинаещи за плосък дизайн
В миналото уеб дизайнерите обръщат особено внимание на демонстрирането на своите умения и портфолио, като опаковат сайтове с крещящи илюстрации и анимации, които уж очароваха посетителите им. След това дойде преход към скеуоморфния дизайн, който се опита да донесе реалния живот на екрана, с фалшиво реалистични текстури, сенки и характеристики на реални обекти.
Това отстъпи място на плоския дизайн, който се противопостави на всички тези „изкуствени“ дизайнерски техники в полза на по-опростена, класически дигитална естетика. И макар този ориентиран към потребителите стил на уеб дизайн да съществува от много години, той все още е толкова актуален и популярен, както винаги, и наблюдава възраждане в дизайн на лого също. Така че, ако все още не сте сигурни за какво става въпрос, това ръководство може да е точно това, от което се нуждаете ...
Какво е плосък дизайн?
Плоският дизайн е минималистичен дизайнерски подход, който подчертава използваемостта. Той се отличава с чисто, открито пространство, отчетливи ръбове, ярки цветове и двуизмерни илюстрации.
Microsoft беше една от първите, които приложиха този стил на дизайн към своя интерфейс, възприет от някои като реакция срещу популярния скеуоморфен дизайн, който Apple започна с интерфейса си за iOS. Вместо да преобразуват обект от реалния живот, като календар, в малка реалистична илюстрация, привържениците на плоския дизайн идентифицират приложения с прости, подобни на икони изображения.
Вместо да приведе аспекти от реалния живот към интерфейс, това илюстрира ясно разделение между технологията и тактилните обекти.
Минималистичен не означава скучен
При плоския дизайн декоративните елементи се разглеждат като ненужна бъркотия. Ако даден аспект няма функционална цел, това отвлича вниманието на потребителя. Това е причината за минималистичния характер на плоския дизайн.
Само че липсата на някакъв крещящ дизайн не означава, че този стил е скучен. Ярките, контрастни цветове карат илюстрациите и бутоните да изскачат от фона, лесно привличат вниманието и насочват окото на потребителя. Целта на минималистичните изображения също допринася за функционалния характер на плоския дизайн.
Плоският дизайн е опростен
Простите изображения предават съобщенията по-бързо от подробните илюстрации. Изображения като икони могат да показват универсални действия или цели, така че всеки да може лесно да ги разбере.
Лесно е да се види непосредствената разлика между скеуоморфния и плоския дизайн. Забележете колко по-големи, едноцветни блокове привличат повече внимание и смисълът на иконите може бързо да бъде възприет.
Иконите по-горе показват само някои от иконите, използвани през 2021 г., включително спорното ребрандиране на иконите на Google от миналата година. Опасността тук е, че тъй като всички те следват плоската тенденция на дизайна и използват ярки цветове, за да издигнат дизайна си, те почти стават твърде сходни (както разгледахме това парче ). Това просто показва, че има тънка граница между следващите тенденции като плосък дизайн и открояването сред тълпата.
Какво можете да научите от плоския дизайн
Плоският дизайн се връща към основите на дизайна като функционален инструмент. Уебсайтът е проектиран и оценяван според това колко добре работи, за разлика от това как изглежда.
Тази необработена функционалност принуждава фокуса на сайта да бъде върху потребителското изживяване, така че уебсайтовете, които успешно използват този стил на дизайн, вероятно ще получат положителни отзиви като лесни за ползване.
Как да създадете плосък дизайн
За да се създаде ефективен плосък сайт, всички елементи на дизайна трябва да бъдат съсредоточени върху тази идея за простота. Плътните, живи цветове придават на аспектите акцента, необходим за отделянето им вместо илюстративни детайли; типографията без засечки осигурява чиста, отчетлива добавка към илюстрациите; текстът е кратък и точен; Потребителските елементи като бутони и връзки са ясни и забележими.
Всичко трябва да бъде проектирано със същата цел, за да се създаде сплотен визуален и функционален уеб дизайн. По-долу има няколко чудесни примера за плосък дизайн ...
Примери за плосък дизайн: Tripfinder
Това дизайн на приложение за планиране на пътуване от индонезийски дизайнер на потребителски интерфейс Бади прави изключително лесно резервирането на полет въз основа на пакети и бюджети. Всичко е ясно и разбираемо, а дизайнът разчита най-вече на цветове и икони, за да даде смисъл. Копието е сбито и аспектът на потребителския интерфейс за търсене на идеален полет е очевиден.
Примери за плосък дизайн: Уебсайт на Burger King
Burger King е ребрандиран в началото на 2021 г. с голямо признание, а новото му лого е майсторски клас с плосък дизайн. Неговият уебсайт е преработен, за да съвпада и използва прости илюстрации и икони, за да насочва потребителите из сайта. Приложението също приема подобен рационализиран подход.
Примери за плосък дизайн: Приложение за времето
Това дизайн на интерфейса на приложението за времето показва, че плоският дизайн може да бъде успешен дори без използването на ярки цветове. Изчистената иконография и голямата типография насочват вниманието към най-важните аспекти на времето, което потребителят търси.
Когато изследвате плоския дизайн във вашата работа, не забравяйте да проектирате всеки аспект с минималистична и ориентирана към потребителя перспектива, за да осигурите единен интерфейс. След като успешно направите това, вашите потребители ще оценят функционалната природа на вашия уебсайт.
Свързани статии:
- Новото лого на Nissan се присъединява към плоския дизайн
- Къде да намерим вдъхновение за дизайн на лого
- Най-добре платените и безплатни софтуер за дизайнер на лого
