1. . Стажировка-2013
Дизайнеры. Занятие 1
История веб-дизайна. Тренды-2013

2. . Стажировка-2013
История веб-дизайна
1969 зарождение интернета
1972 широкий доступ
1980-е Тим Бернерс-Ли: зарождение гипертектста (WWW)
1991 первый веб-сайт:

3. . Стажировка-2013
История веб-дизайна
1993 выход первой версии графического браузера Mosaic:
Интуитивно понятный интерфейс, стабильность работы, простота установки и кросс-
платформенность (Mosaic стал первым браузером, доступным одновременно для всех
действующихнатотмоментоперационныхсистем,включаяWindows,MacintoshиUnix).
Вслед за этим появились браузеры Netscape Navigator и Microsoft Internet Explorer.

4. . Стажировка-2013
История веб-дизайна
1996 начало новой эры, «позорный период» для веб-дизайнеров

5. . Стажировка-2013
История веб-дизайна
1996 первый дизайн веб-сайта от Altavista. Просто и полезно.
Появляется YAHOO

6. . Стажировка-2013
История веб-дизайна
Тенденции: яркая палитра, системные шрифты, отсутствие эффектов, черный текст,
красные заголовки и синие подчеркнутые ссылки

7. . Стажировка-2013
История веб-дизайна
1998 начинается более серьёзный подход к дизайну (рамки, табличные макеты,
меню с эффектами при наведении)

8. . Стажировка-2013
История веб-дизайна
2005 эпоха web 2.0 (округлость, имитация выпуклых поверхностей,
имитация отражений)

9. . Стажировка-2013
История веб-дизайна
2008-2011 новые тенденции мобильных веб-приложений благодаря Apple
появляются мобильные версии сайтов и приложения для mobile
в дизайне сайтов - ретро, лёгкость, прозрачность

10. . Стажировка-2013
Тренды веб-дизайна-2013
1. Минимализм + Flat UI
• черно-белые, приглушенные тона
• углы без скруглений
• простота, интуитивность
2. Адаптивный дизайн
«Я верю в тот день, когда прекратятся разговоры
об адаптивном дизайне, и не потому что он
исчезнет, а потому что он станет самим собой
разумеющимся»

11. . Стажировка-2013
Тренды веб-дизайна-2013
3. Фиксированное меню 4. Фото как background для сайта

12. . Стажировка-2013
Тренды веб-дизайна-2013
5. Дизайнерская типографика 6. Параллакс-скроллинг

13. . Стажировка-2013
Тренды в дизайне логотипов-2013
1. Черное и белое
2. Упрощение
3. Мозаичные шаблоны
4. Энергичность
5. Зазубренные края
6. Влияние App Store
7. Прозрачные наложения

14. . Стажировка-2013
Тренды в дизайне логотипов-2013
8. Фокусировка
9. Мощение
10. Незавершенность
11. Всплески и акварель
12. Муар
13. Базовые формы

15. . Стажировка-2013
Нестандартное в логотипостроении

16. . Стажировка-2013
Нестандартное в логотипостроении

17. . Стажировка-2013
Ассоциации в дизайне логотипов
Ассоциации
первого уровня
самые очевидные связи, которые
возникают у человека мгновенно,
когда он обращает внимание
на предмет или явление. Если
обзывать их каким-то одним словом,
то, пожалуй, подойдет термин
«рефлекс» — моментальная реакция
на раздражение, врожденная или
приобретенная с опытом. Мозг почти
не работает. Эмоции нулевые.

18. . Стажировка-2013
Ассоциации в дизайне логотипов
Ассоциации
второго уровня
связи между событиями,
предметами, явлениями и фактами,
найденные после некоторой
мыслительной деятельности,
основанной на знаниях и опыте
человека. Если обозвать их каким-
то одним словом, то, пожалуй,
подойдет термин «логика». Первые
импульсы и рефлексы оставлены
позади. Частично начинают
включаться эмоции.

19. . Стажировка-2013
Ассоциации в дизайне логотипов
Ассоциации
третьего
уровня
связи между событиями,
предметами, явлениями и фактами,
бессознательно улавливаемые
человеком. Бессознательное —
совокупность психических
процессов, в отношении которых
отсутствует субъективный
(присущий конкретному субъекту)
контроль.
солнце: тепло, энергия, жизнь.
цветок: экологичность
продукции, забота
об окружающей среде.
динамика, скорость и победа