Все для дизайнера: Сайты для дизайнеров — подборка самых полезных

Содержание

Топ-20 лучших сайтов для вдохновения веб-дизайнеров — Дизайн на vc.ru

Вдохновение — вещь очень тонкая. Она не подчиняется законам логики и систематизации. Это значит, что прежде всего необходимо прислушиваться к своим ощущениям и пытаться понять, от чего возникают радость и воодушевление.

39 420 просмотров

При этом важно понимать, что веб-мастера зачастую всё же принадлежат к визуалам. То есть они воспринимают окружающий мир прежде всего благодаря зрению. При этом понятие о красоте у всех разное. Поэтому полезно сравнивать свои творения с чужими. Лучше всего вдохновляться работами профессионалов. Для этого можно посещать сайты, специализирующиеся на веб-дизайне. Рассмотрим 20 ресурсов, где можно найти множество примеров удачного дизайна.

1. Awwwards.com

Этот ресурс многим уже хорошо знаком, но не сказать о нём просто невозможно. Среди веб-мастеров мало таких, кто ни разу его не посещал.

2. Designshack.net

Здесь можно не только посмотреть множество удачных проектов, но и провести их анализ. Еженедельно разбирается новый сайт, определяются его преимущества и недостатки, и полученная информация, несомненно, очень поможет веб-мастеру в работе над его проектом.

3. Behance.net

Этот сайт является своеобразной соцсетью. Он предназначен для любителей творчества. Здесь можно найти множество идей не только для интернет-проектов в частности, но и для корпоративного стиля вообще.

4. Mobbin.design

На сайте представлено свыше полутора сотен приложений и тысячи шаблонов. Здесь веб-дизайнер может найти кучу идей для реализации своих целей.

5. Niice.co

Сами создатели интернет-проекта «Niice» нередко называют своё детище «Поисковиком со вкусом». Тут имеется множество различных картинок, которые пользователи могут применять на своих сайтах.

6. Webdesign-inspiration.com

На сайте представлено множество примеров удачных дизайнов. Контент довольно часто пополняется. Можно найти интересные решения для своего сайта на любую тему.

7. Freepik.com

На этом сайте представлена графика, которая может быть очень полезна веб-мастерам. Здесь есть иконки, фото, иллюстрации, векторная графика.

8. Flickr.com

Этот сайт является хостингом для различных картинок и видеороликов. Среди представленных на выбор вариантов пришедшие за вдохновением веб-дизайнеры, непременно, найдут именно, что им требуется.

В блоге здесь можно почитать свежие новости в мире дизайна.

9. Designmadeingermany.de

Свойственная немцам педантичность проявляется даже в творчестве. На сайте представлено множество тщательно продуманных работ.

10. Ecomm.design

Здесь объединены 2,5 тыс. сайтов, упрощающих поиск вдохновения для создания коммерческого проекта. Оказавшись на главной странице, пользователь сразу поймёт, куда следует переходить дальше, ведя поиск идей.

11. Cssdesignawards.com

Лучшие из представленных здесь сайтов получают награды. Для победы требуется лишь выполнение одного условия – дизайн должен быть целостным.

12. Pinterest.ru

Этот сайт предпочитают использовать многие творческие люди. Он представляет собой фотохостинг, куда каждый может добавить своё изображение.

Данный проект в какой-то степени может считаться поисковым инструментом наподобие таких, как Яндекс и Google.

13. SiteInspire.com

Это ещё одна платформа, где можно найти множество примеров удачного дизайна. Найти нужное помогут специальные фильтры: можно задать определённый тип, стиль и т. д.

Каждый пользователь может попросить разработчиков добавить такой сайт, который кажется ему достойным.

14. Bestwebsite.gallery

Здесь представлены не только проекты, но и портфолио. Пользователями, среди которых есть и профессионалы, ведётся обсуждение работ. Это означает, что всегда можно узнать много нового.

15. Onepagelove.com

Представленные здесь сайты состоят только из одной страницы. Немного изучив их, можно освоить кое-какие приёмы, позволяющие всю необходимую информацию размещать на столь маленьких одностраничных ресурсах. Главное в данном случае – не делать страницу перегруженной.

На One Page Love есть разделы по темам, блог, а также шаблоны.

16. Land-book.com

На этом сайте представлены преимущественно проекты в стиле минимализма. Всё довольно компактно и аккуратно.

17. Collectui.com

На сервисе представлены различные примеры в отдельных категориях. Можно посмотреть множество вариантов Ul-форм, приложения и пр.

18. Sitesee.co

Всем, кто желает увидеть много примеров современных сайтов, следует посетить данный ресурс. Здесь уже на главной странице показана хорошая подборка красивых интерфейсов. Для удобства поиска был разработан специальный фильтр, с помощью которого можно сразу выделить требующуюся тему.

19. Alistapart.com

На этом портале проводится детальный анализ дизайна, разработки и содержимого сайтов. При этом особое место уделяется инновационным методам. Здесь можно найти современный взгляд на те или иные особенности дизайна интернет-проектов.

20. Dribbble.com

На этом сайте пользователи могут обмениваться друг с другом собственным опытом в веб-дизайне.

Здесь имеется много качественных работ, каждая из которых способна вдохновить пользователя на создание собственного проекта.

Надо сказать, что попасть на Dribbbleне очень легко. Для этого требуется специальный пароль от дизайнеров, которые уже были зарегистрированы. Именно поэтому здесь хранится только всё самое лучшее.

75 самых толковых ресурсов для веб-дизайнеров | by Nancy Pong | Основы визуального дизайна

Ребята создают визуальный язык иконок, который сможет понять каждый. Это огромная база “глифовых” иконок, созданных сообществом дизайнеров. Есть возможность поиска.

Еще одна здоровенная коллекция бесплатных иконок, доступных в форматах SVG, PSD, PNG, EPS и BASE 64.

Библиотека иконок для самых придирчивых пиксельных идеалистов, а также генератор иконочных шрифтов.

Как вы, наверное, уже догадались, это подборка прекрасно исполненных иконок Google.

Прикольные бесплатные иконки от первоклассных дизайнеров, а также платформа для загрузки своих иконок.

Крупная база различных иконок, которые можно редактировать и подстраивать под свой бренд. Есть возможность поиска.

Источник: Right Font

Легкий менеджер шрифтов для Mac. Помогает осуществлять предварительный просмотр, синхронизировать и систематизировать гарнитуры — где бы они ни хранились.

Сканирует миллион топовых сайтов и показывает, какие шрифты используются в веб. Это как зоопарк для дизайнеров.

Галерея шрифтов от индивидуальных дизайнеров и дизайнерских команд. Можно скачать нужную гарнитуру и использовать в своем дизайне.

В буквальном смысле самый простой способ распознать шрифт — это можно сделать прямо в браузере.

Это сайт новый и достаточно простой — можно залипнуть подбирая шрифтовые пары: это как Tinder только для шрифтов.

Изобилие шрифтов высшего качества, от Adobe.

Новый тип менеджера шрифтов для Mac. Помогает подобрать идеальный шрифт за счет быстрого и четкого предпросмотра шрифтов.

На этом сайте можно вручную подбирать гарнитуры — все просто, понятно и бесплатно!

Источник : Color Hunt

Pinterest для цветов. Множество четырехцветных палитр — можно скролить бесконечно.

Удобный, супер-простой генератор контрастных цветов по клику.

Авторская подборка цветовых палитр от дизайнера Маккензи Чайлд.

Супер быстрый генератор цветовых схем, который позволяет создавать, сохранять и доводить до совершенства палитры за секунды!

Циркуль для работы с цветовым кругом. Используйте его, чтобы исследовать множество цветовых комбинаций: аналоговые, монохромные и многие другие.

Крутой встроенный в браузер инструмент-пипетка. Позволяет анализировать цвета, использованные на странице. Работает в Chrome и Firefox.

Ежедневная порция вдохновения для всех, кто любит цвет.

Подобранная вручную коллекция красивых цветовых градиентов.

Источник : Muz.li

Секретный ингредиент дизайнера: здесь, в ваших руках огромная порция вдохновения — стоит только открыть новую вкладку в Google Chrome.

Авторская подборка лучших дизайнов лендингов.

Интернет-награда, которая выдаётся лучшим разработчикам, дизайнерам и веб-агентствам со всего мира за профессиональные заслуги и достижения.

Подборка лучших работ, ресурсов и бесплатных штук в мире дизайна и разработки. Каждый день!

Нам нравится этот сайт (и разделы про продуктовые страницы, страницы товаров и страницы чекаута тоже). Это каталог лучших страниц с ценами — и это настоящая золотая жила вдохновения.

Невероятно детальные (и полезные) пошаговые слайдшоу, которые демонстрируют процесс онбординга на известных сайтах и в популярных приложениях.

Одно из наших любимых мест, где можно побродить и найти вдохновляющие проекты из области графического и веб-дизайна.

Место, где можно поисследовать лучшие новые работы начинающих и опытных дизайнеров со всего мира.

Альтернативное онлайн-издание, авторы которого верят, что творческое вдохновение — достояние всех и каждого. Публикуют самые увлекательные/удивительные работы: как цифровые, так и печатные.

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

300 полезных сайтов в помощь дизайнеру

Выкладываю подборку полезных ресурсов, здесь все необходимое для дизайна, а именно: блоги, ресурсы, туториалы, фотостоки, новостные порталы, биржи труда и просто много полезного для работы дизайнера. Вдохновляйтесь, пользуйтесь и дополняйте. А вот, собственно, и список:

Дизайн (46)
Веб-дизайн(44)
Логотипы (13)
Удаленная работа (31)
Упаковка (5)
Ресурсы (32)
Иконки (19)
Цветовая палитра (19)
Для вдохновения (22)
Flash (4)
Видео и анимация (7)
Типографика и шрифты (10)
Персональные дизайнерские блоги и сайты (14)
Фотообработка онлайн (10)
Разное (21)

Дизайн

  1. abduzeedo.com — сайт о логотипах и дизайне с подробными объяснениями.
  2. davidairey.com — официальный сайт дизайнера David Airey, здесь он делится своим опытом в дизайне.
  3. behance.net — большая подборка работ различных художников, людей искусства со всего мира.
  4. designiskinky.net — австралийский сайт о дизайне, только новости дизайна.
  5. freelancefolder.com — блог-сообщество фрилансеров с регулярными статьями, как организовывать свою работу вне штата.
  6. youthedesigner.com — незаурядный сайт с разнообразными статьями о графическом дизайне.
  7. bangbangstudio.ru — качественный российский сайт для иллюстраторов с интересными дизайнерскими работами.
  8. crazypixels.net — здесь собраны туториалы для photoshop, полезные статьи о дизайне.
  9. creativebloq.com — интернет-журнал о компьютерном искусстве.
  10. lookatme.ru — социальная сеть, где много-много дизайнеров.
  11. ucreative.com — много интересных статей, сайт на английском.
  12. designmodo.com — на этом сайте часто появляются интересные статьи и ресурсы. Здесь есть уникальные Photoshop туториалы, навряд ли вы их встретите на других сайтах.
  13. instantshift.com — отличный ресурс по подборке дизайна для сайта.
  14. dejurka.ru — очень качественный российский ресурс с уникальным контентом.
  15. piccsy.com —  очень много потрясных картинок, надписей и фотографий. Огромный полет для творчества.
  16. render.ru — ну просто замечательный сайт для любого дизайнера, особенно меня вдохновляет 2D галерея аварда. Безусловно в закладки.
  17. dribbble.com — огромное количество работ различных дизайнеров, заходи обязательно!
  18. deviantart.com — мегакрутые работы, очень много талантливых и профессиональных дизайнерских проектов. Кто не знает этот сайт? Да каждый дизайнер на него заходил, все сливки общества здесь!
  19. techdesigner.ru — само название говорит за себя.
  20. fubiz.net — замечательный блог о дизайне, который постоянно обновляется, здесь вы узнаете новинки дизайна.
  21. aisleone.net — статьи о дизайне с примерами работ, англоязычный сайт.
  22. visuelle.co.uk — сюда я захожу частенько, когда требуется вдохновение и настрой к тех.дизайну, сборка различных студий расскажет и покажет что к чему.
  23. siteinspire.com — интересный ресурс, со множеством примеров в различных направлениях графического дизайна.
  24. awwwards.com — здесь только лучшие работы дизайнеров, словом AWARD.
  25. yankodesign.com — красивые рекламные фотографии.
  26. topdesignmag.com — интересные статьи из мира дизайна с красивыми картинками, как мы любим.
  27. butdoesitfloat.com — один из лучших блогов по граф.дизайну/современному искусству.
  28. fastcodesign.com — креативные идеи в мире дизайна, много красивых презентаций и видео.
  29. oneeyeland.com — огромная галерея работ, плюс интересные статьи.
  30. thebestdesigns.com — работы дизайнеров и фотографов, рекламные идеи, много креатива с потрясающим качеством работ.
  31. tutorial9.net — здесь можно найти ссылки на различные ресурсы.
  32. graphic-exchange.com — блог о дизайне, с красивыми фотографиями и работами.
  33. tympanus.net/codrops — обо всем.
  34. designgu.ru — здесь не только о графике, но и о фотографии и lightroom, много полезной информации, вообще разработчики молодцы, интересный ресурс.
  35. popsop.ru — новости в мире дизайна.
  36. informationisbeautiful.net — учимся предоставлять информацию красиво.
  37. industrialdesignserved.com — о промышленном дизайне.
  38. dburn.ru — фотографии на различную тематику, бесплатный фотосток.
  39. thefabweb.com — здесь можно взять любое понравившееся фото.
  40. designet.ru — все о промышленном дизайне, часто организовывают различные конкурсы для дизайнеров.
  41. pinwin.ru — дизайнерам интерьера придется по вкусу этот ресурс.
  42. artageless.com — очень много всего о дизайне и для дизайна.
  43. uxmag.com — здесь много полезных статей. Все статьи написаны специалистами, будьте уверены, каждая новость проходит тщательную проверку и отбор.
  44. ia.net/blog — блог об информационной архитектуре.
  45. uxmovement.com — блог, в котором вы узнаете как плохой интерфейс может влиять на поведение пользователя.
  46. heydesigner.com — рассылка материалов ежедневная/еженедельная для дизайнеров.

