Стать WEB-Дизайнером

Раздел 1. Теория.

Примерный список технологий:

• Кодировки. В чем разница между ASCII и UTF-8?
• HTML. Основной язык разметки интернета. Много чего можно подчерпнуть на htmlbook.ru.
• CSS. Каскадные таблицы стилей. Вся инфа так же есть на htmlbook.ru.
• Растровая графика. Принцип работы и отличия от векторной.
• Векторная графика. Преимущества и недостатки по сравнению с растровой.
• PHP и динамические страницы. Знание возможностей.
• JavaScript. Применение и основные возможности.

Инструментарий:

• Мозг. Это инструмент №1. Овладение им в совершенстве — 80% успеха.
• Бумага и карандаш. Помогает фиксировать дикие идеи выдаваемые мозгом. А также вспоминать о них с утра после усиленного поиска вдохновения J
• Инструменты прототипирования (о прототипировании позже). Можете сами сделать выбор.

Axure;

Balsamiq;

Adobe InDesign;

Adobe Fireworks;

Бумага;

• Основной программный инструментарий. То, где собственно создается макет. Здесь тоже каждый определяется со своими предпочтениями.

Adobe Photoshop;

Adobe InDesign;

Adobe Fireworks;

Adobe Illustrator. Если собираетесь заняться также векторной графикой.

То, что выделено полужирным начертанием, является обязательным минимумом для получения левела. Уроками по программным продуктам Adobe завален весь интернет. Они помогут в изучении инструментария.

Очень хороши уроки по продуктам Adobe от сайта Lynda.com. Найти их можно на том же рутрекере. Будьте готовы, они на английском.

Теория дизайна:

• Теория цвета и цветовой круг.
• Пространственные отношения. Размер, пропорции.
• Форма. Прямые, прямоугольники, круги, кривые Безье.

Здесь будут полезны поверхностные основные принципы дизайна.

Чувствуете, как наливаются свинцом ваши яйца? Если нет, то марш к началу. Изученную теорию запомнить, работу с усвоенным инструментарием продолжать. Не забывать практиковаться.

Инструментарий:

• Adobe kuler (подбор цвета);
• Типографская раскладка Ильи Бирмана;
• Подбор палитры;

Теория:

• Правила хорошего тона в фотошопе;
• Типографика (используйте, мать его, сглаживание шрифтов в макетах). Взаимодействие шрифтов;
• Композиция;
• Текстурирование;
• Единство;
• Баланс;
• Контраст;
• Динамика;

Делать крутой дизайн не сложно. Главное, научится отличать хороший дизайн от плохого, а затем, пытаться, пытаться и пытаться сделать хороший дизайн. Поэтому на этом этапе необходимо много смотреть на работы других, критиковать, ввязываться варгументированные холивары, говорить как правильно. Не зря же вы перелопатили кучу инфы.

Теория:

• Экстремальная типографика. Роберт Брингхест и Ян Чихольд обязательны к прочтению
• Юзабилити
• Информационный дизайн и представление информации
• Психология пользователя
• User experience
• Математические обоснования удобства интерфейсов
• Концепция UCD
• Книги из «Библиотеки»

Инструментарий:

• Мастерское и интуитивное владение всеми описанными инструментами

На этом же этапе можно начать расширять количество скилов в смежных областях. Например, глубоко изучить Flash и 3ds max.

Материалы по юзабилити и интерфейсам можно опять же найти в моем блоге.

Библиотека

Теория наше всё. Поэтому я делюсь списком крутых книжек и руководств по дизайну. Полужирным начертанием выделяю наиболее ценные экземпляры.

• «Веб-дизайн» Дмитрий Кирсанов
• «Не заставляйте меня думать» Стив Круг
• «Психбольница в руках пациентов» Алан Купер
• «Об интерфейсе» Алан Купер
• «Веб-дизайн» Якоб Нильсен
• «Дизайн привычных вещей», Дональд Норман
• «Web-дизайн: удобство использования web-сайтов» Якоб Нильсен, Хоа Лоранджер
• «Дизайн пользовательского интерфейса. Искусство мыть слона» Влад Головачhttp://uibook2.usethics.ru/
• «Информационная архитектура в интернете» Л. Розенфельд, П. Морвиль
• «Ководство», Артемий Лебедев
• «Облик книги», Ян Чихольд
• «Введение в ТРИЗ (теорию решения изобретательских задач)» Генрих Альтшуллер
• Apple OS X HIG
• Apple Mobile HIG
• Microsoft UX Guide
• «Envisioning Information» Edward Tufte
• «Visual Explanations» Edward Tufte
• Н. А. Атабеков. Словарь-справочник иллюстратора научно-технической книги.
• Н. С. Валгина. Синтаксис современного русского языка.
• А. Э. Мильчин, Л. К. Чельцова. Справочник издателя и автора. Редакционно-издательскоеоформление издания.
• О. Ю. Соколова. Секреты композиции. Для начинающих художников
• Г. М. Логвиненко. Декоративная композиция
• О. Л. Голубева. Основы композиции
• Р. В. Паранюшкин. Композиция
• Н. М. Сокольникова. Изобразительное искусство: Основы композиции. 5 — 8 классы. Часть 3
• И. Б. Ветрова. Неформальная композиция: от образа к творчеству
• Л. П. Дыко. Основы композиции в фотографии
• Дэн Маргулис. Photoshop для профессионалов. Цветокоррекция, ретушь, работа с изображениями в Adobe Photoshop
• О. Буковецкая. Дизайн текста: шрифт, эффекты, цвет
• Я. Чернихов, Н. Соболев. Построение шрифтов
• Альберт Капр. Эстетика искусства шрифта
• Роберт Брингхерст. Основы стиля в типографике
• Иоханнес Иттен. Искусство цвета
• М. Н. Макарова. Перспектива