|
| СОЗДАНИЕ САЙТА |
СМЕНА ДИЗАЙНА |
ПОДДЕРЖКА САЙТА |
РАСКРУТКА САЙТА |
СТАТИСТИКА ПОСЕЩЕНИЙ |
ПЕРЕВОД ТЕКСТОВ |
|
|
|
|
Подбор шрифта и верстка текста
Правильно подобранный может сделать многое, если не сказать, что почти все, на вашей веб-страничке. При правильном использовании шрифтов и при безупречной верстке, можно водить пользователя по сайту и подсознательно заставлять его углубляться все дальше и дальше в ваш проект. Большинство начинающих дизайнеров, даже не догадываются о тех богатых возможностях, которые кроются в шрифтах. Дабы рассеять неясность в столь замечательных кругах я и написал эту статью.
2. Термины Первым делом согласуем наши знания на уровне терминов. Разложим все по полочкам и будем говорить на профессиональном языке. Шрифт - гарнитура определенного кегля и начертания. (упустим межсимвольные интервалы и интерльяж. Они нам не пригодяться) Кегль - размер гарнитуры подобранный для данного шрифта. Измеряется в пунктах. Начертание - стиль написания гарнитуры. Например - полужирный, италик (наклонный) или одновременно и то и другое. Гарнитура - совокупность литер (символов), обедененных одним стилем и общей идеей. Например Times или Arial. Есть также такие параметры, как межсимвольный интервал и интерльяж (межстрочный интервал), но из-за расхождений в реализации css ведущими броузерами, нам этими параметрами придется пользоваться только в Photoshop. Ну уж если разговор пошел об этой замечательной программе, то нельзя не упомянуть про сглаживание (anti-asign). При включении этого параметра ваши тексты будут немного размеваться по краям и тем самым помогут вам избавиться от угловатости графики. С терминами техническими разобрались, теперь определимся с описанием гарнитур. Все они деляться на гарнитуры с засечками и без них.Теперь не трудно догадаться, что значат непонятные serif и sans serif, так часто виденные вами после названия гарнитуры (взгляните на MS Serif и на MS SansSerif и вы поймете о чем я). Вот в принципе и все теперь переходим к изучению азов шрифтового дизайна.
3. Уместное использование Как мы с вами уже определились гарнитуры бывают рубленые и с засечками. Рубленые шрифты идеально подходят для заголовков. Они притягивают к себе внимание и заставляют читателя бросить на них взгляд. Наиболее частая ошибка начинающих - выбор рубленого шрифта для основного текста. Если в печатном издании можно регулировать межсимвольный интервал, то в интернете это пока вопрос будующего. Из за особенностей начертания рубленых шрифтов (особенно малого размера) буквы сливаются друг с другом, а это, как вы наверное понимаете никак неспособствует повышению читабельности текста. Из этого следует четкий вывод. Рубленые шрифты - только большого кегля и с увеличенным межсимвольным интервалом.
Гарнитуры с засечками намного более функциональны. Благодаря именно своим засечкам, они позволяют набирать тексты небольшого размера (в 10-12 пункиов) с потерей читабельности равной нулю. Но к огромному сожалению такие шрифты в своем большинстве не выразительны. Для заголовка лучше выбирать рубленый шрифт. Ну, а если, какие-то неведомые силы (в виде стилиста например) не позволяют вам менять шрифт, тогда стоит прибегнуть к какому-нибудь приему выделения, о кoторых я раскажу чуть ниже.
Существует еще и третий вид гарнитур. Декоративные. При работе с ними будте предельно осторожны! При всей своей красоте и изящьности у них есть один сильный недостаток - их трудно читать. Чаще всего декоративные шрифты используются в логотипах и для создания внутреннего настроения на веб-странице (например страницы с древне-русской тематикой используют старославянские гарнитуры и т.д.).
Теперь проведем маленький, но очень наглядный эксперимент, который продемонстрирует особенности таких известных гарнитур, какTimes (с засечками) и Arial (рубленый). Заголовок Times Заголовок Arial текст одной ячейки наберите гарнитурой Times при размере в десять пунктов и при нормальном начертании. текст второй ячейки наберите гарнитурой Arial при размере в восемь пунктов и при нормальном начертании. Путаница с кеглями здесь не случайна. Так, как пункт довольно абстрактная величина я равнял кегли по пикселам. Теперь расслабьтесь и посмотрите на получившийся результат. Попытайтесь проследить, куда падает ваш взгляд и какую колонку вы начали читать в первую очередь. Скорее всего я знаю ваш ответ.
Теперь, как я и обещал чуть выше, мы поговорим о выделении текста на общем плане страницы. Наиболее простой способ выделения заголовков - изменение гарнитуры и кегля заголовка от основного текста (так-же менять можно и цвет с начертанием). Второй способ выделения текста (из наиболее приемлемых в интернете) это изменение цвета фона для всей колонки текста. Возьмем нашу табличку и поставим туда серый фон. Заголовок Times Заголовок Arial текст одной ячейки наберите гарнитурой Times при размере в десять пунктов и при нормальном начертании. текст друой ячейки наберите гарнитурой Arial при размере в восемь пунктов и при нормальном начертании. Ну и наконец самый проверенным способ. Это выворотка или попросту говоря инверсия цветов. Вы берете текст и задний фон и меняете их цветами. Кроме того, если вы делаете графические заголовки, топеред вами предстают огромные возможности по выделению заголовков. Самые приемлемые из них это тень и обводка текста. Экспереминтируйте, но главное не забывайте о размере ваших страниц.
|
|
|
||
| 2008 © sun-system.com.ua Создание сайта Раскрутка сайта |
создание сайта | смена дизайна | поддержка сайта | раскрутка сайта статистика посещений | перевод текстов |
|