
- •Введение. Что такое веб-дизайн.
- •Понятие веб дизайна.
- •Кто такой веб дизайнер. Его функции.
- •Язык верстки html. Основные понятия.
- •2.1. Начало.
- •Цвет и фон.
- •Изображения.
- •Ссылки.
- •Стили (css).
- •Горизонтальные линии.
- •Структура и наполнение сайта.
- •Структурирование контента.
- •Создание карты сайта.
- •Создание макета.
- •Именования.
- •Определение основных маршрутов пользователей.
- •Создание html-протосайта.
- •Юзабилити. Понятие юзабилити
- •Юзабилити, как свойство продукта или системы
- •Юзабилити, как дисциплина
- •Юзабилити, как отрасль эргономики
- •Юзабилити, как практическая деятельность
- •Критерии юзабилити
- •Критерии юзабилити
- •Эффективность
- •Продуктивность
- •Удовлетворенность
- •Теория цвета
- •Техническое задание.
- •Понятие веб дизайна.
Техническое задание.
Техническое задание - это официальный документ. На какой бы основе ни были построены Ваши взаимоотношения с заказчиком, крайне желательно составить и утвердить обеим сторонам техническое задание. На него Вы ориентируетесь в дальнейшей работе, оно же прилагается к договору об оказании дизайнерских услуг. Считается, что все, что не входит в техническое задание, должно оплачиваться отдельно, ведь, подписывая его, клиент соглашается с написанным. Утвержденное техническое задание гарантирует, что Вы друг друга поняли верно: и в отношении дизайна, и в отношении функциональности. В целях экономии Ваших мозговых ресурсов привожу ниже стандартное техническое задание. Вам достаточно будет лишь немного переделать его под каждый свой проект, что-то убрать, что-то добавить. Но в целом этот шаблон подходит для описания большинства задач, связанных с веб дизайном.
У ТЗ четыре основные функции:
1. Организационная
2. Информационная
3. Коммуникационная
4. Юридическая
Организационная функция ТЗ
Работа только тогда будет эффективной, когда в пространстве окружающем эту работу будет порядок. Порядок есть стержень, на который нанизан весь рабочий процесс. В работе дизайнера достаточно одного стержня — ТЗ. С помощью него можно упорядочить всю работу и превратить ее из творческого хаоса в последовательное созидание.
Зачем держать всю информацию в голове, где она может легко потеряться, когда можно ее положить рядом на столе в аккуратную стопочку и вытягивать оттуда небольшими порциями? Из вашего жизненного пространства тут же исчезнет ворох разнородных бумажек, а из компьютерного десятки мегабайт электронного мусора. Работа превратиться в простую очередь заданий. Имея такую схему работы, вам больше не потребуется тратить усилия на вторичные для дизайнера вещи, и все свое время вы сможете посвятить тому, что не требует упорядочивания — творчеству.
Информационная функция ТЗ
Основанное преимущество ТЗ перед другими формами предоставления информации по проекту — ее структурированность. Вы точно знаете, что из ТЗ вы почерпнете именно ту информацию, которая вас как дизайнера интересует, именно в той форме, в которой вам ее будет легче всего воспринимать, и именно в том количестве, в котором она будет необходима для выполнения заказа.
Еще один плюс — грамотно составленное ТЗ может стать единственным источником информации, необходимым для выполнения проекта. Речь идет о небольших заказах, для которых вербальные контакты клиента и дизайнера не обязательны. Дизайнер, оградивший себя от изматывающего общения по мелочам, высвободит значительное количество времени, которое пригодится для более важных дел.
Чтобы ТЗ в полной мере выполняло свою информационную миссию, оно должно быть ориентировано на конкретную задачу. Работа дизайнера не так разнообразна как кажется на первый взгляд и поделена на несколько типовых последовательностей действий, которые требуют типовых входных данных. Последовательность действий при разработке, к примеру, логотипа и в России и в Африке одинакова. Информация необходимая для его разработки также требуется всегда одна и та же. А если входные данные типовые, значит их можно предоставлять дизайнеру в типовом виде. Поэтому, вместо одной формы ТЗ можно сделать несколько — по одной на каждый вид дизайн-работ, что обеспечит релевантность информации.
Коммуникационная функция ТЗ
ТЗ может задать нужное направление в работе дизайнера и как следствие способствовать скорейшему принятию макета. Любую дизайнерскую задачу можно решить по-разному, и чем меньше информации на руках у дизайнера, тем более свободен он в выборе решения, тем больше шансов сделать то, что клиент совершенно не приемлет. Подробно составленное ТЗ помогает дизайнеру «почувствовать клиента» и сделать работу, отвечающую вкусам клиента и его представлениям о конечном результате.
Юридическая функция ТЗ
Клиенты имеют нехорошее свойство — страдать кратковременной потерей памяти. Иногда они просто забывают о своих первоначальных требованиях к макету, и в процессе работы или, что хуже, утверждения выставляют новые требования. «Строить» клиента, или плясать под его дудку — личное дело каждого, но ТЗ, а также отработанная схема работы с клиентом (количество вариантов, количество доработок и т.д.) оставляет вам возможность переложить расходы по переделке макета в кошелек клиента. Так как расходы зачастую бывают довольно существенными, уже само наличие ТЗ сделает ваш сон намного крепче, а наличие подписи клиента на этом ТЗ избавит вас от потери нервных клеток, которые, как известно, восстанавливаются, но медленно.
Следующий момент — всевозможные ошибки на стадии оформления заказа. Ошибки бывают разными, но причина, как правило, одна — неаккуратное оформление заказа. При этом отсутствие ТЗ довольно часто является поводом свалить всю вину на дизайнера.
Электронные ТЗ
Оформления заказов через ICQ надо всячески избегать. ICQ расслабляет клиента, и поток информации от него становится свободным, неуправляемым и вневременным. Если общение с заказчиком происходит в электронном виде, старайтесь перемещать его в плоскость почты. Письмо — это почти документ и отношение к нему соответствующее.
У электронной почты в свою очередь есть свои тонкости: чтобы задания от клиента не поступали в виде письма «на деревню дедушки», а имели определенную структуру, дизайнер должен на стадии оформления заказа выслать клиенту форму ТЗ. Такая форма, прежде всего, сэкономит время самому клиенту, т.к. ему не надо будет задумываться о содержании и объеме информации, которую он должен предоставить. Клиент просто заполнит некую анкету и отошлет ее обратно. Перед дизайнером же стоит задача составить форму таким образом, чтобы у человека на том конце не возникло никаких трудностей с заполнением.
Следует помнить, что даже при обкатанной схеме работы с электронными ТЗ, у них есть одно слабое место — они не подписаны со стороны клиента, а значит, не выполняют своих юридических функций, о которых говорилось выше.
Приложения и дополнительные материалы по проекту
Форма ТЗ должна быть только бумажная. Помимо пресловутых юридических моментов, это просто удобнее. Все равно многие проекты не обходятся без дополнительных бумажных материалов, которые должны каким-то образом систематизироваться. В это случае ТЗ становится шапкой для таких материалов, оберегая их от потери или перемешивания с материалами по другим проектам.
Приложения должны подкалываться к ТЗ, а их наличие упоминаться в соответствующем разделе. Местоположение электронных материалов, необходимых для проекта также должно описываться в соответствующем разделе ТЗ.
Пример технического задания
Форма является образцом, целью которого показать основные разделы ТЗ необходимые для получения исчерпывающей информации по проекту.
Техническое задание на разработку логотипа:
Служебная информация
• Дата оформления заказа
• ФИО оформляющего заказ
• Подпись
• ФИО представителя Компании
• Должность представителя Компании
• Координаты представителя Компании
• Подпись
• Deadline
Приложения
• Адрес Интернет сайта Компании
— другие ссылки
• Брэндбук или элементы фирменного стиля, использующиеся в настоящий момент
— имена приложенных файлов
• Приложениях к ТЗ
— отметки о бумажных приложениях
— имена файлов электронных приложений
Это два раздела являются общими для любого вида услуг и присутствуют в каждом ТЗ. Все пункты первого раздела обязательны для заполнения.
Информация о Компании
• Название
• Род деятельности
• Конкурентные преимущества
• Потребители
• Партнеры, поставщики
• Конкуренты
• Цели и задачи (перспективы развития Компании в обозримом будущем)
• Дополнительная информация о Компании (не вошедшая по каким-то причинам в предыдущие пункты)
Информация о продукте (услугах)
• Название
• Описание
• Конкурентные преимущества
— уникальное торговое предложение
• Ценовой сегмент рынка
• Целевая аудитория
• Конкуренты
• Дополнительная информация
Разделы необходимы для составления общей картины о клиенте. Они должны присутствовать, если к вам обращается новый клиент или старый клиент с новым продуктом.
Информация о существующем фирменном стиле
• Логотип
— пометка о прилагаемом файле
• Фирменные цвета
— в Pantone или CMYK
• Фирменные шрифты
— пометка о прилагаемых файлах шрифтов
• Графические элементы, образы, персонажи
— пометка о прилагаемых файлах
• Модульная сетка
— пометка о прилагаемых файлах
• Другие элементы фирменного стиля
— пометка о прилагаемых файлах
Как и прошлый раздел, этот должен присутствовать, если к вам обращается новый клиент или вы уже длительное время не работали со старым. Но в данном виде работ он еще и необходим, если логотип не разрабатывается с нуля: в случае редизайна или корректировки фирменного стиля
Информация по дизайну логотипа
• Название
• Строка статуса в логотипе
• Пожелания по цветовому решению
• Пожелания по стилистике дизайна (классический, модернистский, гранжевый, юмористический и т.д.)
• Примеры удачных логотипов (по мнению клиента)
• Использование логотипа (отметить наиболее частые области использования)
— Деловая документация
— Полиграфия
— Интернет
— Наружная реклама
— Транспорт
— ТВ
— Упаковка
— Другое__________
• Дополнительная информация полезная для разработки логотипа
Вопросник по веб-дизайну.