Изменение размера шрифта.
Продолжая тему юзабилити.
Зрение у всех разное: кто-то видит хорошо, а кто-то не очень.
Поэтому и существует кнопка "Размер шрифта" в браузере (либо Ctrl + колесико мыши).
Но с флэшем эта кнопка не работает и размер шрифта в ролике остается, каким его сделал дизайнер. Это минус юзабилити. Это надо исправлять.
Немного теории.
Есть во Флэше такая замечательная вещь как текстовые поля. Особенно динамические. Особенно классная опция "Render text as HTML", которая позволяет юзать html-теги для форматирования текста. А какие есть хорошие html-теги? Думаю хватит теории, пора приступать к практике.
1. Запускаем Flash, открываем новый документ.
2. Создаем поле Dynamic text, назначаем ему переменную (поле Var), например, tekst и жмем кнопку "Render text as HTML"
3. В действиях кадра пишем:
_root.t = "Здесь ваш текст.";
_root.tekst = _root.t
Переменная t - это текст поля. Почему я не написал _root.tekst = "Здесь ваш текст."; станет ясно чуть позже.
4. Рисуем 3 кнопки (крупный - средний - маленький размер текста). Постарайтесь рисовать так, чтобы при первом же взгляде на них было ясно для чего они - опять-таки для улучшения юзабилити. Пользователь не должен гадать для чего та или иная кнопка.
5. В действиях для кнопки пишем:
on(press){
_root.tekst = "<font size="xx">" + _root.t + "</font>";
}
Отсюда же и понятно почему я не написал _root.tekst = "Здесь ваш текст." - чтоб "Здесь ваш текст." по четыре раза не переписывать, да и редактировать потом легче будет.
Вместо "XX" ставим нужный размер шрифта. Лично я поставил так: маленький - 10, средний - 15, крупный - 20. Но можно даже и побольше. А можно вместа тега <font> поюзать теги <h1-6>. Проще будет.
6. Это все. Получившийся файл весит 562 байта (у меня) - размер смехотворен для такого повышения юзабилити.
Вот так вот простенько...
Зрение у всех разное: кто-то видит хорошо, а кто-то не очень.
Поэтому и существует кнопка "Размер шрифта" в браузере (либо Ctrl + колесико мыши).
Но с флэшем эта кнопка не работает и размер шрифта в ролике остается, каким его сделал дизайнер. Это минус юзабилити. Это надо исправлять.
Немного теории.
Есть во Флэше такая замечательная вещь как текстовые поля. Особенно динамические. Особенно классная опция "Render text as HTML", которая позволяет юзать html-теги для форматирования текста. А какие есть хорошие html-теги? Думаю хватит теории, пора приступать к практике.
1. Запускаем Flash, открываем новый документ.
2. Создаем поле Dynamic text, назначаем ему переменную (поле Var), например, tekst и жмем кнопку "Render text as HTML"
3. В действиях кадра пишем:
_root.t = "Здесь ваш текст.";
_root.tekst = _root.t
Переменная t - это текст поля. Почему я не написал _root.tekst = "Здесь ваш текст."; станет ясно чуть позже.
4. Рисуем 3 кнопки (крупный - средний - маленький размер текста). Постарайтесь рисовать так, чтобы при первом же взгляде на них было ясно для чего они - опять-таки для улучшения юзабилити. Пользователь не должен гадать для чего та или иная кнопка.
5. В действиях для кнопки пишем:
on(press){
_root.tekst = "<font size="xx">" + _root.t + "</font>";
}
Отсюда же и понятно почему я не написал _root.tekst = "Здесь ваш текст." - чтоб "Здесь ваш текст." по четыре раза не переписывать, да и редактировать потом легче будет.
Вместо "XX" ставим нужный размер шрифта. Лично я поставил так: маленький - 10, средний - 15, крупный - 20. Но можно даже и побольше. А можно вместа тега <font> поюзать теги <h1-6>. Проще будет.
6. Это все. Получившийся файл весит 562 байта (у меня) - размер смехотворен для такого повышения юзабилити.
Вот так вот простенько...

6 Comments:
At 10:46 AM,
met2 said…
Народ жаловался на мелкий шрифт у нас на www.pogoda.by - сделали. Но выслушав очередную порцию критики отменили. Средств системы и самого браузера более чем достаточно.
А в случае с Opera есть волшебные клавиши: [CTRL]+[+]\[-].
At 1:43 AM,
Bright said…
браузер не может менять размер шрифта внутри swf-ки.
At 7:50 PM,
AlDev said…
а почему-бы для этих целей не юзать textFormat?
At 8:30 PM,
Bright said…
можно и так.
мне пришел в голову только такой способ.
главное, чтоб такую возможность вообще делали.
пока я такого на флэш-сайтах не видел :(
At 5:54 AM,
Ф. Потрошитель said…
Правильная статья! а вот по-настоящему круто стало бы, когда б браузер выдавал событие onZoom, которое можно было бы из флэша отлавливать. То есть -- пользователь увеличил размер шрифта в браузере, а флэш отреагировал тоже.
At 1:18 AM,
Bright said…
ну дык...
производителям браузеров давно пора сделать нормальную поддержку флэша.
но никто не торопится.
хотя сайты на флэше - уже не редкость...
Post a Comment
<< Home