Веб-дизайнер не художник

860 views

Published on

Тезисы к презентации:
– Рассмотрим насколько знание предметной области важно в дизайне;
– Почему для веб-дизайна недостаточно быть просто художником;
– Как экономить время на коммуникации;
– Обзор ресурсов, способных помочь в обучении предметной области и полезных инструментов для веб-дизайнера.

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
860
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
15
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Веб-дизайнер не художник

  1. 1. Веб-дизайнер не художник Алексей Симоненко веб-евангелист HTML Academy 2014
  2. 2. Предметная область на примере других специализаций
  3. 3. Ландшафтный дизайнер • Биология • Химия • Геология • Физика • Геометрия
  4. 4. Ландшафтный дизайнер • Слишком маленькие приствольные круги
 круги должны соответствовать диаметру кроны • Вода не должна застаиваться
 должен быть обеспечен отток ливневых вод • Следы строительной техники
 должны быть рекомендации по защите стволов
  5. 5. Дизайнер интерьера • Материалы и технологии отделки • Основы проектирования света • Коммуникации (электричество, водопровод) • Эргономика • Геометрия
  6. 6. Дизайнер интерьера • Направленный свет без дополнительного освещения по сторонам
  7. 7. Иллюстратор • Технологии печати • Материалы для печати • Цветопередача
  8. 8. Это лого подходит для печати?
  9. 9. Это лого подходит для печати? • Смотрится только на тёмном фоне • Сложная форма • Много цветов • Не подходит для трафаретной печати
  10. 10. Эволюция веб-дизайнера
  11. 11. Эволюция веб-дизайнера • Веб-мастер
  12. 12. – Дональд Норман “Инновационные прорывы происходят в первую очередь благодаря технологиям. И уже потом дизайн помогает адаптировать их для комфортного использования.”
  13. 13. Эволюция веб-дизайнера • Веб-мастер • Веб-дизайнер
  14. 14. Предметная область • Опыт взаимодействия (UX) • Вёрстка
  15. 15. Почему UX?
  16. 16. Почему UX? в первую очередь дизайн должен быть направлен на решение задач сайта
  17. 17. Задачи, которые решает UX • Увеличить конверсию продаж • Улучшить взаимодействие с интерфейсом • Расставить правильные акценты в контенте
  18. 18. – Армен Кандилян
 habrahabr.ru/post/189662 “Изучайте реальный мир до начала разработки. Думайте над сценариями взаимодействия людей с вашим продуктом и среду, в которой он будет жить. Без этого невозможно создать хороший интерфейс. ! Для более точного представления сути работы проектировщика почитайте, например, пост о том, как ребята из Thalient одним утром опробовали прокат велосипедов в Москве, а к вечеру переделали интерфейс его сайта.”
  19. 19. Почему вёрстка?
  20. 20. Почему вёрстка? • Создание осуществимого дизайна • Упрощение коммуникаций • Экономия времени на разработку
  21. 21. Большинство дизайнерских задач — шире визуала и интерфейса
  22. 22. Как нарисовать? • Взаимодействие с интерфейсом • Адаптивный дизайн • Ретинизация • Анимация
  23. 23. – Илья Бирман
 artgorbunov.ru/bb/soviet/20120814 “На мой взгляд, умение тем полезнее, чем больше оно позволяет усвоить закономерностей, принципов устройства вещей, способов решения задач. ! Уметь верстать, хотя бы на некотором уровне — очень полезно для веб-дизайнера, ведь это напрямую касается устройства того, что он делает — сайтов.”
  24. 24. Эволюция веб-дизайнера • Веб-мастер • Веб-дизайнер • Проектировщик интерфейсов
  25. 25. Эволюция веб-дизайнера • Веб-мастер • Веб-дизайнер • Проектировщик интерфейсов • Продуктовый дизайнер
  26. 26. Продуктовый дизайнер • Решать проблемы бизнеса • Ответственность за продукт • Системное мышление • Активное участие во всех процессах
  27. 27. Как изучать UX?
  28. 28. Курсы • Британская высшая школа дизайна
 http://britishdesign.ru/programs/p/uxdesign/ • Школа UX-проектировщика
 http://digdes.ru/ux/ux-school
  29. 29. Куда ходить • ПрофсоUX
 http://2014.profsoux.ru • User eXperience
 http://userexperience.ru • Dribbble Meetup
 http://dribbblemeetup.ru
  30. 30. Что читать
  31. 31. Как изучать вёрстку?
  32. 32. Опрос SitePoint Должен ли веб-дизайнер уметь верстать?
  33. 33. Опрос SitePoint 5 % 25 % 70 % Должен иметь навыки вёрстки Достаточно базовых знаний вёрстки Знания не нужны
  34. 34. — Джеффри Зельдман twitter.com/zeldman/status/4818978868
  35. 35. Онлайн-курсы • Dash
 http://dash.generalassemb.ly • Codecademy
 http://www.codecademy.com/tracks/web • HTML Academy
 http://htmlacademy.ru/courses
  36. 36. Интерактивные задания
  37. 37. Интерактивные задания
  38. 38. Интерактивные задания
  39. 39. Интерактивные задания
  40. 40. Интерактивные задания
  41. 41. Преимущества онлайн-курсов • Изучать можно когда угодно • Изучать можно где угодно • Быстрая обратная связь • Сильно дешевле
  42. 42. Интенсивы • Epic Skills
 http://epixx.ru/html-new/ • HTML Academy
 http://htmlacademy.ru/intensive
  43. 43. Что читать
  44. 44. Что использовать • Balsamiq Mockups
 http://balsamiq.com • Adobe Edge Animate
 http://html.adobe.com/edge/animate/ • Typecast
 http://typecast.com
  45. 45. simonenko simonenko simonenko.su Спасибо.

×