Веб-дизайн

  1. noupe.com — отличный сайт о веб-дизайне и веб разработках. Постоянно обновляются новости, и много-много креативных идей, есть чему поучиться.
  2. smashingmagazine.com — эта информация подойдет как начинающему разработчику, так и профессионалу в области дизайна.
  3. alistapart.com — еще один островок в море блогов, посвященный веб-дизайну.
  4. sitepoint.com — очень разнообразный сайт: графика, css, ajax.
  5. webappers.com — блог, содержащий множество исходников, распространяемых по принципу open-source и предназначенный для веб-разработчиков и дизайнеров.
  6. happycog.com — на этом сайте его создатели публикуют свои собственные красивые веб-сайты и делятся лучшими из своих идей.
  7. webdesignerwall.com — каждый дизайнер должен знать, пусть даже если он не интересуется веб-дизайном.
  8. vandelaydesign.com — сборник отличных статей из различных медиаресурсов. Веб-дизайнер, тебе понравится!
  9. bestwebsite.gallery — знакомимся с модными тенденциями в мире веб дизайна.
  10. octaveoctave.com — очень полезный ресурс, зайдем на внутренние страницы.
  11. zurb.com — хорошая библиотека современного веб-дизайна.
  12. firefreebies.com — здесь можно скачать понравившуюся работу, тоже хорошая сборка качественного дизайна, жаль мало шаблонов.
  13. premiumpixels.com — неплохая сборка по навигации для сайта.
  14. spoongraphics.co.uk — можно скачать кучу фонов, векторной графики и т.д., на первый взгляд все туториалы платные, но это не так, заходите, выбирайте, бесплатно, без регистрации, проверено!
  15. onepagelove.com — коллекция одностраничных сайтов.
  16. line25.com — полезный блог для веб-дизайнера, свежие новости, примеры работ, советую к просмотру.
  17. houseofbuttons.tumblr.com — примеры навигации для сайта.
  18. stockvault.net — стильные сайты, будьте в тренде, вдохновляйтесь, черпайте идеи.
  19. minimalexhibit.com — портфолио веб дизайнеров, flat-дизайн.
  20. foliofocus.com — работы известных фирм, следим за новинками в мире веб дизайна.
  21. webdesignerdepot.com — новости в мире дизайна.
  22. webdesignledger.com — новости + ссылки на полезные ресурсы, на которых можно скачать понравившиеся шаблоны и не только.
  23. 24ways.org — здесь я часто смотрю о новшествах в навигации, много статей по цвету, оттенкам, да и вообще информативный ресурс (все статьи от профессионалов)
  24. design-mania.ru — блог о вебдизайне
  25. womtec.ru — блог вебмастеров
  26. cssbeauty.com — есть полезная информация
  27. bestwebgallery.com — очень полезная дизайн-галерея, которая подойдет для дизайнеров разных направлений.
  28. cssremix.com — современные интересные идеи по одностраничным сайтам можно черпать отсюда.
  29. templatemonster.com — каталог веб-студий. Уверена, этот сайт знает каждый разработчик.
  30. share-design.ru — много полезной информации и бесплатные шаблоны сайтов.
  31. templated.co — 845 бесплатных шаблонов HTML5 и CSS
  32. optimizilla.com — оптимизация изображений на сайте, изображения будут занимать меньше места и загружаться быстрее
  33. easel.ly — создание неповторимой инфографики.
  34. freebiesbug.com — самые свежие бесплатности.
  35. html5gallery.com — хорошие идеи для вашего ресурса.
  36. minimalsites.com — здесь собраны интересные сайты в стиле минимализма.
  37. webnews.ws — бесплатные шаблоны различных сайтов, все в psd, по слоям, как нам нравится.
  38. ruseller.com — уроки, исходники, шаблоны и много полезной информации.
  39. templaza.com — шаблоны и плагины для джумлы, для вордпресса, все распределено в тематическом каталоге.
  40. https://wordpress.com/themes — здесь большое количество бесплатных и платных шаблонов, и буквально все мне очень нравятся, это вордпресс. Если нужна идея, это место для вас, вдохновляемся и вперед к своему уникальному творению!
  41. responsivedesignchecker.com — проверка сайта на адаптивность. Рекомендую всем.
  42. megatimer.ru — генератор счетчиков/таймеров
  43. livetools.uiparade.com — генератор иконок, форм, лент для сайта
  44. websiteplanet.com — хороший англоязычный ресурс для начинающих веб-дизайнеров

Логотипы:

  1. logodesignlove.com — сайт о логотипах и только. Регулярное обновление новостей.
  2. logopond.com — сайт о логотипах. Много красивых примеров.
  3. logaster.com — здесь можно сгенерировать свой логотип. В маленьком размере бесплатно, можно использовать любителям создавать шаблоны, либо для примера клиентам, когда в шапку нечего поставить (из-за отсутствия логотипа у заказчика). Сервис очень выручает.
  4. squarespace.com/logo — маленькие логотипы бесплатно.
  5. hipsterlogogenerator.com — генератор логотипов для хипстеров.
  6. logotypes101.com — бесплатные векторные логотипы.
  7. logobaker.ru — кухня логомэйкеров.
  8. logofury.com — креативные идеи для создания логотипа.
  9. logomoose.com — сборка логотипов со всего мира, лучших логотипов на мой взгляд.
  10. Canva — работы различных логодизайнеров, достаточно хорошие работы!
  11. logofaves.com — отличная постоянно обновляющаяся галерея идей, плюс есть победители каждую неделю, так что обязательно участвуйте!
  12. thedesigninspiration.com — отличная подборка логотипов, просто смотрим и вдохновляемся. Многие идеи оригинальны, удивляюсь фантазии разработчиков.
  13. thelogomix.com — тоже неплохая подборка логотипов.

Удаленная работа:

  1. profitcentr.com — здесь часто подрабатываю, когда устаю от дизайна и программирования. Выполняете задания, типа «подпишитесь на меня в вк», вступите в группу фб, лайкните инсту. И за это платят, суммы небольшие, но на продление интернета или на телефонию хватает. А если вы трудолюбивы, то можно заработать нормально. Бывало по 700-1000р. в день выходило. Далее приведу примеры сайтов более подходящих дизайнерам.
  2. fl.ru/projects — здесь можно заработать на дизайне. Новые предложения от заказчиков практически каждый час, ставьте уведомление на email, и вы будете в курсе новых вакансий и проектов. Один огромный минус ресурса — на многие работы нельзя оставить заявку без PRO-аккаунта, за который надо платить 🙁
  3. https://ru.jobsora.com/ — Разве не было бы замечательно, если бы вы могли искать вакансии на нескольких разных сайтах в одном месте? Ну, теперь вы можете! https://ru.jobsora.com/ избавляет от необходимости посещать многочисленные сайты, чтобы найти следующую ступень в своём развитии, экономя ваше время и делая поиск работы более эффективным. Кроме того, вы можете воспользоваться бесплатной услугой Jobsora, которая связывает соискателей с соответствующими работодателями! Посетите Jobsora, чтобы найти тысячи рабочих мест в России.
  4. masterbundles.com — на этом сайте любой дизайнер может попробовать продать свои работы западным клиентам. Если не знаете английского — не беда, менеджер поможет все оформить.
  5. Исполню.ру — отличный вариант для дизайнеров продавать услуги по собственным ценам. Регистрируетесь, публикуете услугу (например, «нарисую логотип» или «создам дизайн 1 страницы сайта»), указываете стоимость от 300 до 15000 руб и срок выполнения. Всё! Далее получаете заказы.
  6. moguza.ru — интересный сервис, не похож на другие биржи, здесь каждое объявление начинается с «МОГУ ЗА…» с выбором определенной цены, все просто, доступно и оригинально. В особенности отмечу раздел «самые безумные ворки», обязателен к просмотру. У меня здесь партнерка, если регаетесь, получаете 100 бонусов на баланс … это примерно пара бесплатных ворков для ознакомления. А вот регистрироваться лучше по этой ссылке http://moguza.ru/?promo=2131819213941 так как вам подарят 100 бонусов, эквивалентно 100 рублям. На них можно купить понравившиеся ворки, либо прорекламировать себя.
  7. kwork.ru — регистрируемся как продавец или покупатель какой-либо услуги (что вам больше подходит). Хороший сервис, советую.
  8. 5bucks.ru — отличный ресурс для заработка, цена работ фиксированная 5$
  9. blogging.im — сообщество всех внештатных дизайнеров для работы за рубежом.
  10. work-zilla.com — удобное переключение от заказчика до исполнителя. Работы, они же «ворки», от 100 р до 35000 р.
  11. profittask.com — вот здесь задания типа «зайди в гугл, установи приложение, удали приложение» ну и много разной мелочевки, так сказать для ленивых 😉 в выходные здесь провожу время, за которое еще и платят, ну не так много, и мне нравится.
  12. upartner.pro — проект юкоZа или совместный проект с UCOZ, лично я захожу через свой Ui аккаунт. Кто работал с этим движком, поймут что к чему. Понятный и приятный интерфейс, удобная навигация.
  13. freelance.ua — крупная украинская биржа труда, обязательно регистрируемся.
  14. free-lancing.ru — хотелось бы почаще обновлений о работе, а так все отлично.
  15. freelance-tomsk.ru — редко обновляется, но клиенты находятся.
  16. revolance.ru — еще реже обновления, и все же регистрируемся.
  17. dalance.ru — тоже неплохой поиск работы и заказов.
  18. itfreelance.by — здесь только для it-разработчиков и дизайнеров.
  19. kitwork.net — биржа фриланса, пока только развивается.
  20. web-lance.net — редко обновляется в сравнении с другими ресурсами, но сайт развивается, думаю скоро станет отличной платформой для бизнеса в сети.
  21. indeed.com
  22. дизайнером.рф — нормальный ресурс, выложила здесь портфолио, и не думала, что будут  заказы, что удивительно бОльшая популярность у меня именно на этом ресурсе.
  23. freelance.ru
  24. free-lancers.net
  25. best-lance.ru
  26. 24freelance.net — биржа фриланса, пока что развивающаяся, но с большими надеждами на будущее.
  27. freelancehunt.com — редко обновляется, но кто знает, лучше зарегистрироваться сейчас.
  28. allfreelancers.su
  29. freelancejob.ru
  30. gorodrabot.ru — дополнительно на сайте бесплатно предоставляется статистика зарплат и вакансий по отдельным городам и специальностям. Это поможет вам понять, на какую зарплату рассчитывать, какие специальности и работодатели наиболее востребованы.
  31. freelancerbay.com — обязательно регистрируйтесь.

Упаковка:

  1. thedieline.com — этот ресурс считается мировым информационным ресурсом об упаковке.  Здесь вы найдете всю информацию по дизайну упаковки.
  2. wtpack.ru — блог об упаковке.
  3. lovelypackage.com — подборки классных упаковок.
  4. packagedesignmag.com — интернет-версия авторитетного журнала Package Design Magazine. Все самое модное в мире упаковки, много комментариев, обзоров и статей.
  5. packagingoftheworld.com — дизайн различных упаковок со всего мира, достаточно информативный сайт.

Ресурсы

  1. designfloat.com — здесь ссылки на ресурсы, где есть все: туториалы, шаблоны, уроки, flash и т.д.
  2. psd.tutsplus.com — уроки по веб-дизайну как для новичков, так и для ассов.
  3. bluevertigo.com.ar — здесь ссылки на все фотобанки интернета (крупные фотобанки).
  4. sxc.hu — самый крупный фотобанк интернета, а главное бесплатный.
  5. dafont.com — более 10 000 шрифтов любого вкуса.
  6. bittbox.com — сайт посвящен всем дизайнерским нуждам: узоры, текстуры, кисти, а самое главное консультации. Опять же как мы любим — все БЕСПЛАТНО!
  7. lenagold.ru — отличный сайт со множеством клипартов, уже вырезанных на прозрачном фоне, здесь и текстуры, и рамочки, и т.д., много psd картинок. Люблю этот сайт.
  8. allday.ru — замечательные материалы под любые дизайнерские нужды.
  9. 365psd.com — каждый день здесь появляются новые и бесплатные psd ресурсы. Спасибо создателю/лям!
  10. ru.clipart.me — более 40 тыс полезных материалов, векторная и растровая графика, по слоям, для иллюстратора и корела тоже есть, и очень много. Все бесплатно!
  11. 1001freedownloads.com — фотографии, обои, кисти, фоны и много-много еще чего. Весь материал в свободном скачивании (БЕСПЛАТНО)
  12. breezyprague.com — есть полезный материал, качайте на здоровье (больше разработчикам сайтов), материала чуть меньше, чем в предыдущих сайтах, но тоже выручает.
  13. wireframes.tumblr.com — подборка разных классных вещей.
  14. pixeden.com — понравится веб дизайнерам, шаблоны, бутстраповские темы, иконки на сайт и т.д.
  15. thenounproject.com — иконки, иконки и еще раз иконки, можно загрузить свою галерею.
  16. officialpsds.com — куча графики отделенной от фона.
  17. fonday.ru — галерея растрового клипарта.
  18. adigitaldreamer.com — различные галереи растрового клипарта, бесплатный фотосток, кисти, шрифты и многое другое.
  19. unprofound.com — много картинок.
  20. amazingtextures.com — здесь текстуры.
  21. placeit.net — бесплатные мокапы.
  22. graphicburger.com — большая «кухня» дизайнера: текстуры, текстовые эффекты, различные эффекты
  23. thehungryjpeg. Думаю, итак все понятно
  24. pixelbuddha.net — сборник бесплатных элементов с разных ресурсов.
  25. uispace.net — много мокапов, иконок, сайтов, в psd по слоям.
  26. techandall.com — бесплатная графика, стокфото.
  27. fotolia.com — частенько использую мелкие изображения 🙂
  28. photoshop-orange.org — все для фотошопа, в особенности выделю скрап-наборы и рамки для Photoshop.
  29. all-free-download.com — полным-полно качественного векторного клипарта!
  30. hameleons.com — различный клипарт
  31. 0lik.ru — набор разного клипарта
  32. all-clipart.net — много фотографий и хорошего клипарта

Иконки:

  1. fontello.com — генерируйте шрифтовые элементы из иконок здесь!
  2. fortawesome.github.io/Font-Awesome — или здесь (тоже шрифтовой генератор).
  3. flaticon.com — плоские векторные иконки.
  4. endlessicons.com — огромное количество плоских иконок.
  5. iconsweets.com — сборка иконок от Photoshop.
  6. glyphsearch.com — пиктограммы ищем здесь.
  7. makeappicon.com — генератор иконок для различного рода приложений.
  8. icomoon.io — более 3х с половиной тысяч иконок в векторном формате.
  9. thenounproject.com — сообщество создателей иконок.
  10. perfecticons.com — пиктограммы для социальных сетей.
  11. iconfinder.com/free_icons — ресурс по поиску иконок.
  12. roundicons.com/doodle-icons-free-set — 50 забавных doodle-иконок.
  13. roundicons.com/free-icons — 60 круглых плоских иконок.
  14. roundicons.com/free-vector-line-icons-set — а здесь сборка круглых иконок (все иконки векторные).
  15. favicon.ru — мой любимый генератор иконок для сайта.
  16. iconizer.net — иконки для вашего сайта на любой вкус и цвет.
  17. iconfinder.com — и тут отличный ресурс по иконкам.
  18. getbootstrap.com — иконки для бутстрап
  19. iconmonstr.com — много иконок (ищем в поиске на английском языке)

Цветовая палитра

  1. materialpalette.com — создает палитру при выборе двух цветов.
  2. materialui.co/colors — еще палитра для material design.
  3. flatuicolorpicker.com — выбираем цвет интерфейса.
  4. getuicolors.com — еще поиск цвета интерфейсов.
  5. flatuicolors.com — красивые flat-цвета.
  6. bootflat.github.io/color-picker.html — хороший сайт flat-цветов.
  7. coolors.co — быстрота создания палитры на 5 цветов.
  8. bjango.com/mac/skalacolor — необычная пипетка для подбора цвета.
  9. couleursapp.com — сервис копирования цвета, который вам понравится с экрана.
  10. colorfulgradients.tumblr.com — автоматическое создание градиентов.
  11. briangonzalez.github.io/jquery.adaptive-backgrounds.js — плагин, который выделяет преобладающий цвет в изображении, затем делает его фоном.
  12. brandcolors.net— цвета известных брендов.
  13. paletton.com — создание палитры цветов. Очень удобная штука.
  14. color.adobe.com/ru/create/color-wheel — палитра от Adobe.
  15. 0to255.com — подбираем оттенки цветов.
  16. colourlovers.com — любителям подбора идей и брендов. Эта цветовая палитра для вас!
  17. hex.colorrrs.com — конвертируем из Hex в RGB.
  18. coleure.com — умный подбор цвета.
  19. colllor.com — еще один генератор, и довольно хороший.

