1 Сергей Павельчук pavelchuk.ru Программистский подход в дизайне Чему дизайнер может научиться у программиста?
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