Post on 16-Jun-2015
. Стажировка-2013
Дизайнеры. Занятие 1
История веб-дизайна. Тренды-2013
. Стажировка-2013
История веб-дизайна1969 зарождение интернета 1972 широкий доступ1980-е Тим Бернерс-Ли: зарождение гипертектста (WWW)1991 первый веб-сайт:
. Стажировка-2013
История веб-дизайна1993 выход первой версии графического браузера Mosaic:
Интуитивно понятный интерфейс, стабильность работы, простота установки и кросс-платформенность (Mosaic стал первым браузером, доступным одновременно для всех действующих на тот момент операционных систем, включая Windows, Macintosh и Unix). Вслед за этим появились браузеры Netscape Navigator и Microsoft Internet Explorer.
. Стажировка-2013
История веб-дизайна1996 начало новой эры, «позорный период» для веб-дизайнеров
. Стажировка-2013
История веб-дизайна1996 первый дизайн веб-сайта от Altavista. Просто и полезно. Появляется YAHOO
. Стажировка-2013
История веб-дизайнаТенденции: яркая палитра, системные шрифты, отсутствие эффектов, черный текст, красные заголовки и синие подчеркнутые ссылки
. Стажировка-2013
История веб-дизайна1998 начинается более серьёзный подход к дизайну (рамки, табличные макеты, меню с эффектами при наведении)
. Стажировка-2013
История веб-дизайна2005 эпоха web 2.0 (округлость, имитация выпуклых поверхностей, имитация отражений)
. Стажировка-2013
История веб-дизайна2008-2011 новые тенденции мобильных веб-приложений благодаря Apple появляются мобильные версии сайтов и приложения для mobile в дизайне сайтов - ретро, лёгкость, прозрачность
. Стажировка-2013
Тренды веб-дизайна-20131. Минимализм + Flat UI
• черно-белые, приглушенные тона• углы без скруглений• простота, интуитивность
2. Адаптивный дизайн
«Я верю в тот день, когда прекратятся разговоры об адаптивном дизайне, и не потому что он исчезнет, а потому что он станет самим собой разумеющимся»
. Стажировка-2013
Тренды веб-дизайна-20133. Фиксированное меню 4. Фото как background для сайта
. Стажировка-2013
Тренды веб-дизайна-20135. Дизайнерская типографика 6. Параллакс-скроллинг
. Стажировка-2013
Тренды в дизайне логотипов-20131. Черное и белое
2. Упрощение
3. Мозаичные шаблоны
4. Энергичность
5. Зазубренные края
6. Влияние App Store
7. Прозрачные наложения
. Стажировка-2013
Тренды в дизайне логотипов-20138. Фокусировка
9. Мощение
10. Незавершенность
11. Всплески и акварель
12. Муар
13. Базовые формы
. Стажировка-2013
Нестандартное в логотипостроении
. Стажировка-2013
Нестандартное в логотипостроении
. Стажировка-2013
Ассоциации в дизайне логотиповАссоциации первого уровня
самые очевидные связи, которые возникают у человека мгновенно, когда он обращает внимание на предмет или явление. Если обзывать их каким-то одним словом, то, пожалуй, подойдет термин «рефлекс» — моментальная реакция на раздражение, врожденная или приобретенная с опытом. Мозг почти не работает. Эмоции нулевые.
. Стажировка-2013
Ассоциации в дизайне логотиповАссоциации второго уровня
связи между событиями, предметами, явлениями и фактами, найденные после некоторой мыслительной деятельности, основанной на знаниях и опыте человека. Если обозвать их каким-то одним словом, то, пожалуй, подойдет термин «логика». Первые импульсы и рефлексы оставлены позади. Частично начинают включаться эмоции.
. Стажировка-2013
Ассоциации в дизайне логотиповАссоциации третьегоуровня
связи между событиями, предметами, явлениями и фактами, бессознательно улавливаемые человеком. Бессознательное — совокупность психических процессов, в отношении которых отсутствует субъективный (присущий конкретному субъекту) контроль.
солнце: тепло, энергия, жизнь. цветок: экологичность продукции, забота об окружающей среде.
динамика, скорость и победа