Для вдохновения

  1. wikiart.org/en/paintings-by-style — энциклопедия искусства.
  2. petergreen.tumblr.com — фотоснимки из жизни.
  3. wallcoo.net — потрясающие обои на рабочий стол.
  4. adme.ru — редкие фотографии, рекламные подходы, красивый арт, и всему этому сопутствует описание, не только вдохновляющий, еще и информативный ресурс.
  5. fashionserved.com — о стиле, моде в фотографии.
  6. render.ru/gallery/?gal_rub=28&gal_add=award — и опять мой любимый render 🙂 часто захожу за вдохновением, отличные AWARD-работы, за которыми слежу вот уже более 5 лет, с тех самых пор, когда ресурс был на graphics.ru.
  7. photocasa.ru — журнал о фотографии PhotoCASA.
  8. fotose.com — а это отличная соц. сеть для фотографов, можете тоже делиться своими фотоснимками. Очень много достойных работ.
  9. temos.ru — сайт посвящен только свадебной тематике, профессиональные свадебные фотографии, ну и много полезной информации на эту тему. И самое главное, все работы выполнены профессионалами.
  10. airpano.ru — 3d панорамы мира, выбирайте любое место на земле, над землей, под водой. Очень красивое зрелище с приятной фоновой музыкой.
  11. unsplash.com — креативные фотографии.
  12. 500px.com — красивые атмосферные фотографии.
  13. photoshelter.com — портфолио профессиональных фотографов
  14. lightroom.ru/gallery — здесь галерея фотографий обработанных с помощью Lightroom.
  15. bushrenz.com — красивый сайт, не забудьте включить звук 😉
  16. siiimple.com — минимализм.
  17. digitalabstracts.com — абстракция.
  18. exodusgodsandkings.com — как снимали «Боги и короли». Просто красивый сайт.
  19. jviewz.com — смотрим, вдохновляемся (со звуком).
  20. bookcoverarchive.com — сборка дизайнов разных времен, много ретро. Потрясающие работы.
  21. designspiration.net — дизайны всего со всего мира, чепаем новые идеи.
  22. buamai.com — фотосток на различную тематику.

Flash

  1. labs.adobe.com — новые технологии и обновления от Adobe.
  2. coenraets.org — блог для разработчиков во Flex.
  3. flasher.ru — один из крупнейших форумов флешеров. Здесь и совет дадут и обучат )
  4. thefwa.com — здесь собраны FLASH-сайты высокого качества.

Видео и анимация:

  1. motionographer.com — международный ресурс для профессиональных аниматоров.
  2. fxguide.com — крупное сообщество о видео.
  3. videocopilot.net — сайт предоставляет бесплатные консультации по специальным видео-эффектам.
  4. animator.ru — русский аналоговый сайт про видео и анимацию.
  5. motionworks.com.au — сайт John Dickinson. Просто вдохновляющий сайт.
  6. motiongraphics.it — много полезного об анимации.
  7. videocopilot.net — туториалы, 3d, хорошая галерея работ, часто посещаю этот ресурс.

Типографика и шрифты

  1. ilovetypography.com — вы тоже полюбите этот ресурс, я уверена.
  2. typographe.com — сайт о типографике по-французски.
  3. slanted.de — крупный немецкий сайт о типографике с огромным количеством примеров.
  4. paratype.ru — сайт посвящен только шрифтам, вы будете в восторге.
  5. typofonderie.com — коллекция шрифтов
  6. webfont.ru — шрифты, подойдут разработчикам, ну и дизайнеру конечно! БЕСПЛАТНО.
  7. ph5.ru — эти шрифты отлично подойдут для баннеров, листовок и открыток.
  8. fontshop.com — конкретно о шрифтовом дизайне.
  9. google.com/fonts — бесплатные шрифты от google. Отлично подойдут веб-дизайнерам (для сайтов).
  10. typographyserved.com — креативная типографика.

Персональные дизайнерские блоги и сайты

  1. elliotjaystocks.com — блог графического дизайнера Elliot Jay Stocks.
  2. veerle.duoh.com — очень красивый блог. Подробные статьи и профессиональные консультации. Рекомендую.
  3. snook.ca — полезные советы и хитрости от графического дизайнера, писателя и разработчика Jonathan Snook.
  4. stuffandnonsense.co.uk — очень крутой и лучший на мой взгляд блог о веб-дизайне.
  5. blogof.francescomugnai.com — блог итальянского дизайнера Francesco Mugnai, вдохновляйтесь здесь.
  6. lysergid.com —  французский блог, много полезного.
  7. blog.iso50.com — отличный блог дизайнера Scott Hansen.
  8. blogs.adobe.com — блог графического дизайнера John Nack. Статьи о графике, и об Adobe.
  9. weebls-stuff.com — отличный блог флэш-аниматоров.
  10. paris.blog.lemonde.fr — блог всеми известного Питера Гэйбора (Peter Gabor), здесь много вдохновляющих постов, читайте.
  11. vladstudio.com — красивые работы, думаю, согласятся все.
  12. lotusart.de — официальный сайт Alexander Beim. В принципе с него и началось мое увлечение графикой. …и та самая магическая коробка, смотрим работы, восхищаемся )
  13. pedramk.com — дизайнер-визуализатор Perdam Karimfazli, здесь вы найдете много известных работ.
  14. mattrobot.com — отличные иллюстрации от дизайнера Matt Talbot.

Фотообработка онлайн:

  1. canva.com — отличный онлайн-сервис обработки фотографий (можно отразить ваше фото зеркально, повернуть в любую сторону, плюс полезные фильтры). Часто пользуюсь этим сервисом при выкладывании фотографий в соцсеть + приятный интерфейс.
  2. instagram-foto.ru — фотоэффекты как в инстаграм (эффект ретро).
  3. picmonkey.com/editor — фотоэффекты + различные стикеры поверх фотографии.
  4. fotor.com
  5. photocat.com
  6. befunky.com
  7. photobucket.com/editor
  8. ipiccy.com
  9. fotoflexer.com
  10. popartstudio.nl — сервис позволяет сделать из своей фотографии оригинальную картинку в стиле попарт.

Разное

  1. flickr.com — огромная соц.сеть, где миллионы людей ежедневно делятся своими фотографиями. Вы найдете как начинающих фотографов, так и профессионалов.
  2. computy.ru — блог моего друга-программиста, часто захожу посмотреть новые заметки, и вам советую, пригодится
  3. hypebeast.com — модный журнал о культуре, дизайне и графике.
  4. tumblr.com — блоги обо всем. Много постов с красивыми огромными картинками, регистрируйтесь.
  5. pttrns.com — интерфейсы для мобильных устройств.
  6. mobile-patterns.com — приложения для мобильных устройств и интерфейсы.
  7. likecool.com — много разных креативностей.
  8. smashingjournal.ru — о том, как выгодно продать свои работы. Очень интересные статьи, подойдет всем фрилансерам рунета.
  9. pinterest.com — можно завести свой блог.
  10. favim.ru — коллекция гивок, и можно создать свою галерею картинок.
  11. phototalents.ru — много фотографий, каринок и уроков по фотографии.
  12. linksfarm.ru — генератор статей.
  13. admagazine.ru — журнал о дизайне, не только графическом.
  14. secondstreet.ru — сборка креативных идей.
  15. zarabotaydengi.com — немного о том как заработать на конкурсах и вообще на фрилансе
  16. pinme.ru — много оригинальный работ, регистрируйтесь и тоже участвуйте.
  17. translate.google.ru — гугл-переводчик, пользуюсь, когда просматриваю иностранные сайты о дизайне.
  18. pr-cy.ru — проверка текста на уникальность
  19. timeweb.com — завершу свой список хостингом, который всем рекомендую, если планируете создавать свой сайт. Цены дешевые, поддержка круглосуточная, я довольна. Очень подойдет для начинающих из-за удобного интерфейса.
  20. ruweb.net — здесь можно купить дешевый домен
  21. blogun.ru — сервис поможет в раскрутке вашего сайта

На этом все. Надеюсь данная подборка хоть как-то облегчит вам работу, уверена, что многие ресурсы вы знали и так. Слежу за обновлениями, буду добавлять еще, если что есть у вас, делитесь, буду признательна!

Программы для веб-дизайнера: где создавать сайты?


← Назад

(Перед вами бесплатный курс Рафаля Томаля «Интро в веб-дизайн». В курсе 7 глав. Если вы здесь впервые, то лучше начните сначала)

Итак, давайте определимся: инструмент вам нужен, чтобы ускорить работу. То есть вам не нужно в совершенстве осваивать весь функционал, вам нужно научиться работать быстро. Какой бы инструмент вы ни выбрали, изучите ключевые возможности и освойте все горячие клавиши.

Научитесь пользоваться ими на автомате, и уже потом переходите к более продвинутым функциям. Для проектирования простых сайтов вам достаточно уметь устанавливать шрифт, рисовать простые формы, работать со слоями, менять цвета и т.п.

Рис. 7.0: Свой сайт я спроектировал при помощи нескольких базовых инструментов, одного шрифта и трех цветов.

Когда вы освоитесь в своем инструменте, то сможете быстро тестировать разные идеи (это поможет вам добиваться более качественного результата) и заканчивать работу вовремя (а это осчастливит ваших клиентов и работодателей!).

Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.

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

Важно понимать, что в какой-то момент вам, возможно, придется переключиться на другой инструмент. Большинство из нас годами использовали Photoshop, потому что на рынке не было альтернатив. За последние пару лет ситуация в корне изменилась.

Дизайн в веб давно перестал быть статичным, и мы пытаемся заполнить пробел между дизайном и кодом. Вероятнее всего, в ближайшее время появится множество новых возможностей и даже инструментов.

Популярные программы для дизайна

При выборе инструмента для дизайна, важную роль играет не только скорость и качество самой программы, но и ее популярность в профессиональной среде. Вам будет проще работать с другими дизайнерами и разработчиками (например, в рамках масштабного проекта), если вы используете один и тот же софт.

Вот список программ, которые я рекомендую:

1. Sketch – $99/год (Только под Mac)

Рис 7.1: Sketch

Для большинства своих текущих проектов я использую Sketch. Инструмент очень быстрый, интуитивный и достаточно простой в использовании (я без проблем перешел на него с Photoshop). Sketch — одно из самым популярных приложений для дизайна, так что большинство разработчиков и дизайнеров с ним знакомы.

В Sketch есть все, что нужно для дизайна: направляющие, сетки, символы, трансформация изображений в перспективе (для предпросмотра дизайна на iOS), векторное редактирование, прототипирование, библиотеки, экспорт активов, клауд (чтобы делиться дизайнами и библиотеками) и даже экспорт кода. А еще к нему есть масса плагинов и ресурсов.

Самый большой недостаток Sketch — он работает только на Mac. Однако, можно экспортировать проекты под такие приложения как InVision и Zeplin, чтобы создавать спецификации и руководства для разработчиков.

2. Figma – Бесплатно или $12/мес (веб-приложение и desktop-приложение)

Рис 7.2: Figma

Figma — это относительно новая программа для дизайна. Пожалуй, это самый главный конкурент Sketch — и он растет очень быстро. В Фигме есть все те же функции, что и в Sketch — плюс несколько дизайнеров могу работать над одним проектом одновременно.

Самое крутое, что Фигма абсолютно бесплатна, если у вас до трех проектов, а всего за 12 долларов в месяц вы откроете все функции и сможете создать бесконечное количество проектов. Приложение работает прямо в браузере — следовательно, практически на любой операционной системе. Пользовательский интерфейс напоминает интерфейс Sketch и Adobe XD: если эти инструменты вам знакомы, то даже ничего осваивать не придется.

Это отличный вариант, если вы начинающий дизайнер и хотели бы попробовать свои силы, не вкладываясь пока в дорогое ПО. Я пользовался Фигмой в нескольких своих проектах и мне работалось очень просто и быстро.

Напомню: у нас вышел свежий обзор курсов по Figma, если ищите еще больше практики в Figma – заглядывайте.

3. Adobe XD – Бесплатно (Mac и Windows)

Рис 7.3: Adobe XD

Adobe XD — это еще один сильный игрок в мире профессиональных приложений для дизайна. Мне кажется, он отлично подходит для UI дизайна, создания вайрфреймов и прототипирования — правда, в сравнении с Sketch или Figma ему не хватает нескольких продвинутых функций.

Плюс в том, что инструмент бесплатный как под Mac, так и под Windows (хотя, возможно будет платным, когда его доведут до ума). Кроме того, это линейка продуктов Adobe — так что вы сможете обмениваться активами с другими инструментами, например Photoshop или Illustrator.

Интерфейс очень похож на Sketch и Figma, так что можно одновременно использовать сразу три инструмента — и без проблем переключаться между ними (разве что некоторые горячие клавиши отличаются!).

4. InVision Studio – Бесплатно (Windows и Maс)

Рис 7.4: InVision Studio

InVision Studio — это мощный фул-стек инструмент для UX/UI дизайнера (здесь и дизайн интерфейсов и продвинутые анимации и интерактивности). Интерфейс — схож со Sketch и Figma, которые уже стали современным стандартом инструментов для дизайна.

По силе он как Figma + Principle или Figma + ProtoPie. Обязательно попробуйте!

5. Webflow – Бесплатно или $16/мес (веб-приложение)

Рис 7.5: Webflow

Webflow — это фул-стек инструмент для создания функциональных и адаптивных сайтов, которые можно размещать прямо на их платформе (или экспортнуть и разместить где-нибудь еще).

Я не фанат инструментов в стиле “дизайн в код”, потому что обычно сгенерированный код не очень хорошо показывает себя в деле, плюс с ним сложно работать. Однако, Webflow очень даже неплох. Вы полностью контролируете CSS код, плюс инструмент показывает, как работает HTML и CSS, потому что все элементы дизайна в браузере ведут себя так, как нужно.

Я думаю, что Webflow отлично подойдет для создания быстрых прототипов, простых сайтов, одностраничников и т.п. Многие мои знакомые профессиональные дизайнеры используют Webflow — так что стоит к нему присмотреться!

6. Adobe Photoshop – $20.99/мес или в составе Creative Cloud ($52.99/мес)

Рис 7.6: Adobe Photoshop

Я не случайно поставил Photoshop в самый конец списка. Фотошоп — очень популярная программа для дизайна сайтов, но он проигрывает битву со Sketch, Figma и другими инструментами. Если вы до сих пор пользуетесь Фотошопом — это нормально, но будьте готовы переехать в другой инструмент в ближайшем будущем.

Нынешние стандарты веб разработки заставляют нас делать более гибкие проекты, двигаться ближе к коду, работать в рамках от дизайн-системы. Photoshop работает слишком медленно и генерит слишком большие файлы по сравнению с вышеперечисленными инструментами.

Тем не менее, я все еще пользуюсь Фотошопом для работы с фотографиями, создания графики и обработки иллюстраций.

Рис 7.7: Быстрое сравнение интерфейсов Sketch, Figma и Adobe XD interfaces. Посмотрите, как они похожи!

Другие инструменты, которые я использую в работе:

Вот полный список инструментов, которые я использую в процессе работы.

  • Дизайн: Sketch и Figma
  • Разработка: Coda
  • Иллюстрации, логотипы и бренд-дизайн: Adobe Illustrator и Photoshop
  • Электронные книги и PDF-ки: Adobe InDesign
  • Мудборды, прототипы и обратная связь по дизайну: InVision
  • Видео презентации: Loom
  • Управление проектом: Trello
  • Счета и платежи: Harvest
  • Исследование, документы: Google Docs
  • Резервное копирование и передача файлов между компьютерами: Dropbox

Подведем итоги

