Потребительский дизайн
Термины дизайн, дизайнер на слуху сегодня.
Дизайну уделяется повышенное внимание, так как от этого зависят
покупательные свойства вещей (от дизайна тапочек до дизайна ракеты).
Покупатель устроен так, что предпочитает красивую вещь уродливой, даже
если последняя гораздо ценнее по своим потребительским свойствам.
Особые обороты набирает вебдизайн, направленный на проектирование
гипертекстовых страниц в Интернет. И это понятно, ведь интернетовские
информационные технологии всё основательнее вплетаются в ткань
повседневной жизни.
На мой взгляд, именно вебдизайн наглядно объяснил массовому потребителю,
что лучший продукт это тот, в котором элегантный внешний вид не
противоречит интерфейсным свойствам и поддерживает функциональные
качества.
Безумно много сайтов встречают нас петушиной расцветкой, gif- и flash-
анимацией, а то и оглушают при встрече музыкой, которая кажется
проектировщикам весьма занятной.
Если пользователь пришёл на сайт поработать (узнать новости, прочитать
заметку, купить книгу...), то все звуки и мельтешения на экране через
минуту после первых восторгов будут мешать, а буйные цвета и мелкий
рубленый шрифт приведут к болезням глаз.
Постоянный пользователь Интернет начинает быстро понимать, что дизайн
не должен идти отдельно от потребительских качеств продукта, не должен
бросаться в глаза. Лучшие потребительские свойства имеет тот сайт, в
котором дизайн незаметен. Будто его и нет. Хотя на самом деле он
тщательно продуман и поддерживает интерфейс и содержание сайта.
Приступая к дизайну своих текстов, дети, конечно, возьмут яркие краски,
декоративные шрифты, будут использовать центрирование строк и рубленый
шрифт на больших текстах. А если им захочется сделать акцент, то
плотность выделений на единицу кричащей площади превысит все мыслимые
значения.
Дети непременно нарушат все основные правила потребительского
дизайна!
Задача учителя — не мешая дизайнерским фантазиям рёбенка,
найти время для разговора на тему что такое хорошо и что такое
плохо. И главное, не забывать про важный вопрос
почему?. Ответ на него получается соотнесением
дизайнерского решения с потребительскими свойствами продукта: мешает
дизайн потреблению или, наоборот, помогает.
Только потребительский дизайн имеет право на существование. Это
относится ко всему. И к рекламе, которая далеко не всегда показывает
нам эти качества.
В Читальном зале Вася формулирует эмоционально-интуитивное определение
дизайна. Классическое определение дизайна было принято в 1964 году на
международном семинаре по дизайнерскому образованию в Брюгге и звучит
так:
Дизайн — это творческая деятельность, целью
которой является определение формальных качеств промышленных изделий.
Эти качества включают и внешние черты изделия, но главным образом те
структурные и функциональные взаимосвязи, которые превращают изделие в
единое целое, как с точки зрения потребителя, так и с точки зрения
изготовителя.
Несмотря на некоторую противоречивость формулировки, это определение
наводит на мысль, что уже в 1964 году понятие дизайна соотносили не
только с формой изделия, но и со структурой содержания, а также с
интерфейсом (функциональными взаимосвязями). И это правильно!
Шрифт
Не будет преувеличением сказать, что шрифт (графическая форма
знаков алфавитной системы письма, БСЭ) является основным
дизайнерским инструментом, ибо практически на любых изделиях
присутствуют надписи, заголовки, название фирмы, а то и большие
фрагменты текста. И уж, конечно, это напрямую относится к изданию книг,
газет, журналов и интернетовских страничек.
Работа со шрифтом — самый очевидный пример дизайна как
использования «чужого творчества». Большинство современных
профессиональных шрифтов, созданных лучшими художниками на основе
вековых традиций, просто не могут быть «плохими» сами по
себе — они могут лишь подходить или не подходить к
конкретному случаю. Поэтому подбор оптимального шрифта и подгонка его
по месту — не только важная часть любого проекта, но и
полезнейшее упражнение для развития дизайнерского вкуса и чувства
формы.
Дмитрий Кирсанов, Веб-дизайн, Символ, 1999
Набор начертаний символов шрифта называют гарнитурой.
Этот набор может включать в себя прямое и курсивное (наклонное)
начертание, различаться по степени жирности (толщине штрихов), ширине
литер (сжатые, нормальные, растянутые) и кеглю (размеру).
Ниже приводятся несколько вариантов использования гарнитуры
Academy. Кегль всюду одинаковый.
Шрифты подразделяются на серифные (с засечками) и рубленые (без
засечек). Пример шрифта с засечками — гарнитура
Times, без засечек — Helvetica.
Серифные шрифты посредством засечек (серифов) улучшают читаемость
документа, объединяя соседние буквы.
Рубленые шрифты, в отличие от серифных, имеют гладкие края букв и не
имеют завитков. Рубленые шрифты используют только в небольших текстовых
фрагментах (заголовки, надписи на рисунках), а также тогда,
когда нужен очень маленький кегль. Завитки серифного шрифта в малых
размерах (менее 8 пунктов) уже не помогают, а мешают чтению.
Можно предложить еще одно деление шрифтов на два класса:
пропорциональные и моноширинные.
В пропорциональных шрифтах каждая буква занимает столько места по
ширине, сколько ей реально нужно. Поэтому, например, точек в одной
строке поместится гораздо больше, чем букв ш того же кегля:
Моноширинные шрифты имитируют литеры пишущих машинок и матричных
принтеров. В этих шрифтах ширина всех символов одинакова.
Гарнитуры Times и Helvetica —
пропорциональные. К моноширинным шрифтам относится гарнитура
Courier.
Ниже приводятся два варианта записи. Первая выполнена шрифтом
Times New Roman, вторая — шрифтом Courier
New:
Текст, записанный моноширинным шрифтом, выглядит и читается хуже.
Поэтому моноширинный шрифт (как и рубленый) следует использовать в
весьма ограниченных количествах, в основном для выделений фрагментов,
которые так или иначе ассоциируются с пишущей машинкой, надписями на
табло, сообщениями DOS.
Любая графическая операционная система имеет три набора стандартных
гарнитур, для Windows это:
Times (серифный шрифт)
Arial (рубленый шрифт)
Courier (моноширинный шрифт)
Достаточно много шрифтов можно отнести к классу декоративных. Это стилизация под рукопись, старину,
использование всевозможных эффектов и украшательств.
Ниже приводится несколько примеров. Каждая запись содержит название
декоративного шрифта.
Еще одну группу образуют символьные шрифты.
Вместо букв, цифр и других обычных клавиатурных знаков они содержат
картинки (графические символы). Ниже приводятся по строчкам примеры
символов из шрифтов Map Symbols, Arrows,
Monotype Sorts, Webdings.
Размер шрифта (кегель) измеряется в пунктах (реже в пиках).
В WordPad и Word этот параметр задается в специальном окошке числами,
как правило, от 8 до 72 (числа можно записывать и вручную). Это величина
кегля в пунктах. Один типографский пункт равен 0,375 мм. Причем,
это размер не самих символов шрифта, а размер так называемого
очка. То есть, размер по вертикали матрицы, на которой
гравируется в типографии символ (литера). Этот размер больше, чем размер
самой литеры. Так, в шрифте кегля 10 заглавные буквы имеют размер около
7 пунктов.
При печати книг, как правило, для основного текста выбирается кегль в
10 или 12 пунктов. Для заголовков — более крупные кегли, а
для ссылок и примечаний более мелкие (обычно 8 пунктов).
Пика — более крупная единица измерения. Одна пика равна 12
пунктам.
Выделения
Одна из проблем начинающего дизайнера — многочисленные
выделения, выполненные с одновременным использованием разных способов
(заглавные буквы, подчеркивание, шрифт, цвет, размер, жирность, курсив,
разрядка, инверсия
).
Каждое написанное слово кажется важным. Поэтому выделить хочется все.
Но когда выделений слишком много, получается обратный эффект:
внимание привлекают не выделенное место:
В этом тексте выделены все слова, кроме слова липучка.
Но именно это слово и привлекает внимание!
Среди всех способов выделений самое употребительное —
курсив:
В этом тексте курсивом выделено слово мягкость. Курсивное
выделение, действительно, не нагружает чрезмерно глаза пользователя.
Выделение жирностью используют для установки сильных акцентов.
Жирное слово пользователь прочитает сразу, перед чтением
всего текста, так оно бросается в глаза:
В этом тексте жирностью выделено слово магнит. Это слово
притягивает внимание пользователя.
Ко всем остальным способам выделения нужно относиться с большой
осторожностью: легко пустить петуха. Особенно, когда один фрагмент
выделяется несколькими способами сразу.
Особый случай — заголовки. Часто их выделяют жирностью,
рубленым шрифтом и повышенным кеглем.
Размер заголовка играет важную роль — он задает
иерархическую структуру текста:
Эта размерная иерархия переводится в иерархию
с отступами следующим образом:
Цыплёнок босиком
Петька прыгает вниз
Цыплёнок Петька любил прыжки с парашютом.
...
Комментарий
...
Петька и мухи
...
Комментарий
...
Петька едет в город
...
Комментарий
...
Часто заголовки пишут только прописными (уменьшая кегль) или только
строчными (увеличивая кегль) буквами:
Единство стиля
Если решено заголовки записывать прописными буквами шрифта
Arial, дополнительно выделяя их жирностью, а для выделений
внутри текста использовать курсив, то так надо делать на протяжении
всего текста.
То же самое относится и ко всем другим элементам форматирования текста:
шрифт, размер, выравнивание абзацев, оформление цитат
—
все должно быть продумано заранее, и строго выдерживаться на всем
документе.
Тогда можно будет говорить о стиле оформления документа и о его
единстве. Единство стиля отличает профессиональные работы от
любительских поделок.
Практикум
Файлы, необходимые для выполнения задания практикума, можно найти по
следующим адресам:
.\write\work\unit8\1.doc
.\write\work\unit8\2.doc
.\write\work\unit8\3.doc
Рекомендуется скопировать эти файлы перед уроком в папку Мои
документы. Туда же дети запишут и результаты своей
работы — файлы 1новый.doc, 2новый.doc,
3новый.doc, 4новый.doc.
Файлы:
.\write\work\unit8\1образец.doc
.\write\work\unit8\2образец.doc
.\write\work\unit8\3образец.doc
.\write\work\unit8\4образец.doc
можно использовать для контроля. Можно заранее распечатать эти файлы и
раздать детям перед работой.
Замечание
Если текст для набора задания 4 окажется слишком длинным, то можно
сократить его так:
Ошибки WordPad
Тот WordPad, который Microsoft поставляет вместе с Windows 98, содержит
ряд ошибок и неудобств, которые делают реальную работу в этом текстовом
процессоре практически невозможной, что не мешает, тем не менее,
использовать приложение в учебных целях.
WordPad ведет себя некорректно при загрузки в него файла txt
(написанного, например, в Блокноте). Попытки удалить концы строк для
получения абзаца приводят к тому, что приложение начинает записывать
текст за пределами бумажного листа. При этом режим выравнивания
отключается. Переход txt — doc
отнесен к Word.
WordPad отображает на экране картинки только при копировании их через
буфер обмена. Вместо картинки из файла на страницу вставляется
пиктограмма. Такое неправильное поведение визуального редактора делает
невозможным (к большому сожалению) посвятить следующий урок изданию
книжки рассказов. Это будет сделано после знакомство с Word (в
десятом уроке).
В некоторых случаях меню с размерами шрифта оказывается пустым. Если
это произошло, то размер можно вписать прямо в соответствующее окошко.
Ответы на вопросы
-
Что такое дизайн?
Ответ.
Дизайн — наука о том, как делать красивые вещи.
Правильный дизайн заботится о том, чтобы вещь была не просто красива,
но и удобна в использовании.
Понятно, что дизайн — это не только наука, но и творчество.
Но нельзя считать дизайн творчеством, у которого нет правил.
Правила существуют. Они-то и образуют науку дизайна.
-
Что такое шрифт?
Ответ.
Графическая форма алфавитных знаков.
-
Что такое серифный шрифт?
Ответ.
Шрифт с засечками (завитками на кончиках букв).
-
Что такое рубленый шрифт?
Ответ.
Шрифт без засечек (символы с ровными краями).
-
Приведите примеры серифных шрифтов.
Ответ.
Academy
Times New Roman
School Book
-
Приведите примеры рубленых шрифтов.
Ответ.
Arial
Geneva
Helvetica
-
Назовите область использования серифных шрифтов.
Ответ.
Для больших текстов. Серифы (засечки) соединяют
соседние буквы и помогают чтению.
-
Назовите область использования рубленых шрифтов.
Ответ.
Для небольших текстовых фрагментов (заголовки, подписи, надписи).
-
Что такое размер шрифта и в чём он измеряется?
Ответ.
Размер шрифта — это расстояние от нижней части буквы p до
верхней части буквы P. Измеряется в пунктах. Один пункт равен
0,375 мм.
-
Что такое прямое начертание?
Ответ.
Это обычное начертание символов.
-
Что такое курсивное начертание?
Ответ.
Это наклонное начертание символов.
-
Что такое жирное начертание?
Ответ.
Это начертание с повышенной толщиной линий, образующих символ.
-
Как можно задать шрифт и его свойства в WordPad?
Ответ.
При помощи пункта Шрифт
меню Формат или при
помощи кнопок и меню на панели форматирования.
-
Что означает приписка Кириллица в названии шрифта?
Ответ.
Это означает, что в набор символов шрифта входят буквы русского алфавита.
-
Как изменить шрифт существующего текстового фрагмента?
Ответ.
Нужно выделить текстовый фрагмент и установить для него нужные
шрифтовые свойства.
-
Назовите способы выделения текстового фрагмента.
Ответ.
- Стрелками клавиатуры при нажатой клавише Shift.
- Перемещением мыши с нажатой левой кнопкой.
- Слово выделяется двойным щелчком левой кнопкой.
- Абзац выделяется тройным щелчком левой кнопкой.
- Весь текст выделяется аккордом Ctrl+A или
при помощи пункта Выделить все меню Правка.
-
Какие правила надо соблюдать, используя выделения?
Приведите примеры неправильных выделений.
Ответ.
Не нужно выделять большие текстовые фрагменты. Способ выделения должен
быть один (предпочтительнее курсив или жирность). Исключение составляют
заголовки.
Пример неправильного выделения:
В этом тексте выделено слово
К О Ш М А Р.
Использованы приёмы: шрифт, размер, жирность, курсив, цвет, разрядка,
подчёркивание, регистр.
-
Назовите способы выравнивания элементов на странице.
Какие из них поддерживает WordPad?
Ответ.
По левому или правому краю, по центру, по ширине.
Последний способ выравнивания WordPad не поддерживает.
-
Как выполнить выравнивание абзацев в WordPad?
Ответ.
При помощи пункта Абзац
меню Формат или
соответствующими кнопками на панели форматирования.
-
Что такое список?
Ответ.
Список — это конечный и упорядоченный набор элементов.
-
Как оформляется и задается список в WordPad?
Ответ.
Для оформления элемента списка используется графическая точка (маркер).
Элемент списка записывается с отступом от маркера.
Задать список можно при помощи пункта Маркер меню
Формат или при помощи соответствующей кнопки на панели
форматирования.
|