АДРЕС:
улица Семьи
Сосниных, 3, Киев
RU
AVILTON > Все категории > UI/UX Дизайн > 10 золотых правил веб-дизайна

10 золотых правил веб-дизайна

В этой статье мы перечислим список советов — константы которые нельзя изменить.

1. Проектируйте на плотность, но не на пиксели
Плотность – это число пикселей на одном дюйме экрана или PPI. Единица измерения «dp» – это сокращение от выражения «независимый от плотности экрана пиксель», также могут сокращать это понятие в аббревиатуру «dip».
Лучше делать проектирование не для пикселей, а для плотности экрана на котором будет просматриваться дизайн. Это позволит сделать правильный масштаб элементов в интерфейсе, чтобы все соответствовало устройству.

2. Используйте шаг 8dp.
Зачем нам нужно это делать именно с таким шагом? Простое объяснение этому в магическом числе 8, потому что оно четное. Например, если мы возьмем шаг 5 и устройство с разрешением 1,5х то в результате не получим нужное отображение элементов. Еще один фактор, который указывает нам на то, что нужно использовать именно 8, это то, что сейчас почти каждый размер экрана можно поделить на 8 и с легкость выровнять ваш дизайн на устройстве.

3. Убирайте линии и рамки
Когда вы проектируете вы должны делать шаг назад и смотреть, не перегружают ли контейнеры ваш интерфейс. Бывает что, рамки и линии, которые нужны, чтобы делить визуально контент, можно заменить отдельным полем, или блоком.
Элементы при проектировании вставляют в блоки, следуя из этого,если убрать ненужный контейнер, получим менее плотную страницу.

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

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

6. Играйтесь с цветом
Основная суть заключается в том, что если вам нужно добавить важности определенному блоку с информацией, выделите его цветом в той же цветовой гамме ( чтобы не “резало глаз”) это придаст ему визуального веса.

7. Чем больше шрифт, тем лучше (нет)
Чаще всего оптимально использовать два шрифта, но это не значит, что если кейс требует больше, все равно придерживаться этого количества.
Простым выходом из такого случая есть использовать смежное семейство шрифтов. Это будет хорошо выглядеть визуально и плюс ко всему все будет сочетаться.

8. Узнаваемость
Для пользователя это важно тем, что он спокойно может делать свои задачи, а не каждый раз пытаться вспомнить например, какой же заказ он оформляет. Главной мыслью этого пункта является — простота и ясность дизайна.

9. Не замедляете процесс
В интернет, каждый пользователь ценит скорость. Не нагружайте дизайн анимациями или графикой, которая может забирать дополнительное время. Добавлять отвлекающие факторы, это давать время на подумать и возможно решить не совершать покупку.

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

Метки:

Related Posts:
Scroll