converlab

Дизайн. Юзабилити. Конверсия.

Written by: Дмитрий Наумов on 21.05.2010 @ 8:00 дп

Правильно подобрать шрифт и разработать общую типографику для сайта — дело непростое! Непростое даже в полиграфии, в веб-дизайн – вдвойне! Облегчить задачу поможет сервис Font Tester, благодаря которому можно попробовать несколько вариантов и наглядно сравнить их между собой. Утилита бесплатная, поэтому может вам пригодится.

По-началу интерфейс сервиса вводит в заблуждение, но потратив 5 минут, с ним можно элементарно разобраться. Давайте я вам в этом помогу.

Утилита FontTester

На самом деле все довольно просто. Органы управления находятся в левой колонке. Первое что можно выбрать — это количество вариантов для сравнения 1 или 2, если вы не хотите ничего сравнивать, оставляйте одну колонку (если вам мешают 3 по умолчанию):

Выбор количества колонок в FontTester

Выбор количества колонок в FontTester

По сути, самая важная кнопка — Edit:

Редактирование колонок в FontTester

Редактирование колонок в FontTester

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

Кстати, сервис может сразу выдать вам соответствующий CSS-код. Для этого нужно нажать «Get CSS».

Font Tester — полезный инструмент, который реально может помочь. Полезный еще и потому что напоминает о том что оформление шрифта это не только теги bold (strong) или italic. Поэтому, соберетесь экспериментировать со шрифтом имейте Font Tester в виду.

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

Popularity: 6% [?]

Поделиться в соц. сетях

0

Tags: ,

Catogories: Дизайн, Инструменты
  • http://www.liveinternet.ru/users/2203716/ Делитант

    Комментировать особо нечего. Просто в закладки :)