Вт

08

ноя

2011

Дизайн сайта: подбор шрифтов

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

Контраст

 

 

Следует следить за тем, чтобы цвет шрифта подходил цвету фона.

Например, никто не сможет долго читать зеленый текст на красном фоне!

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

Правильные цветовые комбинации

Размер шрифта и расстояние между строками

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

Подбор шрифта на сайте Jimdo

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

Заголовки

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

 

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

<style type="text/css">

h1,h2,h3 {
letter-spacing:-1px ;
}

h2,h3 {
margin-top:20px ;
}

</style>
Изменение CSS в сайте  на Jimdo

Надеемся, что наши советы помогут вам!

Успехов в дизайне ваших сайтов желает вам команда Jimdo.

Оставить комментарий

Комментарии: 21
  • #1

    POPUTIMARKET.COM (Вторник, 08 Ноябрь 2011 13:57)

    Уже 2 года жду когдаже появится возможность выбирать шрифт в заголовках!

  • #2

    delice-cat (Вторник, 08 Ноябрь 2011 15:12)

    да-да...очень не хватает выбора шрифта

  • #3

    Облепиха (Вторник, 08 Ноябрь 2011 15:20)

    Ребяты, шрифты текстов и заголовков настраиваются во вкладке "Стиль"

  • #4

    art-letoile-damour (Вторник, 08 Ноябрь 2011 15:22)

    Вы знаете, я действую так - набираю текст в Word, задаю нужный мне размер шрифта (иногда, просто лошадиного размера (да, простят меня все лошади мира)) и вставляю его в свой сайт. НО !!! исключительно через Мозилу. Данный факт - ключевой. Иначе (через иные браузеры) заданный шрифт не сохраняется при перенесении в тело сайта. Заходите ко мне - www.art-letoile-damour.com (лучше всего в Анонсы, пресс-релизы и прочие светлые мысли Show LEtoile DAmour) и убедитесь сами.

    Если есть добрые люди, подскажите мне как, ЗАРАЗА, из длинных ссылок своего сайта сделать короткие и, главное, рабочие. У Jindo, на мой взгляд это самая главная недоработка.

  • #5

    Михайловская Людмила (Вторник, 08 Ноябрь 2011 16:48)

    знать бы еще как делается этот самый легкий фон)))

  • #6

    Андрей (Вторник, 08 Ноябрь 2011 18:14)

    Настя, ну вот почему народ должен что-то вставлять в HEAD, чтобы изменить то, что должно быть давно встроено в редактор?! Ну возьмет пользователь, начнет прописывать CSS, забудет закрывающую скобку прописать не дай бог, потом непонятки, почему у меня не вышло...
    Я вот не понимаю, вроде немцы такая нация, все держат в порядке, стараются изменить в лучшую сторону, а редактор как был недоделанным...
    Кстати, опомнились, я про подбор цвета шрифта в общих чертах написал уже столетие назад на своем Джимдо-сайте. =)

  • #7

    Облепиха (Вторник, 08 Ноябрь 2011 20:05)

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

  • #8

    Облепиха (Вторник, 08 Ноябрь 2011 20:06)

    Прошу прощения, я имела в виду Людмилу :)

  • #9

    Андрей (Среда, 09 Ноябрь 2011 04:45)

    Народ, все знают английский? Есть куча русских сайтов на эту тему-вот например http://colory.ru

  • #10

    72tmn (Среда, 09 Ноябрь 2011 06:16)

    Людмила слушай облепиху !!! она гуру ( вполне серьёзно)

  • #11

    Ваш Доктор (Среда, 09 Ноябрь 2011 18:51)

    Сделать короткую ссылку просто.Не копируйте ее из браузера а напишите как она выглядит.И все.Например ссылка может выглядеть так http://psoriaz.jimdo.com/%D0%BC%D0%B0%D0%B7%D1%8C-%D0%B0%D0%BD%D1%82%D0%B8%D0%BF%D1%81%D0%BE%D1%80/ и так http://psoriaz.jimdo.com/мазь-антипсорчто одно и то же.

  • #12

    ori-rum (Четверг, 10 Ноябрь 2011 20:57)

    А заголовки можно делать цветными?Я не нашла.

  • #13

    Облепиха (Пятница, 11 Ноябрь 2011 08:54)

    Конечно можно! Там же во вкладке "Стиль", но это может зависеть от выбранного вами шаблона.

  • #14

    infoblogger (Пятница, 11 Ноябрь 2011 10:59)

    Спасибо, как раз не хватало этой возможности)

  • #15

    Надя (Воскресенье, 13 Ноябрь 2011 17:44)

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

  • #16

    citnamor (Понедельник, 14 Ноябрь 2011 19:56)

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

  • #17

    lambs (Понедельник, 21 Ноябрь 2011 19:49)

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

  • #18

    Облепиха (Вторник, 22 Ноябрь 2011 09:46)

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

  • #19

    senator-kiss (Четверг, 01 Декабрь 2011 09:17)

    Здравствуйте.Я тоже шрифт пишу в ворде потом переношу, мне нравится, приглашаю посмотреть.
    С ув.Ирина

  • #20

    Вижунов Владимир Владимирович (Понедельник, 19 Декабрь 2011 12:29)

    А почему до сих пор нельзя никак редактировать ссылки. Может я хочу сделать ее больше или окрасить в другой цвет. И еще очень большой недостаток - почему заголовок нельзя делать ссылкой?

    Интернет магазин - почему после добавления товара и перехода из "каталог товаров" в "товар" название товара никак не отделяется от основного текста. Почему нельзя регулировать заголовок товара, изменить его цвет? При чтении он никак не отличается от текста - это сильная недоработка, очень. В современных инт. магазинах заголовки крупнее, а здесь ... вообщем мне это жутко не нравится ((

  • #21

    Облепиха (Пятница, 23 Декабрь 2011)

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