Наиболее полный курс веб дизайна. Я решил написать эту статью т. Без теории невозможно начать правильно практиковаться. В этой статье я бы хотел показать основные теоретические аспекты, как веб дизайна в частности, так и дизайна в принципе. После это приведу пример, как строится процесс создания дизайна сайта. Курс в большей части рассчитан на самостоятельное изучение. Я дам лишь пути, по которым можно двигаться, а то куда вы придете целиком зависит от вас. Раздел 1. Теория. То, что следует знать дизайнеру, я разбил на уровни. Ведь сайт это в первую очередь интерактивная среда, которая сочетает в себе массу технологий. Дизайнер должен знать, на что способны современные технологии, а на что нет. Ни о каком изучении фотошопа я бы думать пока не советовал. Примерный список технологий Кодировки. Ветрова И. Б. Неформальная композиция от образа к творчеству Учеб. Поликультурное образование в США теоретические основы и содержание Педагогика. Гладких З. И. Ветрова И. Б. Неформальная композиция от образа к творчеству учебное пособие. М. Ижица, 2004. Новый энциклопедический словарь изобразительного искусства. СПб. Азбукаклассика. Даглдиян К. Т. Декоративная композиция учебное пособие изд. Ростов нД Феникс. Купить книгу Неформальная композиция от образа к творчеству автора И. Ветрова и другие произведения в разделе Книги в интернетмагазине OZON. Доступны цифровые, печатные и аудиокниги. На сайте вы можете почитать отзывы, рецензии, отрывки. Мы бесплатно доставим книгу. Диссертация 2005 года на тему Художественный образ и композиция в дизайне мебели периода XVIIIначала XXI веков. Автор Шлеюк, Светлана Геннадьевна, кандидат. Ветрова И. Б. Неформальная композиция от образа к творчеству. Учебное пособие. М. Ижица, 2004. Неформальная композиция от образа к творчеству Л. Основы композиции в фотографии Дэн Маргулис. Photoshop для профессионалов. Цветокоррекция, ретушь, работа с изображениями в Adobe Photoshop О. Дизайн текста шрифт, эффекты,. В чем разница между ASCII и UTF 8 HTML. Основной язык разметки интернета. Много чего можно подчерпнуть на htmlbook. CSS. Каскадные таблицы стилей. Вся инфа так же есть на htmlbook. Растровая графика. Принцип работы и отличия от векторной. Векторная графика. Преимущества и недостатки по сравнению с растровой. PHP и динамические страницы. Знание возможностей. IMG_3023.jpg' alt='Ветрова, И. Неформальная Композиция: От Образа К Творчеству' title='Ветрова, И. Неформальная Композиция: От Образа К Творчеству' />Java. Script. Применение и основные возможности. Левел 1. На пути к просветлению. Теперь вы знаете, из чего состоит сайт. Это позволит создавать реалистичные макеты, которые верстальщики и программисты смогут воплотить в жизнь. Скажу даже больше, верстальщики будут готовы вас расцеловать за правильный макет. Это один из наиболее долгих этапов прокачки своих скилов. Часто он продолжается всю сознательную карьеру. На этом этапе следует начать осваивать инструментарий, создавать первые макеты, экспериментировать и попутно продолжать накачивать себя теорией. Инструментарий Мозг. Ветрова И. Б. Неформальная композиция от образа к творчеству. Ветрова, И. Неформальная Композиция: От Образа К Творчеству' title='Ветрова, И. Неформальная Композиция: От Образа К Творчеству' />Это инструмент. Овладение им в совершенстве 8. Бумага и карандаш. Помогает фиксировать дикие идеи выдаваемые мозгом. А также вспоминать о них с утра после усиленного поиска вдохновения Инструменты прототипирования о прототипировании позже. Можете сами сделать выбор. То, где собственно создается макет. Здесь тоже каждый определяется со своими предпочтениями. Если собираетесь заняться также векторной графикой. Ветрова И. Б. Неформальная композиция от образа к творчеству Учебное пособие. Развитие композиционных способностей в процессе обучения изобразительному искусству. То, что выделено полужирным начертанием, является обязательным минимумом для получения левела. Уроками по программным продуктам Adobe завален весь интернет. Они помогут в изучении инструментария. Очень хороши уроки по продуктам Adobe от сайта Lynda. Найти их можно на том же рутрекере. Будьте готовы, они на английском. Теория дизайна Теория цвета и цветовой круг. Пространственные отношения. Размер, пропорции. Форма. Прямые, прямоугольники, круги, кривые Безье. Здесь будут полезны поверхностные основные принципы дизайна. Левел 2. Посвященный. Особенности проектирования плаката лаконичность, отбор деталей, главноевторостепенное, центр композиции. Ветрова И. Б. Неформальная Композиция. М., Ижица, 2004 7. И не только остались, но и сориентировали их на процесс художественного проек тирования как на творческий труд. Детская Гимнастика Видео. Ветрова, И. Б. Неформальная композиция. От образа к творчеству И. Б. Ветрова. Гарсэт, кабат, шнуро. Воронов, В. А. Энциклопедия прикладного творчества В. А. Чувствуете, как наливаются свинцом ваши яйца Если нет, то марш к началу. Изученную теорию запомнить, работу с усвоенным инструментарием продолжать. Не забывать практиковаться. Инструментарий Теория Правила хорошего тона в фотошопе Типографика используйте, мать его, сглаживание шрифтов в макетах. Взаимодействие шрифтов Композиция Текстурирование Единство Баланс Контраст Динамика Делать крутой дизайн не сложно. Главное, научится отличать хороший дизайн от плохого, а затем, пытаться, пытаться и пытаться сделать хороший дизайн. Поэтому на этом этапе необходимо много смотреть на работы других, критиковать, ввязываться в аргументированные холивары, говорить как правильно. Не зря же вы перелопатили кучу инфы. Смотрите на работы признанных мастеров и пытайтесь понять, почему же они такие крутые. Левел 3. Чак Норисс веб дизайна. Вы умеете делать красиво. Теперь осталось научиться делать удобно. Теория Экстремальная типографика. Роберт Брингхест и Ян Чихольд обязательны к прочтению. Юзабилити. Информационный дизайн и представление информации. Психология пользователя. User experience. Математические обоснования удобства интерфейсов. Концепция UCDКниги из БиблиотекиИнструментарий Мастерское и интуитивное владение всеми описанными инструментами. На этом же этапе можно начать расширять количество скилов в смежных областях. Например, глубоко изучить техдизайн, ретушь или 3ds max. Материалы по юзабилити и интерфейсам можно опять же найти в моем блоге. Библиотека. Теория наше вс. Поэтому я делюсь списком крутых книжек и руководств по дизайну. Полужирным начертанием выделяю наиболее ценные экземпляры. Веб дизайн Дмитрий КирсановНе заставляйте меня думать Стив КругПсихбольница в руках пациентов Алан КуперОб интерфейсе Алан КуперВеб дизайн Якоб НильсенДизайн привычных вещей, Дональд НорманWeb дизайн удобство использования web сайтов Якоб Нильсен, Хоа ЛоранджерДизайн пользовательского интерфейса. Искусство мыть слона Влад Головач http uibook. Информационная архитектура в интернете Л. Розенфельд, П. МорвильКоводство, Артемий ЛебедевОблик книги, Ян ЧихольдВведение в ТРИЗ теорию решения изобретательских задач Генрих Альтшуллер. Apple OS X HIGApple Mobile HIGMicrosoft UX GuideEnvisioning Information Edward TufteVisual Explanations Edward Tufte. Н. Словарь справочник иллюстратора научно технической книги. Н. Синтаксис современного русского языка. А. Справочник издателя и автора. Редакционно издательскоеоформление издания. О. Секреты композиции. Для начинающих художников. Г. Декоративная композиция. О. Основы композиции. Р. Композиция. Н. Сокольникова. Изобразительное искусство Основы композиции. Неформальная композиция от образа к творчеству. Л. Основы композиции в фотографии. Дэн Маргулис. Photoshop для профессионалов. Цветокоррекция, ретушь, работа с изображениями в Adobe Photoshop. О. Дизайн текста шрифт, эффекты, цвет. Я. Чернихов, Н. Построение шрифтов. Альберт Капр. Эстетика искусства шрифта. Роберт Брингхерст. Основы стиля в типографике. Иоханнес Иттен. Искусство цвета. М. Перспектива. Раздел 2. Практика. Второй раздел рассказывает на примере как делается дизайн сайта, останавливаясь на конкретных практических нюансах. Концепция и прототип. Дизайн сайта начинается в первую очередь с определения концепции и идеи. Кто то выписывает все задачи сайта на листок и думает, как реализовать, кто то смотрит, как коллеги решали схожие задачи. В любом случае начинать стоит с прототипа. Чаще всего я делаю прототипы на бумаге. На бумаге легко накидать расположение блоков и каркас будущего макета. Нарисовав прототип, начните его прорабатывать. Двигайтесь от общего к частному и добивайтесь нужного уровня детализации. Используйте метод прогрессивного жпега. Модульная сетка. Не стоит забывать про модульную сетку. Она помогает сделать красивый ровный макет. Да и верстальщикам потом будет проще. Какую сетку выбратьЯ советую рисовать сетку в зависимости от нужд. Смысловая объединенность лучше, чем тупое разбиение на колонки. В общих случаях можно использовать сетки blueprint или 9. Пропорции и экран. Хороший сайт должен одинаково хорошо выглядеть на всех разрешениях монитора. Поэтому я ставлю ширину макета равную 1. Элементы должны масштабироваться тоже, размеры шрифтов указываются в em, блоки и горизонтали в процентах. Масштабируемость. Правильный сайт должен предусматривать возможности роста. Поэтому проектируя меню и блоки контента закладывайте возможности для роста. Цвет и шрифт. Определившись с концепцией, расположением блоков и меню можно приступать к подбору цвета и шрифтов. В подборе цвета поможет Adobe Kuler cм. Она должны быть единой на всех страницах. Взаимодействие. Сайт это живая и интерактивная система, которая взаимодействует с пользователем. Поэтому сайт должен предусматривать реакцию на действия пользователя. Вы точно человек Введите слова с картинки и вы сможете продолжить работу с сайтом. При возникновении вопросов свяжитесь с нами по адресу supportdissercat.