Въпреки че много дизайнери на UI и UX ще създават своите проекти в цвят, използването на нива на сивото може да е добра идея. Ето какви са ползите.

Има много техники и съвети за създаване на най-добрите графични дизайни и UX/UI дизайни. Проектирането в нива на сивото може да бъде полезно, когато проектирате вашите UX/UI елементи или страници. Ако сте искали да увеличите резултатите от дизайна си или да научите нови техники за подобряване на дизайна си, проверете изведете тези 10 причини, поради които проектирането на вашия UX/UI дизайн в нива на сивото ще увеличи успеха ви в дизайна.

1. По-добра достъпност

UX/UI—Потребителско изживяване/Потребителски интерфейс—основната функция на дизайна е да предостави на потребителите ви най-доброто изживяване с най-добрите интерфейси, които можете да създадете. Това включва създаване на достъпен дизайн за вашите потребители и приобщаване към всеки, който взаимодейства с вашия дизайн.

Проектирането в нива на сивото ви позволява да се съсредоточите първо върху достъпни части от дизайна като контраст, размер и разстояние. Лесно можете да забележите контраста, когато използвате тонове в сивата скала. Контрастът често се пренебрегва, когато проектирате в цвят, особено ако нямате никакви зрителни увреждания, които правят липсата на контраст трудно забележима.

instagram viewer

Дизайн първо във висококонтрастна сива скала и след това в цвят, следващ Указания за достъпност на WCAG, и можете също да използвате инструменти за симулиране на цветна слепота за да видите как вашият дизайн изглежда за другите. Това ще гарантира, че вашите UX/UI дизайни са достъпни за повече хора.

2. Фокусира се върху оформлението и структурата

Като дизайнер, вашият основен фокус е върху функцията, а не върху формата. Въпреки че дизайнерите правят нещата да изглеждат добре, те също трябва да функционират добре, преди да бъдат красиви. Като проектирате в нива на сивото, можете да се съсредоточите върху оформлението и структурата на вашия дизайн, без да се разсейвате от цвета.

Конкретно в UX/UI дизайна оформлението и структурата са най-важни. Вие проектирате как потребителят взаимодейства с вашето приложение или уеб страница. Оформлението трябва да има смисъл, а структурата на страницата или приложението трябва да е конкретна. Цветът може да последва, след като останалото е на мястото си.

3. Неутрална отправна точка за сътрудничество

Ако работите в дизайнерски екип, проектирането първо в сива скала позволява на всеки да започне от неутрално място. Твърде често екипи от креативни хора се сблъскват с толкова незначителни елементи като цвета, когато има по-важни аспекти на UX/UI дизайна.

Започването на неутрално място със скала на сивото позволява усилията ви за сътрудничество да се съсредоточат върху най-важното. Можете да проектирате елементи, оформления, типография и интерфейс, без да мислите за цветове и декорации.

След като сътрудничеството е съгласувано с оформлението на UX/UI, можете да обмислите цветове, за да подобрите структурния дизайн. До този момент вашият екип щеше да работи хармонично заедно и цветовите решения няма да са толкова стресиращи.

4. По-бързи итерации

Да имате завършена основата на вашия дизайн и да знаете как функционира означава, че правенето на итерации е много по-бърз процес. Когато не се фокусирате върху цвета, итерациите са по-бързи за правене, споделяне и вземане на решения, особено когато работите директно с клиенти.

Клиентите често се фокусират върху цвета преди функцията на дизайна. Премахването на цвета от опциите за итерация означава, че клиентът, дизайнерският екип и вие можете да се движите по-бързо, за да се съсредоточите върху това, което има нужда от промяна.

Когато всичко е в сива скала, преместването на елементи или преоразмеряването на частите е по-бързо. Няма да се налага непрекъснато да преоцветявате елементи, за да се поберат или да обмисляте разположения въз основа на подобни или несъответстващи цветове. Това със сигурност ускорява компонента на дизайна.

5. По-лесно за оцветяване

Много по-лесно е да добавите цвят, ако сте проектирали в сива скала. Ако всичко е предварително проектирано и съгласувано, тогава цветът е почти последната стъпка от процеса.

Проектирането в нива на сивото не ви ограничава до проектиране само в черно. Можете да проектирате в нюанси на сивото, което ви позволява да въвеждате контрастни разлики във вашите проекти, докато сте в процеса на проектиране.

