Арбат 54/2 с1 459 офис
Для звонков по России

Как не испортить шаблон?

Наболевшая тема о шаблонном дизайне
564

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

Для наглядности пример:

1

Рис. 1 Дизайн с демонстрационным контентом

2

Рис. 2 Сайт, заполненный клиентом


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


1. Внимание к изображениям.

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

Еще до выбора шаблона, нужно определиться есть ли у Вас возможность подбирать однотипные изображения для заполнения сайта (например, на прозрачном/белом фоне или одного размера).

Если такая возможность есть, отлично! После покупки понравившегося Вам шаблона, необходимо будет проанализировать, используемые в демонстрационном варианте, изображения и постараться подобрать схожие по стилю и свойствам картинки для своего сайта.Главное обращать внимание на фон, размер и разрешение изображений, используемых в шаблоне. Именно под эти признаки придется подстраиваться в подборе и подстройке своего контента. Например, на рис.1 для заполнения сайта были использованы изображения товаров в формате .png на прозрачном фоне, поэтому визуально они смотрятся "легче" и не видно четкого квадрата блока разметки. В то время, как на рис.2 вставлены обычные фотографии, которые ограничивает разметка сайта, и изображения выглядят "грубыми" обрезанными квадратами.

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


2. Слишком длинный текст


 Начнем с примера:

3

Рис. 3

На первый взгляд ничего страшного здесь нет, но если посмотреть внимательнее, можно заметить, что текст в некоторых местах "съехал" со своих позиций. Чтобы избежать такой ситуации нужно или сокращать количество символов в тексте, или внимательно смотреть, чтобы в выбранном Вами шаблоне было достаточно места для Вашего контента, так как дизайнер вполне мог и не предусмотреть столь длинные названия или большие суммы. Если при рассмотрении вариантов Вы видите, что для заголовков или текста отведено слишком мало места, то такой шаблон лучше не приобретать, в противном случае Вы получите эффект, как на рис. 3


3. Шрифт

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


Следуя трем простым советам вы сможете сохранять ваш сайт аккуратным и привлекательным для клиента!


ОПУБЛИКОВАНО:
19 Января 2018
ПРОСМОТРОВ
564

Наш офис
в Москве

ул. Арбат 54/2 с1, оф 459
Для звонков по России
бесплатно
Для звонков по России
8 800 600 50 50
Петровка 27 а 256 офис