Втр
08
Ноя
2011
Дизайн сайта: подбор шрифтов
Сегодня мы хотим поговорить про подбор шрифтов и цвета для ваших сайтов. Возможно, вам уже попадались черные сайты с ярко-красным текстом, который невозможно прочитать из-за того, что болят глаза. Хочется побыстрее покинуть такой сайт и не возвращаться к нему никогда. Поэтому мы и решили написать в этой статье как же правильно подобрать цвета и шрифты на своем сайте, чтобы посетителям это нравилось и они оставались на сайте, а не убегали в испуге.
Контраст
Следует следить за тем, чтобы цвет шрифта подходил цвету фона.
Например, никто не сможет долго читать зеленый текст на красном фоне!
За текстом должен располагаться легкий фон, не отвлекающий от чтения. Если найти подходящий цветовой вариант, то посетители вашего сайта будут с удовольствием читать ваши тексты. На сайте kuler.adobe.com можно подобрать различные цветовые комбинации.
Размер шрифта и расстояние между строками
Во вкладке "Стиль", которая находится на панели управления сайтом, вы можете задать размеры шрифта на своем сайте.
Выбирая размер шрифта, помните о том, что есть люди с не очень хорошим зрением, поэтому не выбирайте маленький размер шрифта. Расстояние между строк тоже можно взять от 140% или больше, тогда текст будет выглядеть воздушнее и будет легче читаться.
Заголовки
Заголовки используются для выделения текста. Слишком большие заголовки привлекают к себе внимание, слишком маленькие заголовки трудно отличить от обычного текста.
Совет: используя этот CSS-код, вы можете изменить расстояние между буквами во всех видах заголовков. В заголовках 2 и 3 вы можете увеличить расстояние от текста вверх, чтобы получить больший эффект.
<style type="text/css">
h1,h2,h3 {
letter-spacing:-1px ;
}
h2,h3 {
margin-top:20px ;
}
</style>
Надеемся, что наши советы помогут вам!
Успехов в дизайне ваших сайтов желает вам команда Jimdo.
Комментариев: 21
-
#1
Уже 2 года жду когдаже появится возможность выбирать шрифт в заголовках!
-
#2
да-да...очень не хватает выбора шрифта
-
#3
Ребяты, шрифты текстов и заголовков настраиваются во вкладке "Стиль"
-
#4
Вы знаете, я действую так - набираю текст в Word, задаю нужный мне размер шрифта (иногда, просто лошадиного размера (да, простят меня все лошади мира)) и вставляю его в свой сайт. НО !!! исключительно через Мозилу. Данный факт - ключевой. Иначе (через иные браузеры) заданный шрифт не сохраняется при перенесении в тело сайта. Заходите ко мне - www.art-letoile-damour.com (лучше всего в Анонсы, пресс-релизы и прочие светлые мысли Show LEtoile DAmour) и убедитесь сами.
Если есть добрые люди, подскажите мне как, ЗАРАЗА, из длинных ссылок своего сайта сделать короткие и, главное, рабочие. У Jindo, на мой взгляд это самая главная недоработка. -
#5
знать бы еще как делается этот самый легкий фон)))
-
#6
Настя, ну вот почему народ должен что-то вставлять в HEAD, чтобы изменить то, что должно быть давно встроено в редактор?! Ну возьмет пользователь, начнет прописывать CSS, забудет закрывающую скобку прописать не дай бог, потом непонятки, почему у меня не вышло...
Я вот не понимаю, вроде немцы такая нация, все держат в порядке, стараются изменить в лучшую сторону, а редактор как был недоделанным...
Кстати, опомнились, я про подбор цвета шрифта в общих чертах написал уже столетие назад на своем Джимдо-сайте. =) -
#7
Лидия, там в тексте есть ссылка на сайт, где вы можете посмотреть и подобрать различные цветовые комбинации для фона и для текста.
-
#8
Прошу прощения, я имела в виду Людмилу :)
-
#9
Народ, все знают английский? Есть куча русских сайтов на эту тему-вот например http://colory.ru
-
#10
Людмила слушай облепиху !!! она гуру ( вполне серьёзно)
-
#11
Сделать короткую ссылку просто.Не копируйте ее из браузера а напишите как она выглядит.И все.Например ссылка может выглядеть так 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
А заголовки можно делать цветными?Я не нашла.
-
#13
Конечно можно! Там же во вкладке "Стиль", но это может зависеть от выбранного вами шаблона.
-
#14
Спасибо, как раз не хватало этой возможности)
-
#15
по поводу комментария о вставке текста из Word - не рекомендуем никому. Если на вашем компьютере и в вашем браузере сайт смотрится замечательно и красиво, то у других вставленный из редактора текст может поехать или отобразиться каракулями.
-
#16
Спасибо, хорошая новость, шрифты пожалуй самое главное в сайте, действительно обидно, что про них вспомнили только сейчас, а не в первую очередь!Но всё равно Спасибо, что хоть вспомнили...
-
#17
Привет всем. Ребят, все-таки как обстоят дела с выбором вида шрифта. Сейчас пробую Free и выбор уж больно мал. В других версиях также или нет? Спасибо
-
#18
Нет, выбор шрифтов зависит от того, какие из них поддерживаются всеми браузерами. Ведь вам же важно, чтобы ваш сайт одинаково выглядел во всех браузерах, не так ли? К сожалению, не так много шрифтов, которые поддерживаются всеми браузерами.
-
#19
Здравствуйте.Я тоже шрифт пишу в ворде потом переношу, мне нравится, приглашаю посмотреть.
С ув.Ирина -
#20
А почему до сих пор нельзя никак редактировать ссылки. Может я хочу сделать ее больше или окрасить в другой цвет. И еще очень большой недостаток - почему заголовок нельзя делать ссылкой?
Интернет магазин - почему после добавления товара и перехода из "каталог товаров" в "товар" название товара никак не отделяется от основного текста. Почему нельзя регулировать заголовок товара, изменить его цвет? При чтении он никак не отличается от текста - это сильная недоработка, очень. В современных инт. магазинах заголовки крупнее, а здесь ... вообщем мне это жутко не нравится (( -
#21
Владимир, вы можете отредактировать ссылки используя теги HTML, но на мой взгляд, ваш сайт будет как разноцветная елка, в этом случае. Интернет-магазин будет развиваться и дальше в новом году как функционально, так и по дизайну.
Версия для печати