О дизайне … и таланте

Если вы захотели купить всю Encyclopedia Britannica (Британскую энциклопедию), у вас есть два возможных варианта: 32-томный комплект за 1300 дол¬ларов или интерактивный компакт-диск издания «deluxe» приблизительно за 50 долларов. Если вы не любите книги, беготню в библиотеку или всего лишь не любите получать по почте тяжелые предметы, вы можете догадаться, какую версию должно заказать большинство людей.

На многих компакт-дисках используется интерфейс, подобный браузеру. Информация на компакт-диске записана в документе HTML; открывающийся экран выглядит как Wеb-страница, возможно с таблицей содержания в рамке и с главным окном, и информация доступна при помощи программ Netscape пли Internet Explorer. На мультимедийные документы такого рода распространяют практически такие же правила, как на Wеb-дизайн, потому что они имеют такой же вид.

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

Этот тип мультимедийных прикладных программ требует более глубокого знания программирования; дизайнер мог бы сотрудничать с программистом, чтобы разработь, привлекательный и все же функциональный пользовательский интерфейс. Это вид дизайна, хотя и более трудоемкий в программировании, подчинялся такому же набору правил, как и любой другой проект Web-дизайна пли мультимедийного дизайна:
-Для мультимедийных компакт-дисков, основанных на браузере, шрифты должны 6ыль либо включены в комиакт-дпск с указаниями для пользователя, чтобы он инсталлировал их, либо должны соблюдал, структуру «scrif (шрифт с засечками) / sans serif (шрифт без засечек) / default (шрифт по умолчанию)»; если продукт представлял собой независимую программу (не содержащую внешних обращений),то вы можете не ограничиваться только шрифтами из системы пользователя

-Не упускайте из виду стандартный размер монитора. Не у каждого сечь 21-дюймовый монитор; если целевая аудитория для ваше» о продукта это широкая публика, то прими тc допущение, что МНОГИЕ люди будут исполь¬зовать 14-дюймовый монитор.

-Интерфейс должен быть интуитивным и дружественным к использованию. Если вы помещаете линейку навигации вверху одною экрана, то сохраняйте ее там же для всех экранов. Не изменяйте порядок расположения кнопок навигации на различных страницах. Делайте информацию легко разыскиваемой.

-Главная цель большинства Мультимедийных проектов заключался в том, чтобы представлять информацию. Если вы создаете, например, интерактивный каталог-указатель, то людям нужно имен, возможность быстро найти и прочитать информацию, которую они разыскивают.

Так как ваш продукт будет находиться па компакт-диске, а не перемещаться по Интернету, то вы не так ограничены размером файла. Тем не менее имейте в виду, что большие файлы все же требуют больше времени для обработки. Люди с более старыми или медленно действующими системами могут не оценить многие большие графические файлы на каждой странице.

Связанные записи

• ЭФФЕКТИВНОЕ ИСПОЛЬЗОВАНИЕ ФОТОГРАФИИ
• ЭТИЧЕСКИЕ СООБРАЖЕНИЯ
• Этапы в дизайне
• ШРИФТЫ
• Шрифт

Возможно, что наиболее распространенный тип мультимедийного дизайна, электронные «слайд-шоу» (slide shows - показы слайдов), часто создаются, чтобы усилить воздействие презентации докладчика. Этот вид мультимедийного проекта часто используется для деловых и образовательных презентаций и обычно полагается па некоторый тип программного обеспечения (как, например, PowerPoint).

Мультимедийный дизайнер был нанят, чтобы создать презентацию для компании «Fortune 500»; он сделал привлекательный шаблон, в котором были использованы согласующиеся между собой по всей презентации шрифты и фоны, инкорпорированный звук и короткий видеоклип, и даже отредактировал ТЕКСТ ДЛЯ приведения в соответствие с правилами грамматики (что выходило за пределы его обязанностей). Главный администратор компании представил «новую и улучшенную презентацию большой аудитории и на собрании акционеров.
Дизайнеp спросил у главного администратора об ответной реакции на презентацию, и тот признал, что презентация была самой лучшей из всего, что когда-либо представляла компания, добавив: «Но мне действительно нравится способ, который был использован /тля того, чтобы слова влетали па экран».

