. Стажировка-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

Ассоциации в дизайне логотиповАссоциации третьегоуровня

связи между событиями, предметами, явлениями и фактами, бессознательно улавливаемые человеком. Бессознательное — совокупность психических процессов, в отношении которых отсутствует субъективный (присущий конкретному субъекту) контроль.

солнце: тепло, энергия, жизнь. цветок: экологичность продукции, забота об окружающей среде.

динамика, скорость и победа