Вт

16

сен

2014

Идеальный сайт: стиль, изображения, шрифты

Стиль вашего сайта

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


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

Содержание

Выбор варианта шаблона

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

Выбор варианта шаблона

Выбор варианта дизайна шаблона

  • После выбора шаблона, нажмите на иконку «Варианты шаблона», чтобы увидеть различные версии
  • Вы можете примерять разные шаблоны и варианты, а ваши посетители увидеть изменения только после их сохранения
  • Обратите внимание, что не во всех шаблонах варианты стиля идентичны

 Варианты шаблона отличаются 

  • Комбинациями цветов, размеров и типов шрифтов для текстов и заголовков
  • Различной шириной области контента на сайте
  • Различным расположением боковой панели, подвала сайта и навигационного меню
  • Различными вариантами цветовой гаммы шаблона, а также уровнями прозрачности фона и области контента

Ваш собственный стиль

Использование вариантов шаблонов — простой и быстрый способ стилизовать ваш сайт и быть уверенным в том, что сочетания основных элементов на нём совершенно гармоничны. Тем не менее, вполне вероятно, что вы захотите самостоятельно произвести ещё несколько стилистических изменений. Сделать их с помощью обновлённого редактора стиля очень просто! Вы хотите использовать ваши корпоративные цвета в дизайне вашего сайта? Теперь вы можете выбрать цветовую гамму сайта, абсолютно точно соответствующую, например, логотипу фирмы. В брендбук (от англ. brandbook) вашей компании уже давно предписан определенный набор шрифтов, к которому привыкли ваши клиенты? С огромным набором новых шрифтов, которые мы используем в новом Jimdo, вы можете перенести ваш корпоративный стиль прямо на ваш сайт. 

Подбор цветовой гаммы сайта

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

 

Полезные советы

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

Плохой пример

Пример неудачной цветовой гаммы сайта

Использование фото и изображений для фона

Полностью настраиваемые шаблоны Jimdo позволяют стилизовать сайт, просто кликая на ту область, которую нужно изменить в редакторе стилей. Устанавливать фотографии и изображения в качестве фона сайта можно прямо из меню выбора шаблонов, кликнув на "Фон". С помощью целого ряда опций можно устанавливать в качестве фона одиночное изображение, слайд-шоу или даже видео. Важно, чтобы фотографии были очень хорошего качества и подходили под тему вашего сайта. Кстати, теперь вы можете настраивать прозрачность области контента вашего сайта. Для этого вам нужно просто кликнуть на неё в режиме редактирования стиля. 

 

Полезные советы

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

Плохой пример

Пример неуачного использования фона сайта

Подбор шрифта 

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


Полезные советы

  • Выберите шрифт, который легко читается и цвета, контрастирующие с фоном. Оптимальный размер шрифта для текста — 14px и 16px с межстрочным интервалом 1,5.
  • Для заголовком можно использовать шрифт поэкзотичнее, например, один из шрифтов с засечками. Для текста лучше подойдёт шрифт без засечек. 
  • Варьируйте размеры заголовков, чтобы выстроить иерархию контента сайта. Мы рекомендуем следующие размеры: Заголовок 1 (44px-50px), Заголовок 2 (32px-38px), Заголовок 3 (20px-30px).
  • Использование жирного шрифта и курсива подходит для заголовков. В тексте же их можно применять только для выделения важных частей.
  • Используйте не более 3 типов шрифтов и стилей на сайте.
  • Не используйте заглавные буквы для написания текстов.

Плохой пример

Неудачный пример использования шрифтов

Заключение

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

День с сотрудником Jimdo | Советы от профессионала

16-17 СЕНТЯБРЯ с 12:00 — 18:00 часов (московское время) — День с сотрудником Jimdo

Хотите получить персональную рекомендацию или спросить мнения у сообщества наших пользователей? Верно ли построена структура вашего меню и удачно ли расположен контент? В течение указанного времени один из специалистов Jimdo будет консультировать вас в режиме реального времени! Зарегистрируйтесь в сообществе Jimdo и задайте любые интересующие вас вопросы по созданию обновлённого дизайна для вашего сайта.

Сообщество Jimdo ►


Комментарии: 11 (Дискуссия закрыта)
  • #1

    smilalife (Вторник, 16 Сентябрь 2014 17:59)

    Класс

  • #2

    Белкельме (Четверг, 18 Сентябрь 2014 22:21)

    советы о шрифтах оказались дельными, спасибо!

  • #3

    f (Пятница, 19 Сентябрь 2014 09:33)

    Обновление Jimdo классное конечно ))

  • #4

    chumakova-irina (Среда, 24 Сентябрь 2014 14:14)

    мне очень трудно разобраться во всем этом...плиззз помогитееееее!!!

  • #5

    Сендерова Ольга (Понедельник, 13 Октябрь 2014 09:34)

    Спасибо! Всё отлично и понятно!

  • #6

    Копирайтер Ольга Бурачкова (Вторник, 21 Октябрь 2014 17:13)

    Действительно,безупречный вкус и чувство стиля!

  • #7

    Сендерова Ольга (Четверг, 23 Октябрь 2014 02:40)

    Огромное спасибо команде Jimdo! У нас несколько сайтов Jimdo, и мы очень довольны! Успехов всем!

  • #8

    Валерий Кушнарев (Пятница, 07 Ноябрь 2014 08:23)

    А возможно ли добавление своего шрифта?

  • #9

    f (Понедельник, 10 Ноябрь 2014 08:11)

    ОК

  • #10

    elyubrus (Воскресенье, 14 Декабрь 2014 15:48)

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

  • #11

    Артур (Понедельник, 29 Декабрь 2014 09:48)

    Для себя определил оптимальный размер шрифта для текста — 18px.