Следует повторить: «Это не означает, что вы должны это сделать, только по тому, что вы можете это сделать». К сожалению, программные продукты предоставляют возможность сделать почти все-даже если это совершенно нецелесообразно.
Дизайн презентации подвержен такой же болезни, что и Web-дизайн:: практически каждый может создать слайд-шоу, даже если этот человек не имеет формальной подготовки по принципам дизайна. Если вы разрабатываете дизайн мультимедийной презентации, вам следует запомнить несколько правил:
Текст, графические средства, звуки другие элементы дизайна должны быть объединены, чтобы усиливать воздействие того, что говорит докладчик.
Избегайте использования графических средств, которые могли бы отвлекать внимание аудитории от представления докладчика (таких, как графика летающего типа).
Тщательно выбирайте и размещайте графические средства, причем с некоторым логическим обоснованием; избегайте бессистемного использо¬вания Word Art2, чтобы «подперчить» произведение, в котором несоответствующей графики.
Используйте во всей презентации согласующийся шаблон. В проекте должен быть единообразный цвет, фон и шрифтовая схема.
Не старайтесь отображать на слайдах всю словесную презентацию.

Как общее правило, вы не будете нести ответственность за создание содержания визуальной презентации; это обычно обеспечивается докладчиком. Но поработайте, если это возможно, слипом, предоставляющим содержание, чтобы разработать эффективную визуальную презентацию, которая дает аудитории дополни тельную полезную информацию, вместо того чтобы просто повторять то, что будет говорить докладчик.

Связанные записи

• ЭФФЕКТИВНОЕ ИСПОЛЬЗОВАНИЕ ФОТОГРАФИИ
• ЭТИЧЕСКИЕ СООБРАЖЕНИЯ
• Этапы в дизайне
• ШРИФТЫ
• Шрифт

Мультимедиа (multimedia) может быть определено как объединение слов, звуков, картин и кинофильмов в пределах одного пользовательского интерфейса. Примеры мультимедиа включают:
Электронную презентацию слайдов.
Энциклопедию на CD-ROM.
Киоск регистрации новобрачных в вашем местном универсальном магазине.

В зависимости от вашего проекта в мультимедийном дизайне соблюдаются MHOI не из тех же самых принципов, что и в Web-дизайне.

Связанные записи

• ЭФФЕКТИВНОЕ ИСПОЛЬЗОВАНИЕ ФОТОГРАФИИ
• ЭТИЧЕСКИЕ СООБРАЖЕНИЯ
• Этапы в дизайне
• ШРИФТЫ
• Шрифт

Изображения и художественные работы требуют больше времени для того, чтобы загрузить их, чем текстовые страницы. Когда вы подготавливаете изображения для Web-сайта, не упускайте из виду размер файла. Если ваши файлы слишком большие, то они потребуют больше времени, чтобы загрузить их. Не каждый имеет высокоскоростную DSL’ или кабельное подключение модема; многие все еще полагаются на стандартный dial-up modem (модем коммутируемой линии передачи), возможно, еще со скоростью передачи данных ниже 14,4 кб/с. Для того чтобы просматривать более крупные файлы при медлен¬ном соединении, могут потребоваться часы, и вы можете почти безошибочно гарантировать, что человек просто отменит просмотр вашего сайта и перейдет к следующему. Это не значит, что вы не должны использовать изображения, но когда вы строите ваш сайт, старайтесь удерживать время загрузки сравнительно коротким.

Связанные записи

• ЭФФЕКТИВНОЕ ИСПОЛЬЗОВАНИЕ ФОТОГРАФИИ
• ЭТИЧЕСКИЕ СООБРАЖЕНИЯ
• Этапы в дизайне
• ШРИФТЫ
• Шрифт

Один важный момент заключается в том, чтобы мыслить в единицах измерения «пикселы», а не «дюймы», потому что разрешение монитора измеряется в «дюймах». Традиции Web-дизайна указывают, что сайты должны быть ограничены шириной 480 пикселов1. В соответствии с этим правилом вы надежно можете допустить, что каждый, просматривающий ваш сайт, будет иметь по меньшей мере 14-дюймовый монитор, на котором будет помещены 480 пикселов поперек экрана. Фактически некоторые дизайнерские группы предлагают устaновить стандартную ширину с гpaницы в 780 пикселов или 17-дюймовый монитор.