Если вы серьезно настроились освоить дизайн, идите в Sketch, Figma или Adobe XD. Если вы пользователь Windows — на данный момент лучшим решением будет Figma или Adobe XD. У всех трех инструментов похожие интерфейсы, что позволяет быстро переключаться между ними.

У всех трех похожие функции, они работают супер быстро и интуитивно и продвигают современный подход к дизайну и разработке. Я уверен, что все три инструмента достаточно основательные и будут на рынке еще долго.

Какую бы программу вы ни выбрали, помните, что главное — не инструменты, а теория и техники дизайна. Сделайте упор на развитие своих навыков дизайна, и параллельно осваивайте инструменты. Этого достаточно для начала.

(с) Над переводом работали: Ольга Жолудова и Анастасия Свеженцева.


← Назад

Арсенал веб-дизайнера / Хабр

В интернете существует множество сайтов, помогающих веб-дизайнеру в работе: ресурсы с иконками, плюшками для фотошопа, UI-китами, шрифтами, вдохновляющими работами других дизайнеров и многим другим. В этой статье я постарался собрать самые полезные сайты для веб-дизайнеров.

Большие и популярные сайты


Behance — работы лучших дизайнеров со всего мира

Dribbble — множество отличных элементов дизайна

DeviantArt — очень старый и большой ресурс с огромным количеством работ и элементов дизайна.

Блоги


Smashing Magazine  не нуждается в представлении, отличный коллективный блог

Webdesigntuts+

A List Apart Magazine

DesignModo

Premium Pixels

Вдохновение


Designshack

siteInspire

Сервисы


Adobe Kuler  подбор цветовой схемы

When can I use… — проверка совместимости технологий с браузерами

Subtle Patterns — фоновые изображения

Иконки


IconFinder

IconArchive

FindIcons

IconDeposit

FreeIconsWeb

UI и элементы дизайна


Designmoo

Patterntap

365psd

Design Kindle

UX Movement

psdGraphics

Freebiesbooth.com

Best PSD Freebies

Векторные изображения и фото


FreePik

Open Clipart

Pixabay

Free Digital Photos

Every Stock Photo

Free Photos Bank

Studio25

PhotoGen

FreeJPG

TurboPhoto

KaveWall

MorgueFile

A Digital Dreamer

ImageBase

PhotoRack

QVectors

Vecteezy

VectoroPenStock

VectorMadness

Vectorilla

Vector4Free

GraphicsFuel

Great Vectors

WOW Vectors

Vector Portal

Free-Vectors

VectorPile

AllVectors

Vector

Шрифты


Google WebFonts

Dafont

Typecast

Typespiration

Логотипы


LogoInstant

Snaboopie

Фигуры для фотошопа


Shapes4Free

DeviantArt

Кисти для фотошопа


Brusheezy

MyPhotoshopBrushes

QBrushes

PSBrushes

Использованные материалы:


Конечно, здесь собраны не все ресурсы, просто потому, что их на просторах интернета огромное количество. А какие ваши любимые дизайнерские сайты?

Все дизайнеры

Все дизайнеры

Элитный, высококлассный ремонт невозможен без участия с самого начала профессионального дизайнера по интерьерам. В первую очередь, все ваши идеи и решения необходимо систематизировать, оформив в виде связанного плана или дизайн–проекта.
Творческий потенциал наших дизайнеров и современные технологии позволяют создавать уникальные и яркие интерьеры по индивидуальным проектам.

Дизайнер интерьеров

Дизайнер интерьеров

Дизайнеры интерьеров

Дизайнер интерьеров

Фулстек-дизайнер — один мастер на все руки | GeekBrains

Тяжело или полезно быть фулстек-дизайнером в современном мире

https://d2xzmw6cctk25h.cloudfront.net/post/2585/og_image/7d5f0b5f11ae02d8301df6d8de680f44.png

Дизайнеры создают логотипы и фирменный стиль, проектируют сайты и приложения и даже выстраивают взаимодействие с пользователями в цифровой среде. Может ли всё это делать один специалист или нужно привлекать нескольких? Рассказывает Дарья Прокуда, декан факультета дизайна GeekBrains и Design Lead в Сбербанке.

Конечно, один человек вряд ли сможет стать абсолютным экспертом в каждой их трёх сфер: графическом дизайне, веб-дизайне и UX/UI-дизайне. Именно их задачи я перечислила выше. Но есть единая база, которая позволяет перескакивать между областями и менять направление. Я называю её «базой единорога», она же — база фулстек-дизайнера. В GeekBrains есть факультет, который готовит как раз таких единорогов.

Давайте разберёмся, какие специалисты могут вырасти на такой базе. 

Графический дизайнер

Он создаёт фирменный стиль и весь визуальный контент для брендов: от баннеров и плакатов до логотипов и брендбуков. Жонглирует образами и смыслами, генерирует идеи и прорабатывает концепции. Разрабатывает шрифты, создаёт и готовит дизайн-макеты печатной продукции. И всё это, чтобы создать уникальный образ, идеально подходящий бренду заказчика. 

Графический дизайнер решает задачи, отталкиваясь от пользовательских потребностей. Проектирует brand experience — опыт взаимодействия с брендом. В идеале он получается сквозным для любых направлений и может использоваться как в печати, так и в диджитал-среде. Этому подходу в GeekBrains учат на факультете графического дизайна. 

UX/UI-дизайнер

Эти аббревиатуры расшифровываются как User eXperience — пользовательский опыт, и User Interface — пользовательский интерфейс. Такой специалист проектирует действия и функции в интерфейсе, а также формирует новый опыт пользователя, исходя из его потребностей. Дизайнер визуализирует этот опыт с помощью графических и аудиоинструментов для создания интерфейсов, а также многих других. 

UX/UI-дизайнер умеет не только создавать, но и внедрять свои идеи, передавать в вёрстку, контролировать реализацию на этапе авторского надзора, а также следить за реакцией пользователя при помощи метрик. Научиться всему и начать работать в этой области поможет факультет UX/UI-дизайна от GeekBrains.

Понятие UX ввёл Дональд Норман в 1993 году, когда работал в Apple. «Я придумал термин, потому что понятия „человеческий интерфейс“ и „юзабилити“ были слишком узкими. Я хотел покрыть все аспекты персонального опыта с системой, включающей индустриальный дизайн, графику, интерфейс, физическое взаимодействие и руководство пользователя. С тех пор этот термин широко распространился, так что и он начал терять своё значение», — отметил Норман в 2007 году в интервью Adaptive Path.

Со временем в UX/UI-дизайне появились «подпрофессии»: веб-дизайнер и дизайнер продукта.

Веб-дизайнер работает с сайтами, чаще в проектной студии. Его задача — спроектировать интерфейс, который мотивирует пользователя выполнить целевое действие: купить что-либо, изучить новую область или просто прочесть новость. В работе дизайнер опирается на потребности аудитории. Он использует паттерны взаимодействия в интернете, знает особенности вёрстки и умеет работать с аналитикой. 

Такие дизайнеры часто манифестируют со страниц своих творений, внедряют новые стили и экспериментируют с типографикой и образами — для них очень важно донести верный эмоциональный контекст. Их работы выставляются на CSS Design Awards и Awwwards, их трудами пользуется весь мир. Изучить и узнать тонкости профессии можно на факультете веб-дизайна.

Дизайнер в продукте чаще работает в крупных компаниях и корпорациях. Он, как правило, использует клиентоцентричный подход и разрабатывает приложения и сервисы одного бренда или экосистемы. От других дизайнеров отличается тем, что ещё больше вникает в метрики продукта, собирает фидбэк от пользователя на разных этапах. Всё это необходимо, чтобы создавать и развивать продукт, полезный людям и приносящий деньги бизнесу. 

Такой дизайнер — камертон и та нить, что связывает бизнес с реальностью и потребностями пользователей. Поэтому он должен знать термины юнит-экономики, уметь говорить на языке бизнеса, строить CJM, Service Blueprint и мастерски презентовать свои идеи.

CX-дизайнер

СХ расшифровывается как Customer eХperience — клиентский опыт. В чём разница между CX и UX? Если коротко, то UX-дизайнер работает с продуктом, сервисами и их развитием, а CX — с брендом. UX-дизайнер отвечает за создание пользовательского опыта в мобильном приложении, на веб-сайте и в других точках контакта пользователя с интерфейсом. А CX-специалист занимается развитием и улучшением опыта взаимодействия клиента с брендом, то есть его сфера более широкая и не ограничена только интерфейсами.

В данном случае слово «дизайн» — не про графику и элементы интерфейса, а про улучшение качества взаимодействия клиента с брендом абсолютно на всех этапах. Цель CX-дизайнера — сделать так, чтобы клиент никуда не ушёл и был максимально доволен, привёл друзей и вернулся сам. В этом направлении важно прокачивать навыки решения сложных и неочевидных проблем, умение смотреть дальше продукта и работать с данными.

Все перечисленные направления так или иначе крутятся вокруг пользователя, его желаний и потребностей. Дизайнер выступает в роли переводчика и транслятора, правильно интерпретируя и визуализируя ответ на требования пользователей. Не стоит забывать, что дизайнер сам тонко чувствует мир и часто дополняет творение своими идеями, внедряет мысли и сеет зёрна изменений, насыщает проект эмоциями и смыслами.

Как выбрать между узкой специализацией и фулстеком

Можно не выбирать одно из направлений и стать фулстек-дизайнером. Это позволит перемещаться между сферами, сколько захочется, а ещё лидировать все процессы и контролировать качество: начиная с брендинга, продолжая сервисами и продуктами и заканчивая маркетингом.

Дизайнеры, которые выбирают путь фулстека, всё чаще занимают передовые позиции в продуктовых компаниях — ведь у них есть экспертиза по всему пути внедрения продукта или сервиса. У них, соответственно, больше нагрузки и ответственности, более развиты скилы управления процессами. Они влияют на область цельно, а не точечно, часто переворачивая мир с головы на ноги, — комплексно улучшают клиентский и пользовательский опыт.

Выбор специализации — это ещё один путь роста в профессии. Но даже специализируясь на чём-то одном, дизайнеру выгодно понимать работу смежных областей, чтобы собирать нужные инсайты и видеть картину целиком.

Как выбрать специализацию в дизайне

Если вы начинаете с нуля и не знаете, какая специализация вам подходит, я советую получить базу фулстек-дизайнера. После этого уже можно смело выбирать специализацию — вы будете ориентироваться в мире дизайна настолько свободно и гибко, что сами сможете управлять своими ожиданиями.

Если у вас есть графические навыки и вы обожаете придумывать персонажей, креативные идеи и сумасшедшие метафоры, то приглядитесь к курсу графического дизайна.

Если вам больше по душе интерфейсы и вы хотите влиять на сервисы и продукты, то советую курс UX/UI-дизайна. 

Ну а если вы точно поняли, что сайты — это ваше призвание, а также хотите помогать людям находить информацию в интернете и совершать покупки, смело идите на курс веб-дизайна.

Главное — помните: вы можете изменить мир, а уж в какой области и в каком масштабе, решать вам. Stay creative and be brave!

Вы должны все проектировать | Жизнь архитектора

Если ты считаешь себя дизайнером, ты должен все проектировать. Есть много вещей, которые я делаю в течение обычного дня — проектирование «вещей» — это всего лишь одна очень небольшая часть — но я по-прежнему считаю себя дизайнером больше, чем архитектором проекта. Чтобы считаться дизайнером, это означает, что вам нужно думать о проектировании всего… и я имею в виду все. Я много раз говорил, что в современном дизайне важны именно мелочи, поэтому, несмотря на то, что я трачу больше времени на размышления о планировках лестниц, пакетах отделки и определении вертикальных размеров кирпичной кладки, я все же считаю эти вещи важны, и они представляют собой важный аспект процесса проектирования.

Успешный дизайн требует продуманного исполнения — одно без другого — разочарование, и все, что вы разрабатываете, не раскрывает свой потенциал.

Когда пришло время придумать какую-нибудь награду для людей, которые вышли в финал 4-го ежегодного конкурса дизайна игрового домика «Жизнь архитектора», я знал, что это то, что я должен спроектировать — бумажный сертификат. (, даже если он на плотной бумаге ) не так уж и хорош.

Поскольку это идет на пользу благотворительной организации, я действительно не хочу тратить на награды больше, чем мне нужно… но я просто не могу не думать, что это должно быть что-то особенное. Для меня важно, чтобы люди, которые нашли время в выходные для разработки дизайна и участия в конкурсе, получали что-то за свои усилия — признание того, что то, что они сделали, важно и высоко ценится.

Набросок выше был моей первоначальной идеей — «трофейный», вертикально ориентированный сувенир на память.Есть несколько предметов, которые, как я знал, должны присутствовать на моем трофеи:

  • Название события — в основном, откуда взялся трофей?
  • Дата — я надеюсь создавать одну из этих наград каждый год, когда у меня будет конкурс на дизайн игрового домика; очевидно, что дата важна.
  • Существенность — я хотел, чтобы эти награды были сделаны как минимум из двух различных материалов… предпочтительно из металла и дерева. (пластик / акрил определенно не входил в список)

У меня был разговор с одним из судей этого мероприятия — скульптором Брэдом Олдхэмом — и мы обсудили возможность того, что верхняя часть представляет собой отлитое под давлением изображение домика для игр. — мало чем отличается от монополии.Затем он помещался на деревянный брусок, чтобы придать ему дополнительный вес и высоту, а также, возможно, предоставить место, где я мог бы выгравировать информацию за тот год.

В конце концов, все это окажется очень дорогостоящим — у меня нет другого выбора, кроме как иметь в виду. Кроме того, я думаю, что лучшие дизайнерские задачи содержат в себе какие-то финансовые ограничения. Почему это должно быть иначе?

Примите участие в пересмотренном проекте конкурса на проектирование игровых домиков «Жизнь архитектора»…

На изображении выше показан игровой домик, который я спроектировал еще в 2013 году под названием «Скворечник», и из всех спроектированных мной игровых домиков этот дизайн остается один из любимых.Он имеет культовую форму (, если я так говорю, ), и я думаю, что профиль этого игрового домика очень хорошо подходит для моего дизайна трофея игрового домика.

Новый дизайн позволяет мне придерживаться всех моих проектных критериев при значительном снижении затрат. Эта концепция позволит мне вырезать профиль из цельного куска листовой стали толщиной 1/8 дюйма, а затем затормозить (загнуть) нижнюю часть стали под деревянным блоком. Это придаст награде некоторую размерность, а также обеспечит место для крепления стали к деревянному блоку.Другой аспект этой новой награды заключается в том, что каждая из них будет уникальной. Каждый кусок дерева будет иметь свой рисунок текстуры, и поскольку я буду защищать сталь от ржавчины, нанеся на нее слой полиуретана, сталь также сохранит свою уникальность.

На данный момент я думаю, что дерево будет красное, хотя порода и отделка могут меняться из года в год. Мне нужно будет провести небольшое исследование того, как я мог бы выгравировать информацию на стороне деревянного блока, но я думаю, что я хотел бы изучить возможность вырезания информации из металла, чтобы она была видна на основе вероятной ориентации награда.

Не убивайте меня комментариями о том, как плохо выглядит мой набросок надписи — я не пришлю эскизы, когда придет время вырезать надпись на стали. У меня есть друг, который занимается металлургическим бизнесом и имеет лучшее оборудование в стране, когда дело касается резки, формовки, гибки и формовки металла, и я собираюсь попросить его совета и помощи, когда придет время сделайте эти кусочки. Я полностью ожидаю, что вырезание формы и ее изгиб — это то, чем я смогу справиться с точки зрения затрат, я немного обеспокоен тем, что он может вернуться и сказать мне, что это добавит 1 миллиард долларов к моему заказу, чтобы его вырезать слова.На этом этапе мне придется вернуться к изучению того, как гравировать сторону деревянного блока. Я делаю только около 30 из этих наград, и я надеюсь получить их менее чем за 50 долларов за награду…

