Стать WEB-Дизайнером
Становлюсь веб-дизайнером!
-
Старт
Раздел 1. Теория.
Примерный список технологий:
Кодировки. В чем разница между ASCII и UTF-8?HTML. Основной язык разметки интернета. Много чего можно подчерпнуть на htmlbook.ru.CSS. Каскадные таблицы стилей. Вся инфа так же есть на htmlbook.ru.Растровая графика. Принцип работы и отличия от векторной.Векторная графика. Преимущества и недостатки по сравнению с растровой.PHP и динамические страницы. Знание возможностей.JavaScript. Применение и основные возможности.
-
Левел 1. На пути к просветлению.
Инструментарий:
- Мозг. Это инструмент №1. Овладение им в совершенстве — 80% успеха.
- Бумага и карандаш. Помогает фиксировать дикие идеи выдаваемые мозгом. А также вспоминать о них с утра после усиленного поиска вдохновения J
- Инструменты прототипирования (о прототипировании позже). Можете сами сделать выбор.
Axure;Balsamiq;
Adobe InDesign;
Adobe Fireworks;
Бумага;
- Основной программный инструментарий. То, где собственно создается макет. Здесь тоже каждый определяется со своими предпочтениями.
Adobe Photoshop;Adobe InDesign;
Adobe Fireworks;
Adobe Illustrator. Если собираетесь заняться также векторной графикой.
То, что выделено полужирным начертанием, является обязательным минимумом для получения левела. Уроками по программным продуктам Adobe завален весь интернет. Они помогут в изучении инструментария.
Очень хороши уроки по продуктам Adobe от сайта Lynda.com. Найти их можно на том же рутрекере. Будьте готовы, они на английском.
Теория дизайна:
Теория цвета и цветовой круг.Пространственные отношения. Размер, пропорции.Форма. Прямые, прямоугольники, круги, кривые Безье.
Здесь будут полезны поверхностные основные принципы дизайна.
-
Левел 2. Посвященный.
Чувствуете, как наливаются свинцом ваши яйца? Если нет, то марш к началу. Изученную теорию запомнить, работу с усвоенным инструментарием продолжать. Не забывать практиковаться.
Инструментарий:
Adobe kuler (подбор цвета);- Типографская раскладка Ильи Бирмана;
- Подбор палитры;
Теория:
Правила хорошего тона в фотошопе;- Типографика (используйте, мать его, сглаживание шрифтов в макетах). Взаимодействие шрифтов;
- Композиция;
- Текстурирование;
- Единство;
- Баланс;
- Контраст;
- Динамика;
Делать крутой дизайн не сложно. Главное, научится отличать хороший дизайн от плохого, а затем, пытаться, пытаться и пытаться сделать хороший дизайн. Поэтому на этом этапе необходимо много смотреть на работы других, критиковать, ввязываться варгументированные холивары, говорить как правильно. Не зря же вы перелопатили кучу инфы.
-
Левел 3. Чак Норисс веб-дизайна.
Теория:
- Экстремальная типографика. Роберт Брингхест и Ян Чихольд обязательны к прочтению
- Юзабилити
- Информационный дизайн и представление информации
- Психология пользователя
- 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
- О. Буковецкая. Дизайн текста: шрифт, эффекты, цвет
- Я. Чернихов, Н. Соболев. Построение шрифтов
- Альберт Капр. Эстетика искусства шрифта
- Роберт Брингхерст. Основы стиля в типографике
- Иоханнес Иттен. Искусство цвета
- М. Н. Макарова. Перспектива
-
Раздел 2. Практика
- 2511
- 20 January 2015, 16:37
Don't miss new posts!
Subscribe for the Goal and follow through to its completion