ПРЕДОСТЕРЕЖЕНИЕ: 14-дюймовый монитор может показаться маленьким, особенно если вы выполняете работу дизайна. Но не каждый в мире имеет 14- или 17-дюймовый монитор, включая тех, кто пользуется портативными ком¬пьютерами.

Если вы разрабатываете дизайн страницы более широкой, чем монитор у кого-нибудь, ему придется прокручивать влево или вправо, чтобы просмотреть всю страницу, - faux pas2 Web-дизайна. По некоторым причинам люди реально не возражают против прокрутки вверх и вниз, но прокрутка слева направо обычно надоедает, что означает, что они перейдут на следующий сайт. Мы в действительности не знаем, почему это справедливо, но знаем, что это есть.

Связанные записи

• ЭФФЕКТИВНОЕ ИСПОЛЬЗОВАНИЕ ФОТОГРАФИИ
• ЭТИЧЕСКИЕ СООБРАЖЕНИЯ
• Этапы в дизайне
• ШРИФТЫ
• Шрифт

Вследствие того что каждый монитор имеет различные цветовые возмож¬ности и настройки, зеленый цвет, который вы подбираете для шрифта заголовка, может быть не таким же, как зеленый цвет, который видит кто-то еще, когда он заходит на ваш сайт. Большинство программ Web-дизайна имею встроенную цветовую палитру из 216 цветов «Web-safe», в отношении которых вы можете обоснованно допустить, что они предстанут такими же (близко), безотносительно оттого, где вы просматриваете сайт. Если вы используете цвета не из этой гаммы, произойдут вариации, и вы можете иметь очень плохие графические результаты.

Связанные записи

• ЭФФЕКТИВНОЕ ИСПОЛЬЗОВАНИЕ ФОТОГРАФИИ
• ЭТИЧЕСКИЕ СООБРАЖЕНИЯ
• Этапы в дизайне
• ШРИФТЫ
• Шрифт

Текстовый блок Web-сайта должен быть набран в одном из двух шрифтов: serif (с засечками) или sans serif (без засечек). Индивидуальный браузер по умол¬чанию определит, какой шрифт использовать. Вы можете применять к вашим шрифтам стайлинг-установление стиля (italics-курсив, bold-жирный, underline - подчеркнутый и т. д.) и можете выбирать, насколько крупными они будут (НI, Н2, ИЗ и т. д., последовательно уменьшающиеся).

Если вам абсолютно необходимо, чтобы шрифт выглядел определенным образом, как, например, для логотипа, заголовка страницы или другого важного элемента, создайте его как изображение. Это - единственный способ гарантировать, что слово всегда будет выглядеть одинаково.

Это не означает, что вы должны создавать всю страницу целиком как одно огромное изображение, а лишь то, что вы можете контролировать шрифт. Когда вы создаете этот тип художестве! того изображения, оно работает точно так же, как любое другое изображение, - размеры файлов увеличиваются, и требуется гораздо больше времени, чтобы загружать их. Если вы создаете всю вашу страницу как изображение, чтобы регулировать шрифты, вы можете прийти к огромным файлам и чрезвычайно большому времени загрузки.

Связанные записи

• ЭФФЕКТИВНОЕ ИСПОЛЬЗОВАНИЕ ФОТОГРАФИИ
• ЭТИЧЕСКИЕ СООБРАЖЕНИЯ
• Этапы в дизайне
• Шрифт
• Шаблоны страниц

К разработке дизайна для Web предъявляются определенные технические требования (точно так же, как к дизайну для печати). В дизайне для печати есть отдел контроля качества, префлайтинг или препресс, чтобы обеспечивать порядок в технических аспектах.

Web-дизайн, однако, обычно начинается и заканчивается у дизайнера. В некоторых более крупных компаниях Web-дизайна или для более сложных коммерческих сайтов вы передадите ваши дизайны программисту, чтобы он обеспечил введение сайта в действие. Но программисты еще не умеют программировать по технически невыполнимому дизайну.