Совершенно уверен, что большую часть производства я буду делать сам.

Может быть, я сумасшедший (конкретно говорю об этом), но я думаю, что эти награды будут стоить того, и я надеюсь, что возможность выиграть одну из них поможет подтолкнуть некоторых людей к участию в конкурсе. соревнование.В нашем офисе есть полка, украшенная наградами, большинство из которых пластиковые или стеклянные. На самом деле мы не обращаем на них никакого внимания, но люди, которые приходят к нам в офис, определенно обращают внимание. Я разработал эту награду, думая, что это будет то, что я с гордостью добавлю на эту полку… и я надеюсь, что люди, которые получат их, будут чувствовать то же самое.

Вы не можете есть свой дом и иметь его слишком много Студенты и конкурсы дизайна

Еще лучшие вещи из жизни архитектора

Все, что должен знать начинающий графический дизайнер (возможно) | Пол Армстронг

Узнайте об истории дизайна

«Мне нравятся вещи, созданные мертвыми людьми.Старые дизайнеры. У них всегда получалось правильно, потому что им не приходилось расти вместе с компьютерами. У всех, кто делал ложку, посуду и пылесос, не было микропроцессоров и прочего. Тогда вы могли создать хороший дизайн ».

— Джон Маеда

Огромное количество ресурсов, доступных каждому в сети, больше пугает, чем освобождает. С чего начать, куда вы идете (кого вам нужно знать? Подождите, извините, это текст одной из моих любимых песен) .Возникает соблазн взглянуть на списки «лучших из», чтобы почувствовать, что делают другие, для чего есть свое время и место, но если у вас нет формального образования, лучше всего разобраться в этом ремесле. Стабильная диета, основанная на дизайнерском вдохновении, сродни еде ничего, кроме бекона, покрытого глазурью, обмакнутого в шоколад и затем обжаренного во фритюре. Это приносит удовольствие, но вредно, поэтому используйте его только в умеренных количествах.

Почему нездорово смотреть на работы других дизайнеров в поисках вдохновения? Когда вы наблюдаете за работой других, она становится внутренней, независимо от того, осознаёте вы это или нет.Эти усвоенные наблюдения начинают смешиваться с вашим мозгом и постепенно превращаются в уютный дом в виде ваших собственных мыслей. Прежде чем вы это узнаете, у вас есть отличное дизайнерское решение, которое оказывается чужой работой, которую вы наблюдали и забыли, а затем считали своей собственной. Да, каждый заимствует у других, но есть огромная разница между сознательно опираться на работу других и сознательно заимствовать работу других. Заимствование балансирует на грани воровства.

Еще важнее, чем скользкая дорожка заимствования и воровства, когда вы полагаетесь на работу других для создания собственных решений, вы избегаете усилий, необходимых для понимания исследований, идей, компромиссов, пересмотров и ограничений, которые были сделаны для создания конечного результата, который вы заимствуете.

Лучший способ использовать вдохновение для создания более оригинальных решений — это понять историю. Сегодняшняя великая работа построена на работе тех, кто пришел до года (что-то о том, чтобы стоять на плечах гигантов) года, и так далее и так далее навсегда.

Вот краткий список книг, которые я считаю «важным» чтением, чтобы иметь полное представление о ремесле и практике дизайна.

  1. История графического дизайна Меггса Филиппа Меггса
  2. Универсальные принципы дизайна Уильяма Лидвелла, Джилл Батлер, Критина Холден
  3. Элементы типографского стиля Роберта Брингхерста
  4. Визуальные пояснения: изображения И количества, доказательства и рассказ Эдварда Р.Tufte (честно говоря, вы должны прочитать всю его серию на визуальной информации)
  5. Дизайн повседневных вещей Дональда Нормана
  6. Как быть графическим дизайном без Потеря души Адриан Шонесси
  7. Мыслить, быстро и медленно Дэниел Канеман

Может быть, вы не любите читать. Я здесь не для того, чтобы судить. Может, вы лучше послушаете или посмотрите что-нибудь.Не бойтесь, у меня тоже есть несколько рекомендаций, чтобы получить больше практических советов, уловок и идей по дизайнерскому мышлению и практике.

  1. Аннотация: Искусство дизайна (серия документальных фильмов Netflix)
  2. 99% Невидимый (подкаст)
  3. Вопросы дизайна (подкаст)
  4. Объективизированный (документальный)
  5. Приключения в дизайне (подкаст)
  6. The Deeply Graphic Design Cast (подкаст)
  7. Dann Petty (youtube)

Вот все, что я узнал, создавая более 10 000 экранов пользовательского интерфейса в качестве ведущего дизайнера продукта.| Джон Мур | UX Power Tools

Я всегда использую эту аналогию:

Никого не волнует, какого цвета вышивка на кожаных сиденьях вашего модного концепт-кара, если у него еще даже нет колес.

Расставьте приоритеты в дизайне, чтобы удовлетворить все базовые требования первые . Затем И ТОЛЬКО ТОЛЬКО вы можете перейти к более интересным вещам, таким как пользовательские иллюстрации и анимация.

Что удобно приводит нас к…

Извините, все.Это правда. И я говорю это не назло, потому что у меня это не очень хорошо получается (что тоже верно).

У продуктов мирового класса практически нет анимации:

Facebook . Salesforce . Средний .

Эти продукты стоят миллиарды, миллиарды и миллиарды долларов потому, что они решают проблемы и приносят пользу, а не потому, что у них есть симпатичная анимация.

Да, есть время и место для анимации, но начните с того, что потратите свое время на предоставление исключительной ценности за счет лучшего в своем классе пользовательского опыта. Затем вы можете потратить сколько угодно времени на создание симпатичной маленькой кнопки меню, которая превращается в Макдональдс Биг Мак.

Эта анимация Пита Сена не могла быть более совершенной. (источник)

Паттерн — это то, что регулярно встречается в сопоставимых объектах.

Шаблоны проектирования называются шаблонами , потому что они встречаются повсюду. Пользователи привыкли делать что-то определенным образом, и это обычно соответствует ожиданиям пользователей.

Я мог бы предложить вам сотню различных способов фильтрации таблицы данных, но ничто никогда не будет столь же эффективным, как левая полоса флажков, подобных тем, которые можно найти на каждом веб-сайте электронной коммерции.

Не тратьте время на увлечение вещами, которые не нужно изобретать заново.

Чтобы не изобретать заново, , из любви ко всему святому, сделайте себе несколько шаблонов дизайна.

Вы сэкономите семь метрических лодок времени.

За полторы недели я разработал 52 экрана для клиента, стремящегося к важной коммерческой презентации, и даже соединил их в интерактивный прототип InVision. Это также полностью индивидуальный дизайн, полностью адаптированный к тону их бренда.Это было бы невозможно без готовых шаблонов, которые помогли бы мне начать работу.

Вот пример экрана из моего личного шаблона основного пользовательского интерфейса, который я использую в каждом отдельном проекте как способ начать работу:

Он был построен с использованием элементов из UX Power Tools.

Вы можете ознакомиться с некоторыми системами дизайна, которые я создал, на сайте UX Power Tools. Думаю, они тебе действительно помогут.

Чем последовательнее вы проектируете, тем быстрее вы становитесь.

Как мне узнать?

Ну, во-первых, вы резко сокращаете количество дизайнерских решений, которые вам нужно принимать на этом пути.

Если вы сделаете себе символ кнопки в Sketch и будете использовать его во всем дизайне, не только все ваши кнопки будут выглядеть согласованно, но и вы сразу же будете работать намного эффективнее, потому что вы не будете создавать кнопки с нуля каждый раз. раз вам понадобится.

Я знаю, что это потрясающе!

Они довольно симбиотические, поэтому работает и обратное.

Чтобы работать быстрее, вам нужно создать ярлыки для себя. Эти ярлыки могут быть осязаемыми, такими как ресурсы для дизайна, или более нематериальными, такими как установление и соблюдение набора принципов дизайна (например, использование системы сетки 8 пикселей).

По мере того, как вы станете быстрее, естественным образом последует согласованность.

По последним оценкам, Craigslist был оценен примерно в 3 МИЛЛИАРДА долларов.

Вы когда-нибудь видели этот сайт? Это ужасно.

Но это неважно.Это решает проблему и приносит пользу пользователю.

Просто и понятно. Прямо как на Craigslist!

Послушайте, я не сторонник чрезмерного упрощения дизайна. Все, что я хочу сказать, это то, что если вы можете принести пользу пользователю, вы создадите клиентов, которые будут приносить пользу бизнесу.

Решите правильную задачу для нужного человека , и вы станете золотым.

Есть МНОГО других людей, которые имеют значение в процессе разработки продукта.

Просто взгляните:

Вы когда-нибудь были на свидании с кем-то, что было СУПЕР ГОРЯЧИМ, но не могло действительно продолжить разговор, чтобы спасти свою жизнь?

Визуальные эффекты сами по себе не принесут хорошего дизайна. Я бы сказал, что на самом деле визуальные эффекты составляют лишь около 20% всего процесса презентации.

Остальное?

Ну, это рассказов . Если вы не зацепите аудиторию убедительной историей, не продемонстрируете ценность для бизнеса и не выступите от имени пользователя, вы потерпите неудачу.

Как выглядит сбой?

Много вопросов. Игра в защиту дизайна вместо нарушения дизайна. Дизайнерские жертвы. Нехватка доверия. Беспокойство по поводу выхода на рынок.

Ты не хочешь этого.

Я оставил это напоследок, потому что он ТАК ТАК ТАК ТАК ТАК важен:

Функциональный продукт> Dribbble ❤️’s

Буквально все остальное не имеет значения.

Красивый дизайн? Отлично!
Не запустился? Отказ.

Я говорю, что для того, чтобы вас считали успешным дизайнером, вы должны действительно спроектировать что-то, что построено? Ну, если честно, да, вроде как. Если вы поговорите с о ваших планах на день рождения супруга, которых вы не выполнили, это не помешает вам спать на диване в течение следующего месяца.

Получить. Это. Построен.

Даже если он лоскутный. Даже если он несовершенный. Даже если никто никогда не использует .

По крайней мере, вы все усвоили и кое-чему научились.

Все, чему я научился в школе дизайна

Degreeless.design — Все, чему я научился в школе дизайна

«Чтобы быть хорошим дизайнером, нужно быть хорошим инженером во всех смыслах: любопытным, любознательным» — Чарльз Имс, 1949 г.

Это (почти) все, чему я научился в школе дизайна на одном веб-сайте. Получение диплома дизайнера — не пустая трата времени. Фактически, это одно из лучших решений, которые я когда-либо принимал.Однако большинству людей не так повезло с такими профессорами, как у меня. У некоторых людей нет доступа, возможностей или времени, чтобы ходить в школу для этого. И, честно говоря, этот 10-недельный интенсив по дизайну не сделает из вас фантастического дизайнера с первого взгляда. Вам нужно нечто большее.

Вы должны быть самодостаточными. Чтобы учиться, нужно быть голодным.

Вот почему существует этот сайт. Это список всего, что я нашел полезным в моем путешествии по изучению дизайна, и постоянный список вещей, которые, я думаю, вам следует прочитать.Это для начинающих UX, UI, Interaction или любых других дизайнеров заголовков.

Основы

Вы должны начать с самого начала. Вы должны понимать основы. Научитесь любить шрифт, научитесь пользоваться пером, определять цвета, извлекать уроки из прошлого и создавать запас сочувствия.

Фонды

Font Review Journal
Learn to Kern
Learn the Pen Tool‍
Ultimate Guide to Color
Coolors: Palette Generator
Contrast and Meaning

Развитие сочувствия

Законы UX
Поведенческая экономика 101
Гештальт-принципы в пользовательском интерфейсе
Херистика юзабилити
Когнитивное пошаговое руководство

Манифест доступности
Доступные цвета
Дизайн для трения

Гуманный дизайн

История проектирования

Helvetica Documentary
Dezeen

Запуск UX

Хорошо, надеюсь, теперь вы знаете основы.Мы узнаем больше по ходу дела, но давайте окунемся в мир UX. Абсолютно самая важная вещь, которую вы должны изучить и освоить, — это процесс . Это будет ценность, которую вы внесете в любой проект, над которым работаете. Инструменты меняются, а тенденции умирают. Управляйте процессом над всем.

Строительные блоки

Законы UX
Поведенческая экономика 101
Гештальт-принципы в UI
Эвристика юзабилити
Когнитивное пошаговое руководство

Процесс

IDEO Design Kit
IDEO Field Guide
6 шагов к процессу HCD
Процесс разработки продукта
Дизайн-мышление
Дизайн-спринты против Agile
GV Design Sprints
Продуктовое мышление

Исследования

Методы исследования

Результаты

Контрольный список UX
Полный список результатов
Раскадровка 101
Потоки взаимодействия

Проектирование интерфейсов

‍Руководство по человеческому интерфейсу
Руководство по дизайну материалов‍
Оптические эффекты в пользовательском интерфейсе
Ускоренный курс пользовательского интерфейса

Дополнительные ресурсы

После того, как вы освоите основы, выучите кое-что из словаря и немного больше выясните, что вас интересует; постарайтесь получить как можно больше из высококачественных источников.Это должно вас подтолкнуть.

Контент высокого качества

Design Better
Ask Playbook
Make Book
AirBnB Design
Design.Google
UXPin Бесплатные электронные книги

Коллекции ссылок

Product Disrupt
Principles.Design‍
Коллекция языков дизайна
Ultimate Guide to Product & Design in Tech

Создание не только экранов

Руководство по пользовательскому интерфейсу Amazon Voice
Руководство по пользовательскому интерфейсу Google Voice‍
Алгоритмы.Дизайн
AI и будущее UX
Принципы AI Design
Дизайн для нескольких устройств

Есть кое-что, что мне нужно добавить?
Отправить содержимое

Книги

«Нет новой проблемы, которую бы кто-то еще не написал и не написал в книге». — Уилл Смит

Я большой сторонник книг по дизайну. Они должны стать важной частью вашего дизайнерского образования. У некоторых из них есть теория, у некоторых есть практические советы, но ни один из них не является просто красивыми картинками

Вдохновение

«Совет, который я люблю давать молодым артистам, да и вообще всем, кто меня слушает, — не ждать вдохновения.Вдохновение для любителей; Остальные из нас просто приходят и приступают к работе »- Чак Клоуз

Но иногда нам нужно вдохновение. И всегда полезно прислушиваться к земле; следить за тенденциями, прогнозировать их, реагировать на них, и знать, что происходит в мире дизайна.

Рекомендуемые статьи

Постоянный сборник статей со всего Интернета, написанных самыми разными людьми. Следуйте за этими людьми, исследуйте дальше и задавайте вопросы.

Я надеюсь, что этот список ресурсов вам понравится. Если у вас есть вопросы ко мне, я могу связаться с нами по электронной почте

Что такое UX-дизайн? [Полностью обновленное руководство на 2021 год]

Дизайн пользовательского опыта — чрезвычайно обширная, многопрофильная и увлекательная область. Он формирует продукты и услуги, которые мы используем ежедневно, и может сделать или разрушить успех бизнеса или бренда.

Карьера в UX-дизайне динамична и сложна, требует самых разнообразных навыков.Если вы хотите проникнуть в эту область, вам есть чему поучиться!

