Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Главное Свежее   Проекты
Рекомендуем
Продвинуть свой проект
1 352 13 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Несколько простых правил по созданию дизайна сайта

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

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

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

1) Правила созданы, чтобы их нарушать

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

2) Используйте иконки там, где это нужно

Есть такие элементы дизайна, благодаря которым сразу понятно, о чём тот или иной блок. Например: Лупа - поиск, дискета - сохранить, дом - домашняя страница. Такие элементы помогают сделать сайт более понятным и удобным. Но стоит разместить иконку сохранить, например, в поиск, как у пользователя сразу возникнет недоумение.

3) Цвет - это не украшение, а элемент дизайна

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

4) Используйте шрифты правильно

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

5) Просите помощи у других людей

Итак, у вас есть все основные элементы дизайна, с иконками и картинками, с правильным сочетанием цветов и шрифтов. Что дальше? - Получение помощи от других.

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

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

Авторы статьи: Александр Никитин, Константин Щербина

Отредактировала статью: Алёна Ивахненко

-1
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Подбираем рекоммендации...
Комментарии
Первые Новые Популярные
Taras Nikitin
Неделя правил продолжается. Тут и правила дизайна и правила разработки интерфейсов и правила ведения переговоров и правила создания сайтов.
Не иначе чем где-то прорвало трубу по которой правила текут.
Ответить
Алёна Ивахненко
О, правила ведения переговоров, отличная тема)) Киньте ссылку где это было, если можно)
Ответить
Taras Nikitin
Так недавно же: что нельзя говорить заказчику/дизайнеру.
Я же не о Ваших именно публикациях, а в целом по статьям на SPARK :)
Но правила это не отличная идея, эти типовая идея, а отличная это статья: "Как мы создали свою команду" или на тему "Где взять заказчиков, если вы команда разработки дизайна и сайтов".
Ответить
Алёна Ивахненко
Хорошие идеи, особенно последняя. Можно описать свой опыт по поиску заказчиков. Следующую статью об этом и сделаем)
Ответить
Taras Nikitin
Мне идей не жалко. Идеи генерировать это же не байты в коде ворочать :)
Ответить
Kuoll
запись и воспроизведение багов в веб-приложениях
Dmitry Kaigorodov
Хочется картинок и примеров!
Ответить
Montless
Команда удаленных разработчиков и дизайнеров
Konstantin Shcherbina
Тут нет такой конкретики, чтобы можно было что-то продемонстрировать :) Собственно по тексту всё ясно, что и как.
Ответить
Flatstudio
Рисуем и программируем сложные Ui-Ux системы для компаний и стартапов.
Bohdan Kononets
у человека вконтакте полно ворованных картинок
Ответить
Montless
Команда удаленных разработчиков и дизайнеров
Konstantin Shcherbina
Желаем пруф, что мы у вас что-то своровали, так как эту концепцию мы делали исключительно сами.
А вы, как маленький ребёнок, что-то не по вашему - вы бежите ставить отрицательные оценки.
Ответить
Flatstudio
Рисуем и программируем сложные Ui-Ux системы для компаний и стартапов.
Bohdan Kononets
Забавно о ребенке и отрицательном оклеек слышать от человека который писал с нового года это отклики нам везде в соц сетях а после чего слизал картинки с нашего старого сайта студии.
Ответить
Montless
Команда удаленных разработчиков и дизайнеров
Konstantin Shcherbina
И мы всё же ждём сворованную нами у вас работу.
Вы щас просто пустословите.
И уж давайте тогда сразу док-ва того, что я у вас что-то в соц сетях писал. Придумываете всё на ходу...

Научитесь воспринимать нормально критику, а не пытаться придумывать всякий бред и потом гадить.
Ответить
Flatstudio
Рисуем и программируем сложные Ui-Ux системы для компаний и стартапов.
Bohdan Kononets
А правила по ворованию идей в дизайне вы почему не добавили?

Слизали же этот скрин по полной
Ответить
Montless
Команда удаленных разработчиков и дизайнеров
Konstantin Shcherbina
Желаем пруф, что мы у вас что-то своровали, так как эту концепцию мы делали исключительно сами.
А вы, как маленький ребёнок, что-то не по вашему - вы бежите ставить отрицательные оценки.
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать