SlideShare a Scribd company logo
«Эволюция веб-дизайна»
Бринза Наталия
руководитель отдела по работе с клиентами компании Artjoker
natasha@artjoker.ua www.artjoker.ua
Время идёт — дизайн меняется
1. Веб-дизайн 8 лет назад
2. Примеры титанов
3. Artjoker — как все менялось
4.	Факторы влияющие на эволюцию
в веб-дизайне
5. Влияние технологий
6.	Web fonts
7. Сегодняшний день
Самый первый сайт был создан
в 1991 году
World Wide Web — WWW
—Тим Бернерс-Ли —
Дизайн 8 лет назад
Google
2006 2011
Google
2014
Apple
1999 2009
2006 2007
Дизайн менялся каждый год
2014
Artjoker
2007
Artjoker
2008
Artjoker2009
Artjoker2010
Artjoker2012
Artjoker2014
Факторы влияющие на
эволюцию в веб-дизайне
Разрешающая способность
мониторов
Скорость подключения
к интернет
Браузеры
Совершенствование браузеров предоставляет большие
возможности для творчества веб-дизайнерам
Количество веб-сайтов
Уровень владения сетью интернет
пользователями
Повышение общего уровня интернет-грамотности
приводит к необходимости совершенствования сайтов.
Посетители сайтов становятся более требовательными
Алгоритм поисковых систем
Совершенствование алгоритма работы поисковых
систем требует повышения как качества контента сайта,
так и качества сайта в целом
Программное обеспечение
Совершенствование программного обеспечения
предоставляет новые возможности
веб-дизайнерам для реализации своих
творческих замыслов
Изменение среднего возраста
пользователей интернета
Число отображаемых цветов на
экранах мониторов
Повышение качества мониторов и числа отображаемых
цветов приводит к необходимости применять
фотографии и рисунки более высокого качества и новых,
более совершенных форматов
Web fonts
1999
Verdana
Trebuchet MS
Helvetica
Эволюция технологий
2001
2008
2008
2014
WEB 2.0
HTML 5
Mobile web
Responsive
web design
Наши дни
—Адаптивный дизайн
—Интерфейс
—Спад популярности Flash-технологий
—Рост видео-контента
—Плоский дизайн
—Яркая типографика
—Background для сайта
—Корпоративные блоги
—Landing page
—Рост мобильных приложений
—Непрерывная прокрутка
—Крупные шрифты
—Нестандартная геометрия
To be continued
Бринза Наталия
руководитель отдела по работе
с клиентами компании Artjoker
natasha@artjoker.ua
https://www.facebook.com/natasha.brynza
Спасибо!

More Related Content

Similar to Эволюция веб-дизайна

Стажировка 2015. Дизайн. Занятие 1. История дизайна, тренды 2015, логотипы.
Стажировка 2015. Дизайн. Занятие 1. История дизайна, тренды 2015, логотипы.Стажировка 2015. Дизайн. Занятие 1. История дизайна, тренды 2015, логотипы.
Стажировка 2015. Дизайн. Занятие 1. История дизайна, тренды 2015, логотипы.
7bits
 
Atilekt Group Presentation
Atilekt Group PresentationAtilekt Group Presentation
Atilekt Group PresentationVictor Gichun
 
QA Fest 2016. Татьяна Люлюченко. Немного о мобильных браузерах
QA Fest 2016. Татьяна Люлюченко. Немного о мобильных браузерахQA Fest 2016. Татьяна Люлюченко. Немного о мобильных браузерах
QA Fest 2016. Татьяна Люлюченко. Немного о мобильных браузерах
QAFest
 
Web browser 2015
Web browser 2015Web browser 2015
Web browser 2015
Matevosyan Artur
 
Современные технологии дизайна и юзабилити
Современные технологии дизайна и юзабилитиСовременные технологии дизайна и юзабилити
Современные технологии дизайна и юзабилитиCIT TROYA
 