С наличието на визуални разлики в контраста е много по-лесно и по-бързо да приписвате цветове на елементи, особено когато следвате указанията за достъпност за цветовия контраст. Използвайки ограничена цветова палитра, трябва да приписвате на всеки цвят стойност на контраст. След това просто въвеждате всеки цвят със стойност на контраста във вашия дизайн в скала на сивото.

6. Спира визуалния безпорядък

Проектирането в сива скала ви позволява да се съсредоточите върху елементите на дизайна. Твърде много цвят може да добави бъркотия по време на вашия дизайн - както в процеса на проектиране, така и в крайния продукт.

Премахването на разсейването на цвета по време на проектиране може да доведе до изчистени и организирани дизайни, като гарантира, че няма да прекалявате с дизайна с цвят или други елементи. Вашият UX/UI дизайн ще бъде чист и вместо това ще показва вашия елегантен дизайн.

7. Цветът не е най-важният фактор

Цветът често помага на цимента стил или насоки на марката и често се превръща в елемент, с който е известен вашият проект, марка или бизнес, но цветът не е най-важният фактор за UX/UI дизайн. Ще разберете това, ако някога сте го знаели превърна вашия iPhone в режим на сивото.

Ако даден дизайн все още може да функционира без проблем в сивата скала, тогава вашият дизайн работи успешно. Няма значение какви са цветовете във вашия дизайн, тъй като те не са важни за функцията.

Добавянето на текстура и форма към вашите UX/UI дизайни ще увеличи функционалността спрямо простото използване на цвят. Като с Правила за композиция на фотографията, има и правила за съставяне на дизайна и те са много сходни.

Разбийте своя UX/UI дизайн и се уверете, че той функционира добре, е достъпен за всички и изглежда добре. След това нанесете цвят, за да отразите вашата марка.

8. Получете по-конструктивна обратна връзка

Това беше леко засегнато в по-ранна точка, но с отвличането на вниманието на цвета от уравнението, вашият UX/UI дизайн ще получи по-конструктивна обратна връзка. Такъв е случаят, независимо дали приемате критики от вашия дизайнерски екип от професионални дизайнери или ако споделяте проекта си с клиент, който не знае нищо за дизайна.

Естествено, хората виждат цвета и го свързват с определени аспекти, като отрицателни или положителни конотации, очаквания, свързани с пола, или други асоциации. Като представяте дизайни в сиви нюанси, вашата конструктивна критика може да се съсредоточи само върху дизайна, без да бъде засенчена от цветови асоциации.

9. Спестете време и пари

В света на бизнеса времето е пари. Като спестявате време за проектиране в нива на сивото, вие спестявате пари в дългосрочен план.

Добавянето на цвят в началните етапи на проектирането отнема време. Тогава, без съмнение, бихте прекарали време в промяна или редактиране на цветове по време на процеса на проектиране, вместо да се фокусирате върху проектирането. Това отново отнема повече време от процеса на проектиране.

Като добавите цвят в края на вашия дизайн, вече ще знаете кои елементи и оформления използвате; много по-лесно и по-бързо е да добавите цвят към съществуващи дизайнерски елементи, отколкото да се опитвате да обмислите цветове за елементи, които все още не съществуват.

10. UX/UI цветовете могат да се променят

UX/UI дизайните и приложенията позволяват на много потребители да вземат цвета в свои ръце. Въпреки че дизайнът на вашия интерфейс е фокусът, а цветът е последната част от внедряването на вашия дизайн, не забравяйте, че много потребители променят цветовете на своите уеб страници и приложения на устройства.

Светлият режим и тъмният режим ще променят избора ви на цвят, въпреки че така или иначе трябва да проектирате за всяка опция във вашия процес; разгледайте нашите съвети за проектиране на потребителски интерфейс в тъмен режим.

Има много забавни странности, които позволяват на хората да променят цветовете на дизайна на каквито пожелаят, независимо от вашия избор на цвят в процеса. Тези странни инструменти – като потребителите на iPhone промяна на цветовете на текстовите балончета или промяна на цвета на текста на iOS устройства— означава, че усилията ви да проектирате за цветове може да изчезнат и е по-добре вашият дизайн да работи в сива скала или всеки цвят, а не само в един цвят.

Проектирането в скала на сивото ще разшири вашите UX/UI дизайни

Може да изглежда странно да започнете да проектирате в нива на сивото, когато сте живели живот в проектиране в цвят, но е добра практика да започнете да правите. Проектирането в нива на сивото ще добави фокус върху важни елементи на дизайна като форми, текстури и достъпност. Това ще придаде повече смисъл на вашия дизайн, вместо да се фокусира върху елемент като цвят, който така или иначе може лесно да се променя от потребителите.