Научиться веб-дизайну
Привет.
Я Ира, мне 22.
Если есть люди с похожими целями- пишите. Так же буду рада сотрудничеству с начинающими верстальщиками, т.к. параллельно практикуюсь, могу подкидывать макеты для верстки, хотя этого добра и в сети навалом. В общем вся затея создавалась не с целью мониторить себя (я уверена, что у меня получится безо всякого контроля, слишком уж сильно я этого хочу), а скорее с целью объединиться и пообщаться на тему общих интересов или просто обменяться материалами. Вообще я начала не сегодня, а 1 октября и первую неделю рыла интернет в поисках подходящих статей, книг и видеокурсов. Так что много чего могу подсказать и порекомендовать, накопилась неплохая база для новичка.
К слову, конечная цель у меня не заработать с этого денег. Меня это вообще не слишком интересует. Я просто хочу делать что-то прекрасное. Хочу, чтобы у людей при взгляде на мои работы замирало сердце, так же, как это происходит у меня от некоторых работ на behance и dribbble. Но до этого еще слишком далеко. Лет 5. А может 50. Не знаю *смайлик*
Критерий завершения
Получить деньги за свою работу на фрилансе или быть принятой на работу в веб-студию
Личные ресурсы
Знание пакета Adobe, масса свободного времени
-
Левел 0. «Вы все г*вно!»
На этом уровне стоит начать с поверхностного изучения технологий применяемых в веб-дизайне и повышению компьютерной грамотности. Ведь сайт — это в первую очередь интерактивная среда, которая сочетает в себе массу технологий. Дизайнер должен знать, на что способны современные технологии, а на что нет.
Ни о каком изучении фотошопа я бы думать пока не советовал.
Примерный список технологий:
Кодировки. В чем разница между 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 завален весь интернет. Они помогут в изучении инструментария.
Теория дизайна:
Теория цвета и цветовой круг.Пространственные отношения. Размер, пропорции.Форма. Прямые, прямоугольники, круги, кривые Безье.
Здесь будут полезны поверхностные основные принципы дизайна.
-
Левел 2. Посвященный.
Чувствуете, как наливаются свинцом ваши яйца? Если нет, то марш к началу. Изученную теорию запомнить, работу с усвоенным инструментарием продолжать. Не забывать практиковаться.
Инструментарий:
Adobe kuler (подбор цвета);- Типографская раскладка Ильи Бирмана;
Подбор палитры;
Теория:
Правила хорошего тона в фотошопе;- Типографика (используйте, мать его, сглаживание шрифтов в макетах). Взаимодействие шрифтов;
Композиция;- Текстурирование;
- Единство;
- Баланс;
Контраст;- Динамика;
Делать крутой дизайн не сложно. Главное, научится отличать хороший дизайн от плохого, а затем, пытаться, пытаться и пытаться сделать хороший дизайн. Поэтому на этом этапе необходимо много смотреть на работы других, критиковать, ввязываться в аргументированные холивары, говорить как правильно. Не зря же вы перелопатили кучу инфы.
Смотрите на работы признанных мастеров и пытайтесь понять, почему же они такие крутые. -
Библиотека
*в данном случае у меня она своя, подбиралась долго по отзывам и собственным нуждам*
Современный веб-дизайн. Эпоха веб 3.0- неплохо структурирует информацию. Для новичков- находка.- Дизайн для души, бизнес для денег
- Техники креативности. Как найти, оценить и воплотить идею
Как люди думают-потрясающе! Рекомендую вообще всем, она никаким боком не связана конкретно с дизайном. Книга заставляет понять, насколько же мы глупы и ограничены. И с этим срочно нужно что-то делать. Например, начать думать.- Дизайнерское мышление
- Визуальный молоток
- UX дизайн. практическое руководство
Эмоциональный веб-дизайн- книга о том, о чем многие забывают- мы делаем сайты людям и для людей. Хорошая.- Практика визуального мышления
Идеальный дизайн- о том, что нужно не равняться на запад, а делать что-то свое. На самом деле проблема не только дизайна касается, а вообще большинства сфер жизни. Мы потеряли свою идентичность.Отзывчивый веб-дизайн- об адаптиве. В основном, про то, как его верстать.
Будет пополняться :)
-
Левел 3. Чак Норисс веб-дизайна.
Вы умеете делать красиво. Теперь осталось научиться делать удобно.
Теория:
- Экстремальная типографика. Роберт Брингхест и Ян Чихольд обязательны к прочтению
- Юзабилити
- Информационный дизайн и представление информации
- Психология пользователя
- User experience
- Математические обоснования удобства интерфейсов
- Концепция UCD
- Книги из «Библиотеки»
Инструментарий:
- Мастерское и интуитивное владение всеми описанными инструментами
На этом же этапе можно начать расширять количество скилов в смежных областях. Например, глубоко изучить Flash и 3ds max.
- 2923
- 18 октября 2014, 07:04
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением