Дизайн сайта для новичков

Общие концепции

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

Всегда следует ставить себя на место посетителя. Смотрите на свой сайт его глазами. Посетитель посещает его с одной первоначальной целью, — найти ответ на возникший вопрос и решить какую – то свою, вполне конкретную проблему.

Ваша задача должна состоять в том, чтобы он не ограничился только этим. Рядом должна быть информация, по качеству и полезности не уступающая той, которую он получил. Кто из нас не желает приобрести какую-нибудь приятную и обязательно бесплатную полезность в тему. Ее место, что называется «под рукой».

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

Обратите внимание на два скриншота, представленные ниже.

Дизайн сайта для новичков

Дизайн сайта для новичков

 

 

 

 

 

 

 

 

 

 

 

Ответьте себе на вопрос, что сразу бросается в глаза.

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

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

Простота залог успеха

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

1. Цвет шаблона должен соответствовать выбранной тематике. Если ваш сайт о строительстве, господствующие тона, ассоциативно, должны совпадать с теми, которые возникают у вас в голове, когда вы произносите слово стройка.
К примеру, строительство, это всегда понятие, связанное з основанием, т.е. землей. Значит и сам шаблон, и цвет его выделяющихся элементов, должен иметь соответствующую цветовую гамму. Гармонировать с преобладающим цветом используемых строительных материалов. Дерево, кирпич – коричневатый, бежевый, серый тон. Если у Вас сайт садоводство – огород – цвета зеленой гаммы и т.д. Никогда не выбирайте шаблоны прямых «твердых цветов» (КОЖЗГСФ). Если кто-то забыл, или не знал, как запомнить основную цветовую гамму , простая запоминалка. «Каждый Охотник Желает Знать Где Сидят Фазаны», Красный — Оранжевый _ Желтый — Зеленый — Голубой — Синий — Фиолетовый, — соответственно.

 Сосредоточьте свое внимание на полутонах.

2. Цвет фона шаблона, контента (текста). Возьмите любой текст, который нанесен на цветной фон и попытайтесь его прочесть. Не фрагментарно, а вчитавшись, и понять, как вы воспринимаете материал. Сравнив его с белым фоном печатной страницы, уверен, однозначно, сделаете выбор в пользу белого фона.

Во-первых, он не отвлекает, а во вторых, — не утомляет зрение. Материал с белого фона воспринимается примерно на 15-20% эффективнее.
Точно так же, или примерно так же, все происходит и с посетителем. Фон растворяет внимание и требует напряжения и переосмысления полученного материала.

Аналогичный эффект происходит и при чтении текста с цветным шрифтом. Когда станете маститым web-мастером, тогда будете экспериментировать на заказ. А поскольку вы пока только новичок сайтостроитель, делать этого не рекомендуется.

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

Отсюда вывод: однозначно «черное на белом», черный текст на белом фоне.

Гармония

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

Моментальная упрощенная оценка предмета, — «нравится» — «не нравится». Выдающийся греческий философ и математик Пифагор, живший, кстати сказать, в VI веке до нашей эры, вывел в свое время «правило золотого сечения». Его испокон веков использовали в своей работе строители, архитекторы и дизайнеры. Оно позволяет создавать предметы идеальные или близкие к релевантному восприятию.

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

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

Если у Вас это чувство гармонии не убили напрочь существующие реалии, тогда все получится. И Вы будете довольны, и посетитель будет чувствовать себя на Вашем сайте комфортно, и не спрыгнет через 5 секунд. Ну а если не удастся с первого раза, ничего страшного. Исправление ошибок, — путь к совершенству.

Подытожим

Конечно же, концептуальные правила выбора дизайна сайта для новичка, не ограничиваются только вышеперечисленными. Но на первых порах начинающим этого вполне достаточно. Ресурс будет и для себя комфортным, да и посетители, чувствуя комфорт, будут неспешно знакомиться с полезным (оригинальным!) контентом и добавлять Вам рейтинга в «глазах» поисковиков.

1. Соответствие цвета шаблона тематической направленности сайта или блога.
2. Цвет фона и шрифта – «черное на белом».
3. Гармоничность элементов шаблона.

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

В следующих статьях раскроем тему проверки шаблонов на вирусы и адаптивность.

Бонусы

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

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

В разделе консоли, — «внешний вид» — «темы» нажимаете кнопку «добавить новую», далее переходите в «загрузить тему», загружаете тему в за архивированном виде. После загрузки нажимаете кнопку «просмотреть», и если Вас все устраивает, - «установить». Пока нет контента, не все элементы шаблона будут отображаться на сайте. Пусть Вас это не пугает. Дерзайте. На странице тем можно подобрать и другие, из предложенных самим WordPress.

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

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

Вы начали делать свой сайт или блог? Тогда берите бесплатный материал по заработку в интернете, изучайте, внедряйте,зарабатывайте! Заработок на партнерках, — реальный и быстрый заработок уже завтра!

Если статья Вам понравилась, не забудьте кликнуть по кнопкам социальных сетей и «твиттнуть» 

 


По этой теме:

Сабмит в закладки