Как сделать красивый дизайн сайта?
Сергей, Самара 217 просм.
Подскажите, пожалуйста. Пытаюсь сам собрать сайт для своей мастерской по ремонту техники на конструкторе, но выглядит как будто я его в 2010 году делал: шрифты вразнобой, кнопки то круглые, то квадратные. Как добиться, чтобы сайт смотрелся современно, если бюджета на дизайнера пока нет?
Елена Захарова UI/UX-дизайнер
ответил
Красивый сайт почти никогда не про яркие эффекты - он держится на трех простых правилах: не больше 2-3 цветов в палитре, не больше двух шрифтов на весь сайт (один для заголовков, второй для текста) и достаточно воздуха между блоками, чтобы взгляд не спотыкался. Ваша разношерстность с кнопками - типичный симптом отсутствия единой системы, а не нехватки таланта.
Начните с палитры. Возьмите один основной цвет, близкий к вашему логотипу или сфере (для мастерской по ремонту техники подойдет что-то техничное - синий, графитовый), один яркий акцентный для кнопок и заявок, и нейтральные серые для фона и текста. Дальше зафиксируйте это в конструкторе как правило и не отступайте от него ни на одной странице.
С шрифтами то же самое: выберите одну гарнитуру под заголовки (можно чуть декоративнее) и одну под основной текст (обязательно читабельную, без засечек мелким кеглем). Смешивать больше двух шрифтов почти всегда портит впечатление, даже если каждый по отдельности красив.
Отступы часто недооценивают, а зря - именно они отличают дизайн-сайт от самодельного. Правило простое: между смысловыми блоками отступ должен быть заметно больше, чем внутри блока. Если текст и картинка соседней секции почти слипаются, страница выглядит тесной и дешевой независимо от качества фото.
Если после этого сайт всё равно смотрится не так, как у конкурентов с хорошим бюджетом, вероятно, дело уже не в цвете и не в шрифтах, а в структуре и композиции блоков - это как раз то, что решается работой профессионального дизайнера, а не подбором настроек в конструкторе.
Задать свой вопрос
Вопросы проходят модерацию. Ответ специалиста студии публикуется на сайте в течение пары дней.
Вопрос отправлен на модерацию. После проверки он появится на сайте вместе с ответом.
Вопрос не отправлен: нужно подтвердить согласие на обработку персональных данных.