Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

4,819 views

Published on

Доклад предназначен для проектировщиков и дизайнеров интерфейсов.

Что полезного дизайнеру может пригодится из мира программирования? Громкие термины про контроль версий, архитектуру, чистый код и т.д. это все чуждые слова или повод перенять опыт? Настолько ли суровы программисты чтобы испортить своими подходами творческую суть дизайнера?

Published in: Software
  • Sex in your area is here: ♥♥♥ http://bit.ly/39sFWPG ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Follow the link, new dating source: ♥♥♥ http://bit.ly/39sFWPG ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

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

  1. 1. 1 Сергей Павельчук pavelchuk.ru Программистский подход в дизайне Чему дизайнер может научиться у программиста?
  2. 2. 2 Обо мне • Говорить не будем
  3. 3. 3 Внимание вопрос Кто такие программисты? Что мы о них знаем?
  4. 4. 4 Определяем проблему В чем главное зло для программиста?
  5. 5. 5
  6. 6. 6 «Говнокод» в дизайне
  7. 7. 7 Решаемо! Как же быть хорошим? Что делают для этого программисты?
  8. 8. 8 Над чем обычно думают программисты? • Архитектура • Чистота кода • Контроль версий • Код-ревью • Тестирование • ООП • Framework
  9. 9. 9 Архитектура • Иерархия страниц • Связи, переходы, превращения • Слои на одной странице VS разные страницы Page 1 Page 2 Page 3 Layer 3 Layer 2 Layer 1
  10. 10. 10 Чистота кода • Названия элементов • Иерархия слоев • Комментарии • Оптимизация
  11. 11. 11 Контроль версий • SVN, Mercurial, GitHub, Bitbucket • Коммиты, чекины, откатиться • Axure Back-Up • Adobe CC • Внешний SVN
  12. 12. 12 Код-ревью • Сам • Коллеги по цеху • Коллеги не по цеху • Друзья • Даже коты
  13. 13. 13 Тестирование • Test Cases • Идеально - до начала работы • Ключевые моменты:  Элементы  Действия  Результат
  14. 14. 14 ООП • Объекты (элементы, слои, мастера) • Вложенность • Наследование • Типизация • Переиспользование • и т.д.
  15. 15. 15 Framework • Библиотеки элементов:  Внешние  Внутренние
  16. 16. 16 Как это использовать? (парочка примеров)
  17. 17. 17 Самое простое - Axure Back-Up
  18. 18. 18 Архитектура • Логика структуры и названия элементов: любая - важно соблюдение!
  19. 19. 19 Axure библиотеки (аналог фреймворка) • Готовые http://www.axure.com/community/widget-libraries
  20. 20. 20 Axure библиотеки (аналог фреймворка) Создать свою библиотеку: Стили, Поля, Переменные
  21. 21. 21 Axure библиотеки (аналог фреймворка)
  22. 22. 22 Мастера в Axure (переиспользование)
  23. 23. Спасибо за внимание! Дружба побеждает! www.pavelchuk.ru

×