Будьте осведомлены в этих вопросах до того, как вы начинаете создание Web-страниц. Вы обнаружите, что гораздо легче с самого начала создавать правильно ваши страницы, чем позднее устранять проблемы.

Хотя компьютеры PC (раньше, более обоснованно, называвшиеся IBM-совместимыми) безусловно преобладают на рынке персональных компьютеров, сегодня в употреблении есть и другие типы компьютеров - Macintosh, UNIX, LINUX и даже Web-TV, не упоминая о многочисленных других вариантах компьютеров домашней сборки. У каждого из этих типов компьютеров есть своя операционная система, которая может значительно варьироваться от одного компьютера к другому.

В дополнение к различным операционным сие темам на рынке имеются сотни различных мониторов, каждый с отличающимся разреше¬нием, размером и цветовыми возможностями.
Теперь рассмотрим различные Web-браузеры. Netscape Communicator и Internet Explorer являются определенно наиболее популярными; но есть также и другие, включая AOL, CompuServe и хосты более мелких. Несмотря на почти всемирное использование HTML для Web-дизайна, он сию не стандартизирован. Netscape Communicator использует иные команды HTML, чем Internet Explorer, для того, чтобы выполнить одну и ту же зада¬чу. Хотя большая часть кодов одинаковая, существуют различия между браузерами; каждый отображает информацию по-другому.

Наконец, вы никогда не можете сказать, что человек хочет видеть. Только в отношении какого-либо компьютера пользователю предоставляется возмож¬ность установить preferences (предпочтения), которые включают стандартный (или default - по умолчанию) шрифт, размер шрифта, цвет фона и разрешение монитора. Пожилые люди или люди со слабым зрением имеют склонность устанавливать гораздо более крупный размер шрифта, измеряемый в пунктах, чем использовало бы большинство дизайнеров. Даже если вас не будет посещать каждый из ваших пользователей, чтобы установить свои предпочтения, вы должны иметь в виду эти варианты при разработке дизайна Web-сайта.

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

Связанные записи

• ЭФФЕКТИВНОЕ ИСПОЛЬЗОВАНИЕ ФОТОГРАФИИ
• ЭТИЧЕСКИЕ СООБРАЖЕНИЯ
• Этапы в дизайне
• ШРИФТЫ
• Шрифт

Технологический процесс дал Web-дизайну три важные характеристики:
1. Ранние Web-сайты фокусировались скорее на информации, чем на внешнем виде.
2. Для людей, которые хотели иметь Web-сайт, это обходи¬лось очень дорого.
3. Для каждого, кто шал, как построить Web-сайт, это было очень прибыльно.

Как вы, вероятно, знаете, времена изменились. Производители программных продуктов разработали новые прикладные программы для того, чтобы создавать Web-сайт визуально, так что вам не требуется знать HTML, чтобы построить функционирующий Web-сайт. Фактически, freeware (свобод¬ные программные средства1) и недорогие программы, базирующиеся на требованиях потребителя, настолько облегчаю! построение Web-страницы, что это может делать практически каждый. Хотя в этом есть и свои отрицательные стороны тоже.

Web-дизайн и мультимедиа служат, может быть, лучшей иллюстрацией фразы: «Это не означает, что вы должны это сделать только потому, что вы можете это сделать». Только потому, что вы можете поместить одну строку текста на каждой странице, с тысячами мелких ссылок на другие страницы, не означает, что вы должны это сделать. Только потому, что вы можете исполь¬зовать мигающий розовый шрифт размером 24 пункта, не означает, что вы должны это сделать. Только потому, что вы можете использовать программный продукт, основанный на графике, для того, чтобы сделать что-нибудь виртуально, существуют пока еще традиции, на которые вы должны обращать внимание.
Одной из самых больших проблем с любительскими Web-сайтами является полное отсутствие организации, что делает практически невозможной навигацию по сайту. Когда вы начинаете проект Web-дизайна, начните с вычерчивания блок-схемы всех элементов, которые вам со временем придется включать. Прежде чем вы создадите одну кнопку или отсканируете одну фотографию, определите, какая информация куда идет и как представить такую информацию в разумно обоснованном логическом порядке. Как только вы создадите эту блок-схему, вы получите солидный фундамент для вашей карты сайта. Эта карта поможет вам избежать беспорядка в груде элементов, необходимых даже для самого прямолинейного сайта.

