7 правила за създаване на прост дизайн
Дръжте го просто, глупаво. Тази концепция датира от 1960 г., когато ВМС на САЩ прилагат принципа KISS, който поддържа, че повечето системи работят най-добре, ако са прости, а не сложни. Същото важи и за почти всеки дизайнерски проект.
Повечето графични дизайнери научават за KISS още в кариерата си. И така, как можете да го направите? Създаването на прост дизайн е малко по-сложно, отколкото може би си мислите. Ето седем правила, които да проектирате, които ви помагат да отрежете цялата струя и да създадете красиво прост акаунт.
Разгледайте дизайнерските ресурси
1. Задайте по една цел на страница
Началото на прост дизайн започва с цел за проекта и конкретни цели за всяка страница на уебсайта. Всяка страница трябва да доведе потребителите до едно действие, с изключение на навигацията и долния колонтитул.
Това може да бъде всичко, като щракнете върху връзка, въведете информация във формуляр, гледате видео или играете игра. Но всяка страница трябва да се фокусира върху едно потребителско действие или реализация.
Твърде много неща за правене могат да затрупат потребителите. Те могат да загубят представа какви действия трябва да бъдат завършени и може да направят по-малко желания избор. Планирайте дизайна така, че всяка страница да доведе потребителите до една единствена цел. Всеки действащ бутон над свитъка и под превъртането на една и съща страница трябва да прави едно и също нещо. Тази последователност помага на потребителите да разберат защо са на вашия сайт и какво трябва да правят; простотата на тези решения прави дизайна лесен и завладяващ.
2. Придържайте се към два типа семейства
Има толкова много дизайнерски указания, които препоръчват три типа шрифтове за проект. Можете да оптимизирате това още повече с две здрави семейства от тип.
Потърсете семейство тип, което включва множество тегла с много контраст между обикновените и смели или черни опции. За още по-усещане изберете избор на дисплей, който включва няколко алтернативни знака, които можете да използвате в големи размери на заглавия.
Тогава всичко, което трябва да направите, е да смесвате и да съвпадате с шрифт на тялото и шрифт на дисплея, за да получите страхотни комбинации от букви за целия дизайн. Използвайте два типа семейства, точно както бихте избрали повече опции с конкретна употреба за определени тегла или стилове.
Ще откриете, че това може да ви помогне да създадете добре четена и лесна за използване палитра за типография, която е лесна за управление и има визуална консистенция.
3. Използвайте последователно подравняване
Вляво, в центъра или дори вдясно - каквото и подравняване да ви хареса, придържайте се към него в целия дизайн. Това включва подравняване като елементи, като текстови полета и елементи, които не си приличат, но се вписват в групи.
Adaptable върши чудесна работа за това с текста на плъзгача на началната страница. Въпреки текст с различен брой редове на изображението, всяко заглавие се подравнява с бутона за призив към действие. Разстоянието между елементите също е последователно.
Нещо повече е, че това последователно подравняване се извършва в превъртането с други заглавия и CTA двойки.
Изравняването съответства на потока на плъзгача, който също се движи в допълваща посока. Подравняванията вляво и в центъра са най-често срещаните опции, когато става въпрос за текстови елементи, защото те са най-четими. При по-дълъг текст предпочитаната опция е подравняването вляво.
4. Установете йерархия
Потребителите не трябва да мислят какво да гледат или как да преминат през дизайн. Дори и най-простите визуални композиции трябва да имат отчетлива йерархия.
Започва с доминиращ визуален. Това може да бъде изображение, видео или текст или нещо друго, което ще направи първо впечатление.
Тогава трябва да има някакъв текст, който казва на потребителя какъв дизайн и уебсайт се опитват да комуникират. Това обикновено е под формата на обикновено заглавие, което работи с доминиращия визуален.
Трето е вторичен бит текст или действие, което потребителите трябва да изпълнят. Последният визуален елемент е меню за навигация. Потребителите очакват да намерят всички тези елементи и окото е обучено да се движи през елементите в този ред. Улеснете ги, като проектирате по този начин.
5. Дайте на елементи много пространство
Ако не го знаете досега, свържете това с памет: Бялото пространство е ваш приятел.
Дайте на всеки елемент от дизайна достатъчно място. Пространството ще ви помогне да привлечете вниманието към отделните елементи, заема „място”, така че да не се изкушавате да претрупвате платното и да помогнете да създадете цялостен дизайн, който да е съсредоточен.
Номерът за добро използване на пространството е постоянството. Задайте правила за количеството пространство, което ще огражда отделни елементи или се побира между редове текст. Ако дизайнът изглежда твърде безплоден, може да се наложи да се върнете на разстоянието само малко. Ще разберете, че разстоянието е правилно, когато отворите дизайна свеж и отидете право на местата, които искате потребителите да видят първо. (Не сте сигурни какви са? Върнете се към № 4 - Установете йерархия.)
6. Контраст за усилване
Висококонтрастните дизайнерски елементи - от избор на цвят до размера на елементите - могат да дадат на проекта точно нужното количество визуална финес, от което се нуждае, дори и в най-минималните рамки.
За модерен вариант опитайте ярка контрастираща цветова палитра, за да привлечете вниманието на потребителя. Смелите цветове ще направят един прост дизайн да се почувства по-сложен и интересен, отколкото черно-бял вариант. За да се възползвате максимално от контрастиращия цвят, изберете оттенъци от противоположни позиции на цветното колело със сходни наситености. Ако тази опция ви е прекалено много, опитайте с други цветни двойки на колело. (Може дори да намерите неочакван нов фаворит, като например лилавата и сълзената комбинация по-горе.)
7. Използвайте последователни икони и елементи
Последователността в дизайна е една от най-добре пазените тайни на дизайна на убийците. Това е едно от онези неща, които се забравят твърде често, тъй като дизайнерските проекти са обсипани с множество стилове на бутони или икони на социални медии, които просто не съвпадат с останалата част от иконографията на уебсайта.
Елементите на потребителския интерфейс не трябва да бъдат замислени.
Важно е да създадете набор от икони и потребителски интерфейсен елемент и правила и да ги ползвате по целия проект по един и същи начин. (Можете дори да купите или изтеглите шрифт на икона или комплект от елементи на потребителски интерфейс, ако не искате да ги създадете от нулата.)
Изберете цвят за елементи, използвайте едно и също действие или ефект на задържане за всеки (един за елементи, които могат да се кликват, а друг за елементи, които не са) и елементи с размер въз основа на използване. (Приемливо е да имате както размер на иконата, така и огромен вариант за елементи, които са малко по-графични.)
Praticca вендинг машини използва извънгабаритни икони, например, за да ориентира потребителите, тъй като има повече информация. A + се намира вътре в цветна икона. И трите икони са идентични встрани от цвета. Всички те правят едно и също нещо при задържане и всички действат по един и същ начин, когато потребителят кликне. Една и съща икона се използва по-малка в целия сайт, за да стартира нови битове на съдържание и да помогне на потребителите да сканират копието.
заключение
Един прост дизайн не трябва да бъде напълно минимален или да липсва забавни елементи или потребителски интерфейс. Прост дизайн е този, който е много използваем и интуитивен, позволява на потребителите да се ангажират без въпроси и сложни инструкции.
Въпреки че има място за по-сложни уебсайтове или потребителски взаимодействия, повечето дизайни на уебсайтове могат да се възползват от KISS подхода. Не го преосмисляйте и потребителите няма да трябва нито едното, нито другото.