Мобильные браузеры: очевидное-невероятное
Мобильные браузеры: очевидное-невероятноеМобильные браузеры: очевидное-невероятное
Мобильные браузеры: очевидное-невероятное
SQALab
 
Web дизайнер
Web дизайнерWeb дизайнер
Web дизайнерvaxden
 
Визуальное проектирования интернет-проектов - Михаил Кашафутдинов
Визуальное проектирования интернет-проектов - Михаил КашафутдиновВизуальное проектирования интернет-проектов - Михаил Кашафутдинов
Визуальное проектирования интернет-проектов - Михаил Кашафутдинов
it-park
 
Лекция 6. Актуальные web-технологии. ПО как сервис
Лекция 6. Актуальные web-технологии. ПО как сервисЛекция 6. Актуальные web-технологии. ПО как сервис
Лекция 6. Актуальные web-технологии. ПО как сервисAnna Kraeva
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
Rubashkina
 
Николай Чуприянов (СКБ-Контур)
Николай Чуприянов (СКБ-Контур)Николай Чуприянов (СКБ-Контур)
Николай Чуприянов (СКБ-Контур)Ontico
 
Веб-дизайнер не художник
Веб-дизайнер не художникВеб-дизайнер не художник
Веб-дизайнер не художник
Alexey Simonenko
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
Rubashkina
 
Cоветы по созданию библиотечного сайта
Cоветы по созданию библиотечного сайтаCоветы по созданию библиотечного сайта
Cоветы по созданию библиотечного сайтаNina Panasenko
 

Similar to Эволюция веб-дизайна (20)

Стажировка 2015. Дизайн. Занятие 1. История дизайна, тренды 2015, логотипы.
Стажировка 2015. Дизайн. Занятие 1. История дизайна, тренды 2015, логотипы.Стажировка 2015. Дизайн. Занятие 1. История дизайна, тренды 2015, логотипы.
Стажировка 2015. Дизайн. Занятие 1. История дизайна, тренды 2015, логотипы.
 
Atilekt Group Presentation
Atilekt Group PresentationAtilekt Group Presentation
Atilekt Group Presentation
 
QA Fest 2016. Татьяна Люлюченко. Немного о мобильных браузерах
QA Fest 2016. Татьяна Люлюченко. Немного о мобильных браузерахQA Fest 2016. Татьяна Люлюченко. Немного о мобильных браузерах
QA Fest 2016. Татьяна Люлюченко. Немного о мобильных браузерах
 
Web browser 2015
Web browser 2015Web browser 2015
Web browser 2015
 
Современные технологии дизайна и юзабилити
Современные технологии дизайна и юзабилитиСовременные технологии дизайна и юзабилити
Современные технологии дизайна и юзабилити
 
Мобильные браузеры: очевидное-невероятное
Мобильные браузеры: очевидное-невероятноеМобильные браузеры: очевидное-невероятное
Мобильные браузеры: очевидное-невероятное
 
Web дизайнер
Web дизайнерWeb дизайнер
Web дизайнер
 
Технологии веб 2.0
Технологии веб 2.0Технологии веб 2.0
Технологии веб 2.0
 
Визуальное проектирования интернет-проектов - Михаил Кашафутдинов
Визуальное проектирования интернет-проектов - Михаил КашафутдиновВизуальное проектирования интернет-проектов - Михаил Кашафутдинов
Визуальное проектирования интернет-проектов - Михаил Кашафутдинов
 
веб 2.0
веб 2.0веб 2.0
веб 2.0
 
Лекция 6. Актуальные web-технологии. ПО как сервис
Лекция 6. Актуальные web-технологии. ПО как сервисЛекция 6. Актуальные web-технологии. ПО как сервис
Лекция 6. Актуальные web-технологии. ПО как сервис
 
Comm predl
Comm predlComm predl
Comm predl
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Николай Чуприянов (СКБ-Контур)
Николай Чуприянов (СКБ-Контур)Николай Чуприянов (СКБ-Контур)
Николай Чуприянов (СКБ-Контур)
 
Веб-дизайнер не художник
Веб-дизайнер не художникВеб-дизайнер не художник
Веб-дизайнер не художник
 
Present.pps
Present.ppsPresent.pps
Present.pps
 
Present.pps
Present.ppsPresent.pps
Present.pps
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Cоветы по созданию библиотечного сайта
Cоветы по созданию библиотечного сайтаCоветы по созданию библиотечного сайта
Cоветы по созданию библиотечного сайта
 

More from Artjoker

Is it time to write unit tests?
Is it time to write unit tests?Is it time to write unit tests?
Is it time to write unit tests?
Artjoker
 
Redux and React. Learning from giants.
Redux and React. Learning from giants.Redux and React. Learning from giants.
Redux and React. Learning from giants.
Artjoker
 
MVVM+Router or how to use all advantage from MVVM and VIPER
MVVM+Router or how to use all advantage from MVVM and VIPERMVVM+Router or how to use all advantage from MVVM and VIPER
MVVM+Router or how to use all advantage from MVVM and VIPER
Artjoker
 
"Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)"
"Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)""Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)"
"Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)"
Artjoker
 
«Let`s do it right»
«Let`s do it right»«Let`s do it right»
«Let`s do it right»
Artjoker
 
«Высоконагруженное тестирование РНР проектов»
«Высоконагруженное тестирование РНР проектов» «Высоконагруженное тестирование РНР проектов»
«Высоконагруженное тестирование РНР проектов»
Artjoker
 
3-е свидание с functional-js, что дальше
3-е свидание с functional-js, что дальше3-е свидание с functional-js, что дальше
3-е свидание с functional-js, что дальше
Artjoker
 
GraphQL для FrontEnd разработчика
GraphQL для FrontEnd разработчикаGraphQL для FrontEnd разработчика
GraphQL для FrontEnd разработчика
Artjoker
 
React 16: new features and beyond
React 16: new features and beyondReact 16: new features and beyond
React 16: new features and beyond
Artjoker
 
Первые шаги интернет-магазина одежды
Первые шаги интернет-магазина одеждыПервые шаги интернет-магазина одежды
Первые шаги интернет-магазина одежды
Artjoker
 
«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»
«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»
«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»
Artjoker
 
«Эмоциональный веб-дизайн, история одного чуткого лендинга»
«Эмоциональный веб-дизайн, история одного чуткого лендинга» «Эмоциональный веб-дизайн, история одного чуткого лендинга»
«Эмоциональный веб-дизайн, история одного чуткого лендинга»
Artjoker
 
«Дизайн система для мобильных и веб проектов»
«Дизайн система для мобильных и веб проектов»«Дизайн система для мобильных и веб проектов»
«Дизайн система для мобильных и веб проектов»
Artjoker
 
QA Evening Марк Курченко - Чек-лист против тест-кейса
QA Evening Марк Курченко - Чек-лист против тест-кейсаQA Evening Марк Курченко - Чек-лист против тест-кейса
QA Evening Марк Курченко - Чек-лист против тест-кейса
Artjoker
 
QA Evening Игорь Колосов - Performance Testing: Metrics & Measurements
QA Evening Игорь Колосов - Performance Testing: Metrics & MeasurementsQA Evening Игорь Колосов - Performance Testing: Metrics & Measurements
QA Evening Игорь Колосов - Performance Testing: Metrics & Measurements
Artjoker
 
QA Evening Максим Колотилкин - Test State Pattern
QA Evening Максим Колотилкин - Test State PatternQA Evening Максим Колотилкин - Test State Pattern
QA Evening Максим Колотилкин - Test State Pattern
Artjoker
 
Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...
Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...
Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...
Artjoker
 
Клуб Большого мозга - DevOps Evening
Клуб Большого мозга - DevOps EveningКлуб Большого мозга - DevOps Evening
Клуб Большого мозга - DevOps Evening
Artjoker
 
Performance: How to build an app instead of slideshow
Performance: How to build an app instead of slideshowPerformance: How to build an app instead of slideshow
Performance: How to build an app instead of slideshow
Artjoker
 
Productivity Hero. Know Your Tools
Productivity Hero. Know Your ToolsProductivity Hero. Know Your Tools
Productivity Hero. Know Your Tools
Artjoker
 

More from Artjoker (20)

Is it time to write unit tests?
Is it time to write unit tests?Is it time to write unit tests?
Is it time to write unit tests?
 
Redux and React. Learning from giants.
Redux and React. Learning from giants.Redux and React. Learning from giants.
Redux and React. Learning from giants.
 
MVVM+Router or how to use all advantage from MVVM and VIPER
MVVM+Router or how to use all advantage from MVVM and VIPERMVVM+Router or how to use all advantage from MVVM and VIPER
MVVM+Router or how to use all advantage from MVVM and VIPER
 
"Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)"
"Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)""Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)"
"Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)"
 
«Let`s do it right»
«Let`s do it right»«Let`s do it right»
«Let`s do it right»
 
«Высоконагруженное тестирование РНР проектов»
«Высоконагруженное тестирование РНР проектов» «Высоконагруженное тестирование РНР проектов»
«Высоконагруженное тестирование РНР проектов»
 
3-е свидание с functional-js, что дальше
3-е свидание с functional-js, что дальше3-е свидание с functional-js, что дальше
3-е свидание с functional-js, что дальше
 
GraphQL для FrontEnd разработчика
GraphQL для FrontEnd разработчикаGraphQL для FrontEnd разработчика
GraphQL для FrontEnd разработчика
 
React 16: new features and beyond
React 16: new features and beyondReact 16: new features and beyond
React 16: new features and beyond
 
Первые шаги интернет-магазина одежды
Первые шаги интернет-магазина одеждыПервые шаги интернет-магазина одежды
Первые шаги интернет-магазина одежды
 
«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»
«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»
«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»
 
«Эмоциональный веб-дизайн, история одного чуткого лендинга»
«Эмоциональный веб-дизайн, история одного чуткого лендинга» «Эмоциональный веб-дизайн, история одного чуткого лендинга»
«Эмоциональный веб-дизайн, история одного чуткого лендинга»
 
«Дизайн система для мобильных и веб проектов»
«Дизайн система для мобильных и веб проектов»«Дизайн система для мобильных и веб проектов»
«Дизайн система для мобильных и веб проектов»
 
QA Evening Марк Курченко - Чек-лист против тест-кейса
QA Evening Марк Курченко - Чек-лист против тест-кейсаQA Evening Марк Курченко - Чек-лист против тест-кейса
QA Evening Марк Курченко - Чек-лист против тест-кейса
 
QA Evening Игорь Колосов - Performance Testing: Metrics & Measurements
QA Evening Игорь Колосов - Performance Testing: Metrics & MeasurementsQA Evening Игорь Колосов - Performance Testing: Metrics & Measurements
QA Evening Игорь Колосов - Performance Testing: Metrics & Measurements
 
QA Evening Максим Колотилкин - Test State Pattern
QA Evening Максим Колотилкин - Test State PatternQA Evening Максим Колотилкин - Test State Pattern
QA Evening Максим Колотилкин - Test State Pattern
 
Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...
Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...
Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...
 
Клуб Большого мозга - DevOps Evening
Клуб Большого мозга - DevOps EveningКлуб Большого мозга - DevOps Evening
Клуб Большого мозга - DevOps Evening
 
Performance: How to build an app instead of slideshow
Performance: How to build an app instead of slideshowPerformance: How to build an app instead of slideshow
Performance: How to build an app instead of slideshow
 
Productivity Hero. Know Your Tools
Productivity Hero. Know Your ToolsProductivity Hero. Know Your Tools
Productivity Hero. Know Your Tools
 

Эволюция веб-дизайна