Программистский подход в дизайне

1

Сергей Павельчук

pavelchuk.ru

Программистский подход в дизайнеЧему дизайнер может научиться у программиста?

2

Обо мне

• Говорить не будем

3

Внимание вопрос

Кто такие программисты?

Что мы о них знаем?

4

Определяем проблему

В чем главное зло для программиста?

5

6

«Говнокод» в дизайне

7

Решаемо!

Как же быть хорошим?

Что делают для этого программисты?

8

Над чем обычно думают программисты?

• Архитектура

• Чистота кода

• Контроль версий

• Код-ревью

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

• ООП

• Framework

9

Архитектура• Иерархия страниц

• Связи, переходы, превращения

• Слои на одной странице VS разные страницы

Page 1 Page 2

Page 3Layer 3

Layer 2Layer 1

10

Чистота кода• Названия элементов

• Иерархия слоев

• Комментарии

• Оптимизация

11

Контроль версий• SVN, Mercurial, GitHub, Bitbucket

• Коммиты, чекины, откатиться

• Axure Back-Up

• Adobe CC

• Внешний SVN

12

Код-ревью

• Сам

• Коллеги по цеху

• Коллеги не по цеху• Друзья

• Даже коты

13

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

• Test Cases

• Идеально - до начала работы

• Ключевые моменты:

Элементы

Действия

Результат

14

ООП• Объекты (элементы, слои, мастера)

• Вложенность

• Наследование

• Типизация

• Переиспользование

• и т.д.

15

Framework• Библиотеки элементов:

Внешние

Внутренние

16

Как это использовать?(парочка примеров)

17

Самое простое - Axure Back-Up

18

Архитектура• Логика структуры и названия элементов: любая - важно соблюдение!

19

Axure библиотеки (аналог фреймворка)

• Готовые http://www.axure.com/community/widget-libraries

20

Axure библиотеки (аналог фреймворка)Создать свою библиотеку: Стили, Поля, Переменные

21

Axure библиотеки (аналог фреймворка)

22

Мастера в Axure (переиспользование)

Спасибо за внимание!

Дружба побеждает!

www.pavelchuk.ru