В этом руководстве мы предоставим окончательное введение в UX-дизайн и расскажем вам все, что вам нужно знать для начала работы в этой захватывающей отрасли, в том числе:

  1. Что такое UX-дизайн?
  2. История UX
  3. Дисциплины UX-дизайна: модель квадранта
  4. Чем занимается дизайнер UX? Процессы, задачи и инструменты
  5. Ценность UX-дизайна
  6. Как стать UX-дизайнером

Приступим!

1.Что такое дизайн пользовательского опыта?


Взаимодействие с пользователем (UX) относится к любому взаимодействию пользователя с продуктом или услугой. UX-дизайн учитывает каждый элемент, который формирует этот опыт, то, как он заставляет пользователя чувствовать себя, и насколько легко ему выполнять желаемые задачи. Это может быть что угодно, от ощущения физического продукта в руке до того, насколько просто оформить заказ при покупке чего-либо в Интернете. Цель UX-дизайна — создать для пользователя простой, эффективный, актуальный и всесторонний приятный опыт.

«Пользовательский опыт охватывает все аспекты взаимодействия конечного пользователя с компанией, ее услугами и продуктами».
— Дон Норман, когнитивист и архитектор пользовательского опыта

UX-дизайнеры сочетают в себе исследования рынка, разработку продуктов, стратегию и дизайн для создания удобного взаимодействия с пользователем для продуктов, услуг и процессов. Они строят мост к клиенту, помогая компании лучше понять и удовлетворить их потребности и ожидания.

Разница между UX и дизайном пользовательского интерфейса

Когда мы говорим о UX, неизбежно возникнет термин «дизайн пользовательского интерфейса» (UI). Однако важно понимать, что, несмотря на то, что они часто используются как взаимозаменяемые, UX и UI — это две разные вещи.

«UX ориентирован на путь пользователя к решению проблемы; Пользовательский интерфейс ориентирован на то, как поверхности продукта выглядят и функционируют ».
— Кен Нортон, партнер Google Ventures, бывший менеджер по продукту Google

Дизайн пользовательского интерфейса отличается от UX.UI относится к фактическому интерфейсу продукта; визуальный дизайн экранов, по которым пользователь перемещается при использовании мобильного приложения, или кнопки, которые они нажимают при просмотре веб-сайта. Дизайн пользовательского интерфейса касается всех визуальных и интерактивных элементов интерфейса продукта, охватывая все, от типографики и цветовых палитр до анимации и точек соприкосновения с навигацией (например, кнопок и полос прокрутки). Подробнее о работе UI-дизайнеров можно прочитать здесь.

UX и UI идут рука об руку, и дизайн интерфейса продукта оказывает огромное влияние на общий пользовательский интерфейс.Узнайте больше о разнице между UX и дизайном пользовательского интерфейса в этом руководстве.

UX-дизайн повсюду: макет супермаркета, эргономика автомобиля, удобство использования мобильного приложения. Хотя термин «пользовательский опыт» впервые был придуман Доном Норманом в 90-х годах, концепция UX существует гораздо дольше.

Чтобы понять принципы UX-дизайна, полезно изучить его историю.

2. История UX-дизайна

Некоторые из самых основных принципов пользовательского опыта можно проследить еще в 4000 году до нашей эры до древней китайской философии фэн-шуй, которая фокусируется на организации вашего окружения наиболее оптимальным, гармоничным и удобным для пользователя способом.Есть также свидетельства того, что еще в V веке до нашей эры древнегреческие цивилизации проектировали свои инструменты и рабочие места на основе эргономических принципов.

В конце 19 века великие мыслители и промышленники, такие как Фредерик Уинслоу Тейлор и Генри Форд, начали интегрировать основные принципы проектирования опыта в свои производственные процессы. Стремясь сделать человеческий труд более эффективным, Тейлор провел обширное исследование взаимодействия между работниками и их инструментами — точно так же, как дизайнеры UX сегодня исследуют, как пользователи взаимодействуют с продуктами и услугами.

Еще одна ключевая фигура в истории UX — промышленный инженер Генри Дрейфус. В своей книге «Дизайн для людей» (1955) Дрейфус дает очень точное описание того, что мы теперь знаем как UX-дизайн:

«Когда точка соприкосновения продукта и людей становится точкой трения, тогда [дизайнер] терпит неудачу. С другой стороны, если люди становятся более безопасными, более комфортными, более склонными к покупкам, более эффективными — или просто более счастливыми — благодаря контакту с продуктом, тогда дизайнер преуспел.”
— Генри Дрейфус, инженер-технолог

В начале 90-х когнитивист Дон Норман присоединился к команде Apple в качестве архитектора пользовательского опыта, что сделало его первым человеком, который использовал UX в своей должности. Он придумал термин «дизайн пользовательского опыта», потому что хотел «охватить все аспекты взаимодействия человека с системой, включая промышленный дизайн, графику, интерфейс, физическое взаимодействие и руководство». С тех пор каждая из этих областей расширилась до собственных специализаций.В наши дни компании все чаще нанимают на очень конкретные должности, например, исследователя UX или дизайнера взаимодействия, чтобы охватить все различные аспекты взаимодействия с пользователем.

На протяжении веков люди стремились оптимизировать свое окружение для максимального комфорта пользователя. В наши дни термин UX-дизайн имеет сильную цифровую коннотацию, часто относящуюся к приложениям, веб-сайтам, программному обеспечению, гаджетам и технологиям.

3. Дисциплины UX-дизайна: модель квадранта


UX — это широкий общий термин, который можно разделить на четыре основных направления: стратегия взаимодействия (ExS), дизайн взаимодействия (IxD), исследования пользователей (UR) и информационная архитектура (IA).

Дисциплины UX-дизайна: модель квадранта

Стратегия опыта (ExS)

UX-дизайн — это не только конечный пользователь; это также приносит огромную пользу бизнесу, предоставляющему продукт или услугу. Стратегия опыта — это разработка целостной бизнес-стратегии, учитывающей потребности клиентов и компании.

Дизайн взаимодействия (IxD)

Interaction design рассматривает, как пользователь взаимодействует с системой, учитывая все интерактивные элементы, такие как кнопки, переходы между страницами и анимацию.Дизайнеры взаимодействия стремятся создавать интуитивно понятные конструкции, которые позволяют пользователю легко выполнять основные задачи и действия.

Подробнее: что такое UX, UI и дизайн взаимодействия?

Исследование пользователей (UR)

UX-дизайн — это определение проблемы и разработка решения. Это требует обширных исследований и обратной связи от существующих или потенциальных клиентов. На этапе исследования UX-дизайнеры будут запускать опросы, проводить собеседования и юзабилити-тестирование, а также создавать образы пользователей, чтобы понять потребности и цели конечного пользователя.Они собирают как качественные, так и количественные данные и используют их для принятия правильных проектных решений. Узнайте, как проводить исследования пользовательского опыта здесь.

Информационная архитектура (IA)

Информационная архитектура — это практика организации информации и контента осмысленным и доступным способом. Это очень важно для того, чтобы помочь пользователю ориентироваться в продукте. Чтобы определить IA любого продукта, информационные архитекторы рассматривают взаимосвязь между различными наборами контента.Они также уделяют пристальное внимание используемому языку и следят за тем, чтобы он был убедительным и последовательным.

В этих четырех областях существует целый ряд суб-дисциплин. Как вы можете видеть на рисунке ниже, дизайн пользовательского интерфейса — это гораздо больше, чем просто наброски и каркасные модели. Это мультидисциплинарная область, основанная на элементах когнитивной науки и психологии, информатики, коммуникационного дизайна, юзабилити-инженерии и многого другого.

Теперь давайте посмотрим, как эти дисциплины воплощаются в повседневной работе UX-дизайнера.

4. Чем занимается дизайнер UX?

«Как мне объяснить, что я делаю на вечеринке? Вкратце я говорю, что очеловечиваю технологии ».
— Фред Бичер, директор UX, The Nerdery

UX-дизайнеры стремятся сделать повседневные продукты, услуги и технологии максимально удобными и доступными. Они используют дизайнерское мышление, чтобы согласовать желания пользователя с технической осуществимостью и жизнеспособностью бизнеса.На схеме ниже показан процесс дизайн-мышления, адаптированный из d.school. Процесс дизайнерского мышления можно разделить на четыре различных этапа: вдохновение , концептуализация , итерация и экспозиция .

На этапе вдохновения дизайнер UX стремится понять и наблюдать. Для этого они проводят обширное исследование и анализ конкурентов, чтобы полностью понять проблему или задачу, которую они собираются решить.Это включает в себя собеседование с теми, кто непосредственно вовлечен или будет работать с продуктом.

Затем дизайнер использует эту обратную связь для определения целей, эмоций, болевых точек и поведения пользователя. Вся эта информация помогает формировать образы пользователей. Следующим шагом является рассмотрение того, чего эти персонажи пытаются достичь при использовании определенного продукта, и путь, который они предпримут для этого. Дизайнер рассматривает информационную архитектуру и использует различные методы, такие как сортировка карточек, для отображения пользовательских потоков.

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

Имея под рукой прототипы, UX-дизайнер проведет тесты на удобство использования, чтобы увидеть, как пользователи взаимодействуют с продуктом. Это показывает, может ли пользователь выполнить свои желаемые задачи или необходимо внести изменения.

UX-дизайнеры не только придумывают решения проблем пользователей; им также необходимо представить свои идеи и проекты ключевым заинтересованным сторонам в рамках своей повседневной работы.

Это всего лишь общий обзор процесса проектирования UX. На самом деле задачи будут варьироваться в зависимости как от размера, так и от конкретных потребностей компании. В более крупных компаниях может быть команда дизайнеров, каждая из которых будет заниматься определенным аспектом процесса, например исследованиями или визуальным дизайном. В небольших компаниях и стартапах UX-дизайнер нередко носит много разных шляп и берет на себя весь спектр задач.

Независимо от того, какой продукт или услугу они разрабатывают или на какой стадии процесса находятся, UX-дизайнеры задают себе следующие вопросы:

  • Можно ли использовать продукт? Это логично, понятно и просто?
  • Решает ли продукт или услуга существующую проблему пользователя?
  • Доступно ли оно разным категориям пользователей? Подробнее о специальных возможностях в дизайне вы можете прочитать ниже.
  • Желателен ли продукт или услуга? Создает ли это положительный опыт, который пользователь будет рад повторить?
Подробнее: чем на самом деле занимается UX-дизайнер?

Какие инструменты используют UX-дизайнеры?

UX-дизайнеры полагаются на ряд различных инструментов в своей работе.На этапе исследования и вдохновения они будут использовать инструменты опросов и опросов, а также программное обеспечение для видеочата, чтобы проводить собеседования с пользователями и собирать как можно больше информации. Существуют также специальные программы для создания каркасов, прототипов и тестирования удобства использования, среди которых Balsamiq, InVision и UsabilityHub являются одними из самых популярных в отрасли. В дополнение к программам для конкретного дизайна дизайнеры также используют средства коммуникации и управления проектами, чтобы постоянно отслеживать свою работу. Вы можете узнать больше об инструментах UX-дизайна здесь.

Подробнее: один день из жизни удаленного дизайнера UX

Над какими проектами работают UX-дизайнеры?

По мере роста технологической индустрии область UX-дизайна становится все более разнообразной. UX-дизайнеры могут работать над широким спектром проектов в различных контекстах. Вот лишь несколько приложений для UX-дизайна.

Дизайн веб-сайтов, приложений и программного обеспечения

В век Интернета и смартфонов удобство использования веб-сайта, мобильного приложения или программного обеспечения во многом будет определять его успех на рынке.Вместе с UI-дизайнерами, UX-дизайнеры несут ответственность за обеспечение бесперебойной работы пользователя в сети. От веб-сайтов электронной коммерции до приложений для знакомств, от программного обеспечения CRM до почтовых веб-клиентов — каждое ваше онлайн-путешествие было тщательно разработано профессионалом UX.

Озвучивание

Голосовые пользовательские интерфейсы революционизируют наше взаимодействие с технологиями. В США около 50% взрослых используют голосовой поиск ежедневно, и по оценкам ComScore, в начале 2020-х годов 50% всех поисковых запросов будут осуществляться с помощью голосового поиска.UX-дизайнеры должны сыграть огромную роль в росте голоса, поскольку такие продукты, как Amazon Alexa, могут быть успешными только в том случае, если они удобны в использовании и доступны для широких масс. Проектирование для голоса требует немного другого подхода по сравнению с веб-сайтами и приложениями: узнайте больше в этом руководстве для начинающих по дизайну VUI.

Виртуальная реальность (VR) и дополненная реальность (AR)

Ожидается, что к 2022 году мировой рынок виртуальной реальности будет стоить около 27 миллиардов долларов, и от дизайнеров UX будет все больше требоваться создание иммерсивного опыта.Точно так же, с тех пор, как повальное увлечение Pokemon Go стало популярным, дополненная реальность также стала мейнстримом. Все больше и больше дизайнеров UX придется адаптировать свой подход, чтобы новейшие технологии были доступны и удобны для пользователя.

Сервисный дизайн

UX-дизайн применим не только к материальным объектам и цифровым продуктам; опыт тоже нужно спроектировать. Вот где появляется сервис-дизайн. Как поясняется в Википедии: «Сервис-дизайн — это деятельность по планированию и организации людей, инфраструктуры, коммуникаций и материальных компонентов услуги с целью улучшения ее качества и взаимодействия между поставщиком услуг и его клиентами. .Дизайн услуги может служить способом информирования об изменениях существующей услуги или создания новой услуги целиком ».

Всякий раз, когда вы покупаете кофе, останавливаетесь в отеле или пользуетесь общественным транспортом, ваш опыт является результатом дизайна услуг, а методология дизайна услуг очень похожа на методологию классического UX-дизайна.

5. Ценность UX-дизайна

Ценность UX-дизайна огромна; не только для конечного пользователя, но и для компании или бренда, лежащего в основе пользовательского опыта.

С точки зрения пользователя, хороший UX-дизайн в конечном итоге позволяет нам заниматься повседневной жизнью с максимальной легкостью. От установки будильника до общения с друзьями в сети, прослушивания музыки или использования приложения-календаря — легкость, с которой мы выполняем эти действия, является результатом хорошего дизайна.

При разработке такого взаимодействия дизайнеры UX должны учитывать, как они могут принести пользу всем типам пользователей. Они делают это, применяя инклюзивный дизайн, также известный как универсальный или доступный дизайн.

Универсальный дизайн (UD)

Как объясняет мотивирующий спикер Молли Берк, универсальный дизайн — это практика «проектирования и создания всего, что должно быть доступно, доступно и понятно в полной мере всем, независимо от их размера, возраста, способностей или воспринимаемых способностей. ”

Универсальный дизайн следует семи ключевым принципам:

  1. Правильное использование: Дизайн полезен и может быть продан людям с различными способностями.
  2. Гибкость в использовании: Дизайн учитывает широкий спектр индивидуальных предпочтений и возможностей.
  3. Простое и интуитивно понятное использование: Использование дизайна легко понять, независимо от опыта пользователя, его знаний, языковых навыков или текущего уровня концентрации.
  4. Воспринимаемая информация: Дизайн эффективно передает необходимую информацию пользователю, независимо от условий окружающей среды или сенсорных способностей пользователя.
  5. Допуск на ошибку: Конструкция сводит к минимуму опасности и неблагоприятные последствия случайных или непреднамеренных действий.
  6. Низкое физическое усилие: Эту конструкцию можно использовать эффективно, удобно и с минимумом усталости.
  7. Размер и пространство для подхода и использования: Соответствующий размер и пространство предоставляются для подхода, досягаемости, манипуляции и использования независимо от размера тела, положения или подвижности пользователя.
