Научиться веб-дизайну

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

Ни о каком изучении фотошопа я бы думать пока не советовал.

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

• Кодировки. В чем разница между 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 kuler (подбор цвета);
• Типографская раскладка Ильи Бирмана;
• Подбор палитры;

Теория:

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

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

Смотрите на работы признанных мастеров и пытайтесь понять, почему же они такие крутые.

*в данном случае у меня она своя, подбиралась долго по отзывам и собственным нуждам*

• Современный веб-дизайн. Эпоха веб 3.0 - неплохо структурирует информацию. Для новичков- находка.
• Дизайн для души, бизнес для денег
• Техники креативности. Как найти, оценить и воплотить идею
• Как люди думают -потрясающе! Рекомендую вообще всем, она никаким боком не связана конкретно с дизайном. Книга заставляет понять, насколько же мы глупы и ограничены. И с этим срочно нужно что-то делать. Например, начать думать.
• Дизайнерское мышление
• Визуальный молоток
• UX дизайн. практическое руководство
• Эмоциональный веб-дизайн- книга о том, о чем многие забывают- мы делаем сайты людям и для людей. Хорошая.
• Практика визуального мышления
• Идеальный дизайн- о том, что нужно не равняться на запад, а делать что-то свое. На самом деле проблема не только дизайна касается, а вообще большинства сфер жизни. Мы потеряли свою идентичность.
• Отзывчивый веб-дизайн- об адаптиве. В основном, про то, как его верстать.

Будет пополняться :)