1

Етап 1

Старт

20 січня—20 січня

2

Етап 2

Левел 1. На пути к просветлению.

20 січня—20 січня

3

Етап 3

Левел 2. Посвященный.

27 січня—29 січня

4

Етап 4

Левел 3. Чак Норисс веб-дизайна.

27 січня—26 лютого

5

Етап 5

Раздел 2. Практика

1

Етап 1

Старт

20 січня—20 січня

2

Етап 2

Левел 1. На пути к просветлению.

20 січня—20 січня

3

Етап 3

Левел 2. Посвященный.

27 січня—29 січня

4

Етап 4

Левел 3. Чак Норисс веб-дизайна.

27 січня—26 лютого

5

Етап 5

Раздел 2. Практика

20 січня 2015
Мета завершена % date%
Загальна

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

Становлюсь веб-дизайнером!

  1. Старт

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

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

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

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

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

    Axure;

    Balsamiq;

    Adobe InDesign;

    Adobe Fireworks;

    Бумага;

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

    Adobe Photoshop;

    Adobe InDesign;

    Adobe Fireworks;

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

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

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

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

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

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

  3. Левел 2. Посвященный.

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

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

    Теория:

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

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

  4. Левел 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
    • О. Буковецкая. Дизайн текста: шрифт, эффекты, цвет
    • Я. Чернихов, Н. Соболев. Построение шрифтов
    • Альберт Капр. Эстетика искусства шрифта
    • Роберт Брингхерст. Основы стиля в типографике
    • Иоханнес Иттен. Искусство цвета
    • М. Н. Макарова. Перспектива
  5. Раздел 2. Практика

  • 2527
  • 20 січня 2015, 16:37

Реєстрація

Можливості
безмежні.
Настав час
відкрити свої.

Уже зарегистрированы?
Вхід на сайт

Заходьте.
Відкрито.

Ще не зареєстровані?
 
Підключіться до будь-якого з ваших акаунтів, ваші дані будуть взяті з акаунту.
Забули пароль?