Найти тему
themedia

В чем сила, брат? В мелочах, брат...

Привет, это themedia.

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

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

Дизайн в деталях
Дизайн в деталях

Сегодня разберем ряд моментов, на которые точно стоит обратить внимание, чтобы вывести свой сайт на новый уровень.

- Отступы.

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

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

Решить эту проблему несложно. Просто сгруппируйте каждый логический блок информации и оставьте между группами 150-200 пикс. свободного пространства.

Ваааааяяя как красиво стало
Ваааааяяя как красиво стало

Вуаля.

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

То же самое касается кнопок. Не нужно их плющить или делать слишком широкими. У кнопок тоже есть душа! В идеале задать внутренним отступам кнопок следующие значения:

18-24 пикс. - по вертикали

32-50 пикс. - по горизонтали

*в зависимости от кегля текста

Это по горизонтали
Это по горизонтали
А это по вертикали
А это по вертикали

Также не стоит забывать о сохранении пропорций при изменении размера кнопок!

ATTENTION!!!
Специально для читателей Телеграм-канала
themedia_news мы подготовили бонус стоимостью 30.000 рублей и отдаем его за 0 рублей!
Стратегическая сессия по разбору упаковки вашего сайта с главой отдела дизайна themedia Робертом Шамсиевым.
Успей записаться по этой
ссылке, количество сессий ограничено.
https://themedia.ru.com/strdesign1

- Выравнивания.

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

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

Вот так не надо
Вот так не надо

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

А вот так надо
А вот так надо

Излишняя анимация.

Еще одна частая ошибка - всунуть в сайт как можно больше анимации. И совсем не важно, что теперь текст тупо не читается, а посетителя укачивает. Главное, что все прыгает и летает. Не мучайте пользователя! Используйте анимацию аккуратно и только для того, чтобы подчеркнуть важную информацию. Запомните, анимация ради анимации – Зло.

-Монотонность.

Бывает, листаешь сайт, и на 4-5й блок уже начинаешь задумываться о своем, пока на экране крутится тягомотная, скучная простыня из информации и картинок. Не дайте посетителю заскучать, просто добавьте контраста!

К примеру, если у вас весь сайт выполнен в светлых тонах, не лишним будет добавить несколько темных или цветных блоков

Придать контраста также можно при помощи изображений и даже анимации. Главное, не переусердствовать в этом деле (см. предыдущий пункт)

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

themedia

Подписывайте на наш Телеграм-канал @themedia_news и прокачай свой сайт на максимум!

Для связи:

Telegram @themedia_hello

WhatsApp +7(969) 037-65-01

Сайт themedia.ru.com