Подробнее: Необходимость универсального дизайна для всех — Лейси Браун, выступление на TEDx


Хороший дизайн — хороший бизнес

С точки зрения бизнеса создание первоклассного пользовательского опыта является ключевым фактором обеспечения удовлетворенности клиентов и повышения лояльности к бренду.Только в том случае, если продукт или услуга не вызывают хлопот и приносят удовольствие, пользователь захочет вернуться.

«Хороший дизайн — хороший бизнес».
Томас Уотсон младший, генеральный директор IBM

Конкурентное преимущество дизайнерских компаний

Согласно исследованию, проведенному Институтом управления дизайном, компании, ориентированные на проектирование, постоянно опережали индекс S&P 500 на 219% в течение 10-летнего периода. Кроме того, исследование, проведенное по заказу Adobe, показало, что дизайн-мышление в бизнесе создает измеримое конкурентное преимущество.Компании, занимающиеся дизайном, сообщили о росте доли рынка на 41%, увеличении числа лояльных клиентов на 50% и общем конкурентном преимуществе на 46%.

Удобный и универсальный дизайн полезен для всех, и дизайнеры UX могут по-настоящему изменить мир вокруг нас.

6. Как стать UX-дизайнером

Как мы видели, UX-дизайн — это чрезвычайно многогранная область. Работа в UX требует разнообразных навыков в сочетании со страстью к ориентированному на пользователя дизайну. Карьера в UX может быть очень разнообразной, сложной и финансово выгодной; Согласно Glassdoor, средняя зарплата дизайнера пользовательского опыта в США составляет 97 460 долларов.

Не существует стандартного опыта или пути, ведущего к карьере в UX. Однако лучшие UX-дизайнеры обычно обладают определенными качествами и атрибутами, в том числе:

  • Способность мыслить как творчески, так и аналитически
  • Сильный дар сочувствия и ориентированность на пользователя
  • Интерес к технологиям и тому, как люди с ними взаимодействуют
  • Сильные навыки решения проблем
  • Сильные коммуникативные навыки и способность к сотрудничеству

Подробнее: подходите ли вы для карьеры в UX?

Каковы наиболее важные навыки UX-дизайна?

UX-дизайнеров происходят из самых разных слоев общества, и вам не обязательно иметь университетский диплом, чтобы пробиться в эту область.Работодатели склонны искать сочетание дизайнерских навыков, деловой хватки и навыков межличностного общения. Некоторые требования, которые вы часто будете видеть в описании вакансий UX-дизайнера, включают:

  • Знание в создании пользовательских историй, персонажей, карт сайта, каркасов, прототипов и раскадровок
  • Способность планировать и проводить пользовательское тестирование, опросы и формальные оценки
  • Возможность повторять вашу работу на основе данных пользовательского тестирования и качественной обратной связи
  • Понимание принципов проектирования взаимодействия и информационной архитектуры
  • Способность преобразовывать цели, задачи и данные в цифровой опыт
  • Понимание бизнес-показателей и того, как ваши проекты влияют на производительность
  • Сильные коммуникативные и презентационные навыки; способность формулировать и обсуждать свои дизайнерские решения с клиентами и заинтересованными сторонами
  • Гибкость и адаптируемость

Что считается важным или желательным, зависит от компании и характера должности.Вы можете узнать больше о ключевых навыках UX-дизайна здесь.

Изучение UX-дизайна

Многие люди переходят на UX-дизайн после получения опыта в другой области — например, в психологии, информатике, маркетинге или обслуживании клиентов. Чтобы начать заниматься UX-дизайном, важно много читать и исследовать, чтобы познакомиться с рабочим процессом UX, ознакомиться с отраслевыми инструментами и создать надежное портфолио дизайнеров. Самый эффективный способ подготовиться к карьере в UX — это пройти структурированный курс и работать над практическими проектами.Узнайте, что именно вы должны изучить в курсе UX-дизайна здесь — и не стесняйтесь ознакомиться с этими бесплатными учебниками по UX-дизайну.

Все, что вам нужно знать о том, как стать дизайнером анимационного дизайна

Профессия дизайнера анимированной графики — относительно новое явление в области дизайна. Профессии дизайнера, основанного на технологиях, растут. А существует так много разных дизайнеров, что сложно учесть их всех! Есть графические дизайнеры, веб-дизайнеры, дизайнеры пользовательского интерфейса, дизайнеры пользовательского интерфейса — список можно продолжить.

«Анимационная графика — это растущая область, и вряд ли она скоро исчезнет», — говорит дизайнер Пол Джозеф. «Отчасти это связано с тем, что высокотехнологичные образы, используемые в фильмах, очень быстро устаревают, а новые свежие подходы всегда востребованы».

По мере того, как творческие кинематографисты и продюсеры видео расширяют свое воображение и расширяют свои бюджеты на впечатляющие технологии и дизайн, квалифицированные дизайнеры анимированной графики становятся очень важными. Без этих опытных художников-новаторов ваши любимые шоу, фильмы и даже веб-сайты и приложения выглядели бы совсем иначе.

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

Чем занимается дизайнер анимационной графики?

Дизайнеры анимационной графики, иногда называемые просто моушн-дизайнерами, создают изображения для Интернета, телевидения или кино. Это могут быть видеоклипы, трейлеры, рекламные ролики, заголовки и т. Д.Они используют визуальные эффекты, анимацию и другие кинематографические приемы, чтобы оживить свои творения. Они создают движущуюся графику, как и предполагает их название.

Анимируя графику и создавая яркие визуальные эффекты, дизайнеры анимированной графики выводят фильмы, веб-сайты, рекламу и многое другое на совершенно новый уровень. С растущим распространением видеоконтента в Интернете дизайнер анимированной графики может работать практически над чем угодно и на любой цифровой платформе.

Кроме того, могут быть возможности и за пределами этих более традиционных приложений анимированной графики.Хосе Андрес, менеджер сообщества разработчиков Enklu Cloud, рассматривает дополненную реальность (AR) и виртуальную реальность (VR) как следующее крупное расширение в мир дизайнерских технологий. «Я углубился в мир интерактивных технологий, — говорит Андрес. «Инструменты, к которым у меня есть доступ сейчас, сильно изменили мой процесс проектирования. Я могу начать разрабатывать концепцию и создавать ресурсы с помощью инструментов AR и VR намного быстрее, чем с помощью традиционного программного обеспечения для настольных компьютеров ».

В зависимости от того, какой тип анимированной графики вам нравится, вы можете закончить работу над дорогим фильмом в Голливуде или фрилансером вступительное слово для нового приложения для iPhone.

Где работают дизайнеры моушн-графики?

По данным Бюро статистики труда (BLS), аниматоры и дизайнеры мультимедиа обычно работают в киностудиях, компаниях по производству компьютерных систем и программного обеспечения, а также рекламных агентствах. 1 В 2018 году в этой отрасли также был очень высокий процент (59%) самозанятых работников, что свидетельствует о возможности организации удаленной работы в полевых условиях. 1

«Наша студия специализируется на услугах по брендингу и графическому дизайну для вещательных компаний на Twitch®, YouTube® и Facebook Gaming®», — говорит Ник Авола из Visuals by Impulse.Авола объясняет, что все их моушн-дизайнеры работают удаленно. «Мы считаем, что благодаря ему художники становятся более счастливыми и эффективными. Наша команда может распоряжаться своим временем по собственному желанию. Отвлекающие факторы сведены к минимуму, и дизайнеры могут «оказаться в зоне».

Тем не менее, могут быть недостатки. Утрата удобства совместной работы — один из недостатков удаленной работы. «Командная работа часто бывает более эффективной, когда авторы работают лицом к лицу», — говорит Авола. «Не говоря уже о часовых поясах.”

Какие навыки нужны дизайнерам моушн-графики?

Мы попросили дизайнеров моушн-графики взвесить наиболее важные технические и социальные навыки для их роли в наши дни.

3-D моделирование

«Каллиграфия и двухмерное искусство по-прежнему имеют свое место», — говорит Джозеф. «Но сейчас большая часть анимационной графики основана на трехмерном моделировании, и это огромная часть будущего графики». Джозеф объясняет, что понимание точек в трехмерном пространстве, линий, соединяющих эти точки, и многоугольников, состоящих из этих линий, происходит при работе с программами моделирования.

Анимационная перспектива

«Хороший трехмерный дизайнер понимает движение и временные рамки», — говорит Джозеф. «Объекты могут двигаться. Источники света тоже. Камера, с которой видят зрители, тоже может двигаться. Дизайнер может ставить сложные движения, по одному элементу за раз, и раскручивать их разными способами ».

Организация

По словам Андреса, организация имеет решающее значение как для фрилансеров, так и для членов команды. «Ведение аккуратного файла с упорядоченными активами, зависимостями, слоями и т. Д., становится тем более важным, чем больше становятся ваши проекты », — говорит Андрес.

«Организация и многозадачность — важные атрибуты, которые мы ищем в новых дизайнерах движения», — говорит Авола. «Вы будете управлять множеством слоев и элементов одновременно. Держите свои файлы в чистоте и порядке, иначе придется расплачиваться за это ».

Процедурная анимация

Одна из самых больших проблем при создании анимированной графики заключается в том, что это может занимать невероятно много времени. Процедурная анимация — один из способов сократить это.

«В последние годы наблюдается пробуждение слова« процедурный », и эта тенденция резко вырастет в течение следующего десятилетия», — говорит Авола. «С помощью простых и сложных алгоритмов процедурно генерируемая полная анимация может быть создана за очень короткое время. Работу можно легко настроить, адаптировать и отредактировать благодаря автоматизированным процессам ».

Авола говорит, что программное обеспечение для моушн-дизайна все чаще использует сценарии, выражения и код, чтобы сэкономить время в творческом процессе.Например, процедурная анимация позволяет дизайнерам применять предопределенную физику к 3D-объектам — если два объекта сталкиваются в анимации с заданной скоростью, результаты предсказуемы и могут быть смоделированы соответствующим образом.

Текстурирование и световые эффекты

«Зрители не видят модели, они видят формы и изображения», — говорит Джозеф. Он подчеркивает, что обработка поверхностей — это часть создания фотореалистичной трехмерной графики. «Поверхности могут быть отражающими, блестящими, прозрачными, полупрозрачными, шероховатыми или преломляющими.Они также могут имитировать текстуры или отображать движущиеся изображения. Возможности безграничны ».

Понимание общего контекста

«Хороший дизайнер знает, для чего будет использоваться его дизайн», — говорит Джозеф. Он подчеркивает, что видео, мультимедиа, игровой дизайн и виртуальная реальность растут и являются возможным направлением для дизайнеров анимированной графики. Но каждое отдельное приложение требует разного подхода. «Разберитесь во всех этих приложениях и как их спланировать».

Адаптивность

«Планы меняются, также как и объем и цели проекта», — говорит Авола, объясняя, что опытные дизайнеры движения должны быть готовы изменить свое первоначальное видение, чтобы учесть отзывы клиентов.«Оставайся скромным и бросай вызов ударам».

Сроки

По словам Аволы, расчет времени — один из самых сложных и важных навыков для дизайнера анимированной графики. «Моушн-дизайн — инструмент, ориентированный на сюжет, и лучшие истории содержат естественный поток и ритм».

Фантастически детализированная и в остальном красивая графика неэффективна, если темп звучит странно или не сочетается с другими элементами, например звуком. Лучшие аниматоры и моушн-дизайнеры учатся адаптировать свою работу и включать ритм и темп в свой процесс.

Заработная плата и перспективы работы дизайнера анимационного дизайна

Вы будете рады услышать, что дизайнеры анимированной графики довольно хорошо оплачиваются за свои технические знания. По данным BLS, средняя годовая заработная плата мультимедийных художников и аниматоров в 2018 году составляла 72 520 долларов США. 1 Специалисты, зарабатывающие больше всего в этих областях, были наняты компаниями-разработчиками программного обеспечения и киноиндустрией. 1

BLS также прогнозирует 4-процентный рост занятости для художников мультимедиа и аниматоров, объясняя этот устойчивый рост ростом потребления фильмов, видео и цифровых медиа. 1

Как стать дизайнером анимированной графики?

В этой карьере нет единого пути, но BLS объясняет, что работодатели для дизайнеров анимированной графики и аниматоров обычно предпочитают кандидатов со степенью бакалавра и сильным портфелем работ. 1

Степень в этой области может дать вам широкое понимание и технические навыки, которые наиболее важны в отрасли, но есть и другие способы выделиться. Существует бесчисленное множество онлайн-руководств и ресурсов, которые помогут вам добавить навыки в свой репертуар.Подписка на популярные анимационные блоги — еще один способ познакомиться с новыми тенденциями и методами. Получение опыта работы над проектами и добавление в свое портфолио — также отличный способ начать работать над работой своей мечты.

Начните свою карьеру в области анимации

Если вы мечтаете стать дизайнером анимированной графики, важно сначала приобрести необходимые навыки и практический опыт. Знакомство с методами и основами этой области поможет вам получить исчерпывающие знания, необходимые для развития отрасли.

Если вы готовы начать развивать навыки, необходимые для успеха, посетите страницу программы графического дизайна Колледжа Расмуссена, чтобы узнать больше.

1 Бюро статистики труда, Министерство труда США, Руководство по профессиональным перспективам, [по состоянию на декабрь 2019 г.] www.bls.gov/ooh/. Информация представляет собой усредненные по стране данные по перечисленным профессиям и включает работников всех уровней образования и опыта. Эти данные не отражают начальную зарплату.Условия трудоустройства в вашем районе могут отличаться.

ПРИМЕЧАНИЕ РЕДАКТОРА: эта статья была первоначально опубликована в 2015 году. С тех пор она была обновлена, чтобы включить информацию, относящуюся к 2020 году.

Фрэнк Химеро · Все просто — снова сложно

Этот доклад был проведен 12 октября 2017 г. на Mirror Conf в Браге, Португалия, а также 9 февраля 2018 г. на конференции Awwwards в Берлине.


Прошлым летом я читал лекцию на веб-конференции, а потом завязал увлекательную беседу с молодым студентом, изучающим цифровой дизайн.Было интересно сравнить, на каком этапе нашей карьеры мы находились. У меня был пятнадцатилетний опыт проектирования для веб-клиентов, у нее — один год, но каким-то образом мы оказались в одной и той же ситуации: мы наслаждались работой, но были совершенно сбиты с толку и ошеломлены стремительно растущей сложностью всего этого. Что, черт возьми, случилось? (Это, конечно, риторический вопрос.)

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


Отсутствие было основным источником моего замешательства. Три года назад я перестал создавать веб-сайты для клиентов, чтобы сосредоточиться на Abstract, компании-разработчике программного обеспечения, которую я основал. Моя работа там закончилась в начале прошлого года, и после небольшого перерыва я решил снова открыть дизайнерскую студию, которой руководил заранее.

А разве вы не знали? Первыми открывшимися вакансиями были веб-сайты. За три года многое может измениться, поэтому я решил освежить в памяти последние разработки в области создания веб-сайтов… и о боже…

Все запуталось, не так ли?

Поначалу сложность казалась неприятной. Я не был уверен, хочу ли я заняться веб-сайтом, увидев текущие методы работы. В конце концов, я согласился на проекты. Моя интуиция подсказывала мне, что многие новые сложности в рабочих процессах, инструментальных цепочках и методах разработки совершенно необязательны для многих проектов.Это убеждение — вторая тема этого выступления: я хотел бы скромно защитить простой дизайн и реализацию как лучший вариант для Интернета и людей, которые там работают.

Но я забегаю вперед. Во-первых, я должен рассказать вам немного больше о том, кто я и откуда.