Wеb-дизайн, по существу, - это только другой вид публикации. Вы все еще должны использовать основные принципы дизайна, даже несмотря на то, что презентация их различается. Поддерживайте логически последовательный внешний вид и ощущение по всему вашему сайту в целом. Используйте одинаковый стиль и размер шрифта для различных видов рубрик, заголовков и блоков текста. Выберите цветовую схему, которую вы будете использовать для каждой страницы на всем сайте. Если у вас на странице есть кнопка «Васк», то используйте эту же самую кнопку каждый раз, когда будет необходима функция «Васк». Точно так же как вы не стали бы разрабатывать дизайн каждой страницы в книге, чтобы она выглядела отлично от других, так и ваш Web-сайт должен нести от страницы к странице признаки единообразного дизайна.

Когда вы строите индивидуальные страницы Web-сайта, убедитесь в том, что вы включили кнопки навигации, которые позволяют пользователю легко перескакивать из точки А в точку Б и обратно. Web-дизайн по своей, по общему мнению, мгновенной природе требует легкости в пользовании. Если человек не может не более чем за несколько секунд найти информацию, которую он хочет, или если он потерялся на вашем сайте и не может возвратиться к информации, которую он хотел первоначально, он просто перейдет к следующему сайту в списке.

Связанные записи

• ЭФФЕКТИВНОЕ ИСПОЛЬЗОВАНИЕ ФОТОГРАФИИ
• ЭТИЧЕСКИЕ СООБРАЖЕНИЯ
• Этапы в дизайне
• ШРИФТЫ
• Шрифт

Всего лишь пять лет назад Интернет был незнакомой организацией, преимущественно царством ученых, учащихся и правительства. Теперь вам даже не нужно иметь собственный компьютер, чтобы получить доступ в Интернет, -Web-телевидение, электронные машины и независимые Интернет-браузеры становятся настолько популярными, что вы можете странствовать по Web-сети без необходимости покупать дорогую компьютерную систему.
Представляется, что практически у каждого есть если не свой собственный Web-сайт, то адрес электронной почты… можете ли вы подумать о продукте компании, которая не имеет расширения «точка сот», присоединенного к концу названия?

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

Ранние стадии Web-дизайна были строго ограничены компьютерными программистами. HTML (Hypertext Markup Language - язык разметки гипертекста) есть компьютерный язык, точно так же как языками являются Basic, Pascal, С и Cobol. Для того чтобы разработать дизайн Web-страницы, вы должны были знать язык кодирования и уметь записать сотни (или даже тысячи) строк кода, чтобы создать хотя бы одну страницу. Когда код был записан, вы загружали его в сервер и надеялись на то, что все будет выглядеть таким образом, как вы хотели. Чаще, чем хотелось бы, вам приходилось возвращаться в ваш код и разгадывать, какими ошибками были вызваны какие проблемы, устранять их и пробовать снова до тех пор, пока дизайн не заработает.

Связанные записи

• ЭФФЕКТИВНОЕ ИСПОЛЬЗОВАНИЕ ФОТОГРАФИИ
• ЭТИЧЕСКИЕ СООБРАЖЕНИЯ
• Этапы в дизайне
• ШРИФТЫ
• Шрифт

В большинстве случаев проекты графического дизайна приходят с уже написанным рекламным текстом, что означает, что вы можете не написать никогда ни одного предложения. Хотя кому-то придется написать такой ТЕКСТ. Если вам нравится заниматься писанием рекламных текстов и вы хотите исследовать эту область, связанную с графическим дизайном, вы можете рассмотреть вариант быть копирайтером.

Написание рекламного текста даже более трудно, чем, скажем, написание статьи пли письма. Написание рекламных текстов - это особое искусство, сочетающее в себе твердое владение языком, включая грамматику и правописание, с творческой способностью сделать так, чтобы самый земной продукт звучал привлекательно. Для потребителя существует огромная разница между фразой «Мы продаем растения» и «Добро пожаловать в наш садово-цветочныи отдел. Весна только началась».

Если вы хороший писатель, то у вас не должно быть проблем с подысканием работы в области рекламы.