landy.blog

Микросоветы по UI и UX: часть 2

Статьи
При создании эффективных и красивых пользовательских интерфейсов для вашего проекта иногда достаточно внести минимальные корректировки, чтобы быстро улучшить дизайн, который вы пытаетесь создать.

Иногда достаточно простых приемов, чтобы создать что-то, чем действительно будут довольны ваши клиенты, пользователи и вы сами.

01 Используйте общепринятые значки в пользовательских интерфейсах, чтобы не запутать пользователя.


При добавлении значков к своим проектам всегда старайтесь выбирать общепринятый значок, который четко представляет действие, которое должно быть выполнено.

Выберите значок, который передает правильное значение и функциональность, так как все остальное только вводит в заблуждение и становится когнитивным препятствием для пользователя.

Не будьте слишком бунтарями с этими иконами.


02 Используйте правило близости, чтобы обозначить отношения между элементами.


Среди множества опробованных и проверенных доступных принципов дизайна (контраст, пространство, повторение и т. д.) есть один, который поможет вам создавать более понятные пользовательские интерфейсы для ваших пользователей...

Близость.

Близость - помогает объединить элементы дизайна вместе, сигнализируя о их взаимосвязи друг с другом. Что, в свою очередь, помогает ускорить понимание пользователем при сканировании вашего сайта или приложение.


03 Базовая сетка 4 пункта + сетка 8 пунктов = Гармоничный вертикальный ритм.


При работе со шрифтом использование базовой линии 4pt вместе с универсальной сеткой 8pt может придать вашим проектам гораздо более гармоничный вертикальный ритм.

Вам просто нужно выровнять свой текст по базовой сетке 4, используя значение высоты строки, кратное 4 (16, 20, 24, 28 и т. Д.)

Почему 4? Что ж, лично для себя я обнаружил, что в прошлом масштабирование, кратное 8, было не так универсально при работе с определенными размерами текста.

Базовая сетка 4 пункта + сетка 8 пунктов = Сладкая вертикальная гармония.


04 Можно уменьшить высоту строки в заголовках.


В отличие от длинного основного текста, который требует достаточной высоты строки для лучшей читаемости, заголовки обычно намного короче, поэтому вы можете немного уменьшить интервалы.

Рекомендуемая высота строки для заголовков обычно примерно в 1–1,3 раза больше размера текста, и чем больше вы делаете, тем меньшую высоту строки вам нужно добавить в смесь.


05 Не можете выбрать цветовую схему? Используйте аналогичные цвета в цветовом круге.


Аналогичные цвета, также называемые смежными или соседними оттенками, являются одними из самых гармоничных цветовых схем и могут помочь вам, если у вас возникли проблемы с выбором цветов, которые хорошо сочетаются друг с другом.

Набор смежных оттенков, состоящий из основных, дополнительных и третичных цветов, может помочь вам быстро создать простую пуленепробиваемую цветовую схему.

Применяйте аналогию, когда вам нужно быстро внести цветовую гармонию в микс.


06 Попробуйте максимально увеличить соотношение сигнал-шум в своих проектах.


Ясность и удобство использования в ваших конструкциях могут быть достигнуты за счет максимального увеличения сигнала и минимизации шума, что, в свою очередь, обеспечивает высокое отношение сигнал / шум.

Вы можете добиться этого, убедившись, что релевантная информация (сигнал) представлена эффективно, а нерелевантная информация (шум) уменьшена или полностью удалена.

Обрежьте лишнее. Сделайте яснее. Увеличьте отношение сигнал / шум.


Я надеюсь, что с помощью этой короткой коллекции микро-советов по пользовательскому интерфейсу и пользовательскому интерфейсу вы немного лучше поняли, как даже самые незначительные изменения в вашем дизайне могут привести к гораздо лучшему конечному результату как для вас, так и для ваших пользователей.

При создании эффективных и красивых пользовательских интерфейсов для вашего проекта иногда достаточно внести минимальные корректировки, чтобы быстро улучшить дизайн, который вы пытаетесь создать.

Иногда достаточно простых приемов, чтобы создать что-то, чем действительно будут довольны ваши клиенты, пользователи и вы сами.



Оригинальная статья marcandrew.me
Перевод Александр Лавренюк
Редактор Валерия Жадан
Made on
Tilda