Я управляю студией дизайна-бутика. Это претенциозный способ сказать, что она крошечная с большой буквы. Студия выполняет все виды работ: книги, журналы, брендинг и, конечно же, веб-сайты.В этом году юбилейный. Студии исполняется 15 лет, а я лично отмечаю 20-летие создания веб-сайтов. Как и в случае с любой большой годовщиной, вы сентиментально относитесь к тому, как все началось.

Студия началась в 2002 году как человек (то есть я) с ноутбуком и стопкой бумаг за письменным столом в углу своей квартиры.

Пятнадцать лет спустя студия все еще остается человеком с ноутбуком и стопкой бумаг за письменным столом в углу своей квартиры.

Трудно представить, насколько сильно изменилась студия за последние 15 лет.Тогда не было социальных сетей в том виде, в каком мы их знаем сегодня — ни Facebook, ни Instagram, ни снимков; большинство сайтов, которые вы посещаете сегодня, тогда еще не существовало, и большинство сайтов, которые мы посещали, сейчас не существуют. Айфонов не было. Вы заходите в Интернет, чтобы узнать маршрут и распечатать карту, как неандерталец. Мы вместе бились о камни, пытаясь создать графический дизайн.

Сейчас все по-другому, но я все еще за своим столом.

Сначала я был огорчен отсутствием видимого прогресса в моей студии, но потом меня осенило: что, если я его добьюсь? Зачем менять, если он работает? Мне удалось подойти к множеству разных проектов с разных сторон, и я рад сообщить, что во многих из них я неплохо справился! Время и практика действительно помогают.

За исключением веб-сайтов. Они отделяются от других, потому что я не чувствую себя лучше, когда делаю их после 20 лет. Мои знания и навыки немного развиваются, потом все меняется, и половина того, что я знаю, становится мертвым грузом. Этого почти не происходит ни с одной другой работой, над которой я работаю.

Интересно, есть ли у меня двадцать лет опыта создания веб-сайтов или действительно пятилетний опыт, повторенный четыре раза. Если вы какое-то время работали в сфере высоких технологий, скажите, что это звучит вам знакомо.


Позвольте мне привести вам пример этих пятилетних циклов.

Как я уже сказал, я сделал свой первый сайт 20 лет назад. Я знаю это, потому что был подростком, выполняя работу Господа: записывал тексты песен на Radiohead OK Computer . Это был 1997 год, я изучал HTML, и была одна проблема с дизайном, которая меня сбивала с толку: как мне поставить две вещи рядом друг с другом?

Двадцать лет спустя мы все еще ищем ответ на этот очень простой вопрос.

 <таблица>

 Привет 
 Мама 

 

Еще в 1997 году мы использовали таблицы и гифки-разделители. Это было похоже на создание адского веб-сайта в электронной таблице. Мне почему-то этот процесс показался забавным. Возможно, я был очарован возможностью столкнуть что-то в своей комнате, нажать кнопку, а затем заставить это быть «где-то там».

 {float: left; } 

Примерно пять лет спустя веб-сайты перешли на использование чисел с плавающей запятой в CSS, потому что таблицы не были семантическими.Справедливо! С тех пор я провел около 200 часов, читая о том, как очистить поплавки. Я все еще не уверен, что понимаю это; Набираю ясно: как , так и молюсь коробчатой ​​модели.

 {дисплей: гибкий; } 

Я был спасен Flexbox после пяти лет догадок. Это мой ребенок. Я прошел обучение в качестве дизайнера печати, и с помощью flexbox я могу набирать 3 или 4 строки CSS и иметь два блока текста, выстроенных в линию на базовой линии. Аллилуйя. Мне нужно было подождать всего десять лет, чтобы получить это.

 {дисплей: сетка; } 

И теперь, после гибкости с помощью flexbox, появляется CSS Grid: новая мощная функция, которая обещает сделать адаптивный веб-дизайн еще более запутанным. Конечно, я шучу по этому поводу, потому что Grid — это большое улучшение в управлении макетом в Интернете. Но немного страшно сесть и узнать об этом больше, потому что каждый раз, когда я вижу диаграмму, объясняющую, как работает CSS Grid…

Мне вспоминаются макеты таблиц, которые я делал в 1997 году. Я знаю, что макеты сетки и таблицы принципиально различаются по своим возможностям и подходу, но это не мешает мне быть необоснованным и иррациональным в отношении их поверхностного сходства.Мой мозг ящерицы начинает говорить, он говорит, что мы застряли в петле, и он повторяется. Мы завершили круг по циклу, который будет длиться вечно. Другой подход к верстке появится через пять лет. Он, вероятно, будет напоминать поплавки, и незнание, как очистить поплавок, укусит меня за задницу во второй раз в моей карьере.

Подобные примеры цикла есть и в других частях разработки и создания веб-сайтов. Ничто не остается неизменным, поэтому, конечно, человека с опытом работы один год и человека с пятнадцатилетним опытом можно спутать.Часто вещи понимают только те, кто находится в самом центре текущей мысли. Если вы опередили золотую середину волны, ваша неопытность означает, что вы ничего не знаете. Если вы хотите, вы узнаете много вещей, которые не применимы к этому конкретному способу ведения дел. Я не говорю об этом, чтобы подразумевать, что молодые глупы или что неопытные некомпетентны — конечно, это не так. Но помните: если вы проработаете в отрасли достаточно долго, вы прочувствуете все три ситуации.

Один из аргументов гласит, что постоянное изменение методологии — это строго и полезно. Я согласен. Если держать вещи в игре, это помогает нам легче исправить то, что не так. Было бы ужасно, если бы ничего не изменилось. Но я также согласен с другим аргументом: у людей не так много терпения. Сколько кругов по циклу может пробежать человек? Я сейчас на пятом круге, и могу сказать вам, что утомительно заниматься перефразированием идей из прошлого, не испытывая к ним ни малейшего предубеждения.

Методы, которые когда-то были табу, снова на столе. Например, на прошлой неделе я читал сообщение о преимуществах отказа от использования таблиц стилей и наличия встроенных стилей для всего. В сообщении было сказано несколько убедительных моментов, но несколько лет назад такой подход был бы сумасшедшим разговором.

Во многом то, как мы создаем веб-сайты и программное обеспечение, зависит от того, как мы думаем. Отток инструментов, методов и абстракций также означает смену идеологии. Человек обычно должен думать так же, как люди, создавшие инструменты, чтобы успешно их использовать.Это не так просто, как положить отвертку и взять гаечный ключ. Человеку необходимо пересмотреть все свое мышление; они должны изменить свое мнение.

С одной стороны, быть неопытным легче: вам не нужно изучать то, что больше не актуально. С другой стороны, опыт порождает две различных борьбы: первая — определить и отучить то, что больше не нужно (это тоже работа). Второй — оставаться непредубежденным, терпеливым и готовым заниматься новым, даже если это напоминает новый взгляд на то, против чего вы давно решили отказаться.

Этот дух готовности был во мне, когда я исследовал все, что изменилось за последние 3 года. Я начал с лучшими намерениями, но чем больше я узнал, тем сварливее становился. Казалось, что большинство новых методов предполагают создание сложных систем для автоматизации частей работы. Это нормально для особо сложных и крупных проектов, но настройка системы и ее обслуживание казались более трудоемкими для опытного человека в небольшом проекте, чем выполнение работы без нее.

Новые методы были изобретены для управления уровнем сложности, совершенно чуждым мне и моей работе. Было легко отказаться от большей части этого нового материала, когда я понял, что у меня есть альтернативные способы управления сложностью. Вместо того чтобы менять инструменты или рабочий процесс, я меняю свой дизайн. Это все равно, что спроектировать дом, который будет легко построить, вместо того, чтобы устанавливать подъемные краны, которые обычно используются для строительства небоскребов.


По моему опыту, прямолинейность лучше всего, поэтому большую часть работы делает отличная фотография, запоминающаяся иллюстрация или идеальное предложение.Кроме того, модная реализация никогда не волновала моих клиентов.

Моя философия веб-дизайна — без всякой суеты. Моя работа состоит в том, чтобы помочь своим клиентам определить и выразить одну или две уникальные правдивые вещи об их проекте или компании, а затем улучшить их с помощью запоминающегося дизайна с легким прикосновением. Если возникает сложность, мы сосредотачиваемся на ней, ищем закономерности и меняем план того, что мы создаем. Нам не обязательно искать лучшие инструменты или более совершенные процессы.Раньше я называл это следуя принципам Интернета, то есть использовать варианты дизайна, которые зависят от того, что HTML, CSS и экраны делают легкими, гибкими и устойчивыми.

Кажется, с каждым годом создается все меньше и меньше заметных веб-сайтов. Итак, я подумал, что было бы полезно напомнить всем, что самая простая и дешевая стратегия борьбы со сложностью — это не изобретать что-то для управления ею, а вообще избегать сложности с помощью более продуманного плана.

Чтобы проверить, насколько сложна моя ограниченная потребность, я записал технические требования моей практики веб-дизайна.Это не длинный список:

простой, отзывчивый макет


веб-шрифтов и красиво настроенный текст
эффективных масштабируемых изображений

Все они были более чем удовлетворены за по крайней мере пять лет, но сложность даже этих очень фундаментальных потребностей резко возросла за последние несколько лет.

Например, я только что показал вам четыре различных метода размещения двух предметов рядом друг с другом. Каждый новый метод в основном заменяет предыдущий, поэтому, надеюсь, мы достигли точки стабилизации с помощью flexbox и CSS Grid.Но кто знает, что будет через пять лет?

веб-шрифтов? Я думал, что мы могли бы набросать несколько строк с помощью @ font-face , но A Book Apart только что опубликовала 90-страничную электронную книгу о том, как загружать эти шрифты. Для меня это совершенно неожиданно: я думал, что внедрение веб-шрифтов было относительно простой процедурой, но я думаю, что нет!

Даже изображения стали сложными. Векторные изображения обслуживаются как SVG, но если углубиться в это, вы можете коситься, потому что SVG — это, по сути, еще одна веб-страница, которую нужно встроить в свою веб-страницу.А с растром необходимость отправить изображение наилучшего размера для нужного устройства достаточно сложно, поэтому для этого пришли платные сервисы. Обслуживание изображения теперь так же сложно, как обслуживание видео.


Я хочу сказать, что основы теперь достаточно сложны сами по себе, и кажется глупым добавлять к ним дополнительные дополнительные сложности. Я сохранил свои примеры для самых простых веб-реализаций и не коснулся Javascript, анимации, библиотек, фреймворков, препроцессоров, менеджеров пакетов, автоматизации, тестирования или развертывания.Уф.

просто npm ваш webpack через grunt с vue babel или bower, чтобы отреагировать asdfjkl; lkdhgxdlciuhw

Все это вместе — популярный способ работы в 2018 году. Но чужие инструменты абсолютно непостижимы извне. Даже начало работы обидчиво. В прошлом месяце мне пришлось установить диспетчер пакетов, чтобы установить диспетчер пакетов. Именно тогда я закрыл свой ноутбук и медленно попятился от него. Мы очень далеко от сада CSS Zen Garden, с которого я начинал.

Если вы поговорите со старшим разработчиком программного обеспечения, вы, вероятно, услышите, как он жалуется на спагетти-код.Это когда код перегружен, неорганизован, непрозрачен и перегружен зависимостями. Я оживился, когда впервые услышал этот термин, потому что, хотя я не могу идентифицировать спагетти-код как дизайнер, я чертовски знаю о рабочих процессах спагетти и наборах инструментов для спагетти. Такое ощущение, что мы сейчас в сети.

Это разбивает мне сердце, потому что во многом мой старт в Интернете произошел из-за того, что я мог видеть и легко понимать любой сайт, который я посещал. У меня был источник просмотра, но с каждым годом он становится все менее и менее полезным как способ исследовать работу других людей.Разметка раздувается по размеру и становится неразборчивой, потому что компьютеры создают ее, не обращая внимания на контекст. Стили становятся чересчур многословными и излишними, приводя к путанице. Функциональность скрывается за сжатым Javascript.

Этой ситуация раздражает меня, потому что мои мысли обращаются к этому молодому дизайнеру я упоминал в начале моего выступления. Сколько у меня было возможностей воспроизвести то, что я увидел, имея перед собой разборчивые примеры? И насколько вредно для нее запутывать такую ​​информацию? Раньше веб-сайты могли объяснять сами; теперь кто-то должен провести вас через это.

Неразборчивость возникает из-за сложности без ясности. Я считаю, что удобочитаемость источника — одно из важнейших свойств Интернета. Это главное, что оставляет дверь открытой для независимого, непосредственного вклада в сеть. Если вы умеете писать разметку, вам не понадобится Medium, Twitter или Instagram (хотя они неплохие). И лучший способ помочь кому-то написать разметку — это убедиться, что он может читать разметку .

Интересно, что думают об этой ситуации молодые дизайнеры и как они учатся в сложной области.Как они узнают, что код неразборчивый? Кажется, что более опытные люди поднимаются по лестнице возможностей, делая это? Двадцать лет назад я решил создать свой собственный веб-сайт, потому что я видел пример HTML и мог его прочитать. Многие из моих коллег по дизайну такие же. У нас есть навыки создания сайтов, но мы остановились на этом. Мы придерживались разметки и никогда не продвигались к полноценному программированию, потому что мы хотели зайти только настолько, насколько было понятно.

Если знания о сети быстро ухудшаются, стоит выработать твердую личную философию в отношении изменений и обучения.

Кремниевая долина попыталась предоставить несколько из них. Все о скорости. Самая известная из них исходит от Facebook с их мантрой «Двигайся быстро и ломай вещи». Эту фразу уже достаточно часто бросали в тупик, но интересно, что очень немногие готовы взять на себя ее противоположность: «Двигайтесь медленно и исправляйте вещи».

Позвольте показать вам видео о скорости.

Это мое любимое открытие в Интернете за последние несколько месяцев. Я смотрел это достаточно раз, чтобы задуматься.Видите ли, кролик проигрывает не потому, что устает. Он проигрывает, потому что не понимает, в каком направлении двигаться. Вы заметили, как он останавливается посередине и тупо смотрит на то, как все вокруг громко кричат ​​о вещах, которых он не понимает? Это я в Твиттере.

Как человек, имеющий многолетний опыт работы в Интернете, мне не нравится сравнивать себя с черепахой, но эй, если это подходит, то подходит. Давайте будем больше похожи на эту черепаху: усердными, прямыми и целеустремленными. Интернету нужны участки медлительности и вдумчивости, поскольку его охват и мощность продолжают расти.То, от чего мы зависим, должно быть правильно построено и разумно сформировано. Нам нужно создать пространство для важного брата сложности: нюансов. Пространства без нюансов тяготеют к глупости. И, как американец, я могу вам сказать, что нет никаких ограничений на размер ущерба, который может быть нанесен этим опасным коктейлем быстро движущихся глупцов.

Интернету также нужны прилежные люди, чтобы представление о том, что такое Интернет и что он делает, оставалось понятным для всех. Это относится к возможности читать системы и социальные среды, создаваемые Интернетом, чтобы мы знали, что реально, а что нет, но призыв к разборчивости должен также скромно относиться к написанию разборчивого кода и проектированию систем, которые легко интерпретировать практически всем, благодаря их элегантность.У этой важной работы тоже есть место.

Сохраняя четкость нашей работы, мы оставляем дверь открытой для следующего поколения наших сотрудников. То, что работает для них, работает и для нас, потому что вне зависимости от того, заканчиваете ли вы школу или имеете двадцатилетний опыт работы, вы в конечном итоге окажетесь в одном и том же месте: в первый год создания веб-сайтов.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *