Встреча Третья. Web-дизайн против проектирования интерфейсов

Содержание

Слайд 2

vs.

Дизайн

vs. Дизайн

Слайд 3

“Я так вижу”

Объективность

“Я так вижу” Объективность

Слайд 4

“Я так вижу”

Объективность

Самовыражение

“Я так вижу” Объективность Самовыражение

Слайд 5

Неосознанное

Осознанное

Самовыражение

“Я так вижу”

Объективность

Неосознанное Осознанное Самовыражение “Я так вижу” Объективность

Слайд 6

Неосознанное

Осознанное

Деятельность

“Я так вижу”

Объективность

Неосознанное Осознанное Деятельность “Я так вижу” Объективность

Слайд 10

ок, а что с web’ом?

ок, а что с web’ом?

Слайд 11

https://www.usatoday.com/

https://www.usatoday.com/

Слайд 12

http://www.dpgraph.com/

http://www.dpgraph.com/

Слайд 13

http://www.50kopeek.kiev.ua/

http://www.50kopeek.kiev.ua/

Слайд 15

ок, а как это устроено ?

ок, а как это устроено ?

Слайд 16

№1. Компании

№1. Компании

Слайд 18

Этан Маркотт (среди его клиентов W3C, написал “Отзывчивый web-дизайн”, придумал понятие “отзывчивый

Этан Маркотт (среди его клиентов W3C, написал “Отзывчивый web-дизайн”, придумал понятие “отзывчивый
дизайн”, работал над редакцией “Web-дизайн по стандартам”);
Крис Койер (CSS-tricks.com - его сайт, курсы на кикстартер)
Артемий лебедев (ководство ну и так по мелочам: иконка “Домой”, растяжение сайта по ширине окна и т.д.)
Остальные: http://mcocos.ru/infodesign/articles/znamenitye-dizainery/

Слайд 19

http://rainforest.arkivert.no

http://rainforest.arkivert.no

Слайд 20

https://fabianirsara.com/

https://fabianirsara.com/

Слайд 21

http://www.web-expert.it/

http://www.web-expert.it/

Слайд 22

https://prashantsani.com/

https://prashantsani.com/

Слайд 23

https://shantellmartin.art/

https://shantellmartin.art/

Слайд 24

http://fabiotoste.com/

http://fabiotoste.com/

Слайд 25

№2. Процесс разработки

№2. Процесс разработки

Слайд 26

Схема реализации идеи

Мемас-схема реализации идеи

Нет*

*если у вас нет кучи денег, раскрученного имени,

Схема реализации идеи Мемас-схема реализации идеи Нет* *если у вас нет кучи
магических навыков или если вы не продали душу кое-кому

Слайд 27

Самая настоящая мемас-схема реализации идеи

Идея

Успех

Делать макет

Разработка

Тестирование

ИТЕРАЦИЯ

Самая настоящая мемас-схема реализации идеи Идея Успех Делать макет Разработка Тестирование ИТЕРАЦИЯ

Слайд 28

№3. Условные рефлексы

№3. Условные рефлексы

Слайд 29

3.1. Макет

3.1. Макет

Слайд 33

3.2. Элементы

3.2. Элементы

Слайд 36

вот только...

вот только...

Слайд 42

3.3. Цветовая гамма и ужасы этого мира

3.3. Цветовая гамма и ужасы этого мира

Слайд 43

http://www.miauk.com/

http://www.miauk.com/

Слайд 44

http://www.miauk.com/

http://www.miauk.com/

Слайд 45

http://www.theworldsworstwebsiteever.com/

http://www.theworldsworstwebsiteever.com/

Слайд 46

http://www.berezowka.narod.ru/

http://www.berezowka.narod.ru/

Слайд 47

http://www.greatdreams.com/

http://www.greatdreams.com/

Слайд 48

http://gamosyaca.ru/
http://endosur.narod.ru/ (ШИКАРНЫЙ)
http://www.eniology.ktk.ru/
http://www.50kopeek.kiev.ua/ (ОН ХОРОШ, ОСОБОЕ ВНИМАНИЕ)
http://www.dokimos.org/
http://www.merryday.ru/ (о навигации)
http://www.constellation7.org/Constellation-Seven/Josiah/Index.htm

Лучше увидеть в

http://gamosyaca.ru/ http://endosur.narod.ru/ (ШИКАРНЫЙ) http://www.eniology.ktk.ru/ http://www.50kopeek.kiev.ua/ (ОН ХОРОШ, ОСОБОЕ ВНИМАНИЕ) http://www.dokimos.org/ http://www.merryday.ru/ (о
живую

Слайд 49

http://heaven.internetarchaeology.org/heaven.html#bottom

Десерт

http://heaven.internetarchaeology.org/heaven.html#bottom Десерт

Слайд 50

http://2015.goldensite.ru/results/

Победители на звание “Самый лучший дизайн рунета 2015 ”

http://2015.goldensite.ru/results/ Победители на звание “Самый лучший дизайн рунета 2015 ”

Слайд 51

чтобы не убивать в вас чувство прекрасного

чтобы не убивать в вас чувство прекрасного

Слайд 52

http://metro.ru/

http://metro.ru/

Слайд 53

И что же делать?

И что же делать?