Данила Ковчий "Homo Universale: куда расти веб-дизайнерам"

Homo Universale

Данила Ковчий дизайнер интерфейсов Я.Субботник, Челябинск, 25 февраля 2012

Куда расти веб-дизайнеру

2

Веб-дизайнер — человек, непрерывно ищущий альтернативу программированию

3

Веб-дизайнер? Нет

Молодец! Верстать умеешь?

Рисовать умеешь?

Да

Нет

Да

Да

Нет

4

Дизайнер должен��разбираться в материале, ��с которым работает

5

Миф Реальность

6


Не забиваю голову версткой и мыслю свободно

7



Решения — компиляция однажды увиденного; сомнения — возможно ли такое сделать

8




Не трачу время на верстку, быстро рисую в фотошопе

9





Куча времени на обновление элемента по всем макетам; плоская организация элементов в inDesign

10






Я узкий специалист, которого ценят

11






Я узкий специалист, которого ценят

Правда? Ведь дизайнеров, как собак нерезаных

12

Чего еще лишает фотошоп:

Реальности

Динамики

Быстрой работы

13

Реальность

Это прототип, который можно потискать,

который поднимет новые вопросы в логике взаимодействия

14

15

Динамика

Когда красиво не только во сне, но и в реальности

16

17

18

19

20

Ссылка

Ссылка

21

Ссылка Ссылка Ссылка Ссылка

22

Быстрая работа

Таблицы Списки

Стили текста Однородные элементы

23

Имя Должность Отдел







24








25








Зарплата

Зарплата

Зарплата

Зарплата

Зарплата

Зарплата

Зарплата

26








Зарплата

Зарплата

Зарплата

Зарплата

Зарплата

Зарплата

Зарплата

27








Зарплата

Зарплата

Зарплата

Зарплата

Зарплата

Зарплата

Зарплата

28








Зарплата

Зарплата

Зарплата

Зарплата

Зарплата

Зарплата

Зарплата

29

Итого:

30

XSLT

31

Почему XSLT?

32

Автомобильные маршруты

32

33

Каждый участок маршрута вмещает:

Маневр

34


Маневр Ориентир

35


Маневр Склеенный маневр Ориентир

36



Панорамы и камеры

37




Дорожные знаки

38





Пробки

39





Название улицы

Пробки

40


Маневр Склеенный маневр

Длина участка

Ориентир




Пробки

41




Ориентир



Режим работы участка и плата за проезд


Пробки

42



Ориентир





Пробки

cmd + N

cmd + N

cmd + N

cmd + N

47

А что будет если... ��

А где то?

А где это? Забыл про знаки

Ты еще не учел ряд ситуаций

Мы еще скоро научимся делать вот это Все слиплось,

попробуй разрядить Что важнее показать?

48

49



Ориентир





Пробки

50

Маневр

Склеенный маневр


Ориентир

Панорамы и камеры Дорожные знаки



Пробки

51

<Маневр тип="перекресток-налево"> <пробки>красные</пробки> <длина>500</длина><улица>Пионерская</улица><ориентир>после церкви</ориентир><ведутся_работы/><заметка тип="платный участок"/><камера/></Маневр>

52

Для узла «Маневр», который содержит в себе атрибут «Камера» выведи иконку камеры <xsl:template match="Маневр"> <div> <xsl:apply-templates/> <div> </xsl:template> <xsl:template match="Маневр/камера"> <img src="камера.png"/> </xsl:template>

53

Таким способом было учтено:

Словарь маневров Контекстные речевые обороты

Перебор всех наборов атрибутов участка

Вывод чисел с условиями для округления Несколько вариантов с разными стилями

54

55

56

Выборы президента

57

58

59

60

61

Почему XSLT?

62

Почему XSLT?

Самостоятельная технология

63

Почему XSLT?

Самостоятельная технология Реализует логику вывода любой сложности

64

Почему XSLT?


Собирает шаблоны в структуру

65

Почему XSLT?


Собирает шаблоны в структуру Организует мышление

66

Почему XSLT?


Собирает шаблоны в структуру Организует мышление

Данные встают на первое место

Данила Ковчий дизайнер интерфейсов @kovchiy

Данила Ковчий "Homo Universale: куда расти веб-дизайнерам"

Technology