Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

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

4.826 visualizaciones

Publicado el

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

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

Publicado en: Software
  • Sex in your area is here: ♥♥♥ http://bit.ly/39sFWPG ♥♥♥
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Follow the link, new dating source: ♥♥♥ http://bit.ly/39sFWPG ♥♥♥
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí

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

  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

×