Elettracompany.com

Компьютерный справочник
1 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Веб и ux ui дизайнер

Лучший UX и веб-дизайн по версии пользователей Behance

Ксения Суворова, редактор блога «Нетологии», сделала подборку одних из самых крутых работ дизайнеров на Behance.

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

UX и пользовательское взаимодействие

Explore the Moon от 108 Studio

Московская студия создала сайт для Музея лунных исследований. Неординарный проект, выдержанный в черно-белых тонах, набрал более 92 тысяч просмотров, 10 тысяч лайков и более 500 комментариев.

Проект очень круто продуман от графической составляющей и его тональности до интерфейса. Получилась выверенная гармония, где user experience учтен до мелочей, а графика идеально дополняет. Ну а сам стиль исполнения — выше всяких похвал.

Explore The Moon делали с помощью продуктов Adobe: Photoshop, Illustrator и After Effects, а также с помощью Maxon Cinema 4D.

Blank от Jaejin Bong

Blank — это специальный сервис шоппинга, разработанный дизайнером из Сеула, Кореи. Проект набрал более 142 тысяч просмотров, 14 тысячи лайков и более тысячи комментариев.

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

Shopping made personal: IKEA online experience concept от Netguru Team

Думаем, что мало кто не видел этот концепт, придуманный польской командой. Потрясающая концепция и великолепное исполнение собрали на Behance 71 тысячу просмотров, 8 тысяч лайков и более 300 комментариев.

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

  1. выделение проблем;
  2. брейншторм;
  3. опрос пользователей;
  4. нахождение решения проблем;
  5. тестирование сценария;
  6. визуальная составляющая.

При создании концепта использовались четыре продукта Adobe: After Effects, Premiere Pro, Photoshop, Illustrator.

Редизайн Trello (Atlassian) от Netguru Team

Та же команда, что сделала концепт для Ikea, решила покуситься на святая святых — Трелло. Получилось отлично! На Behance редизайн набрал более 113 тысячи просмотров, 11 тысяч лайков и около 500 комментариев.

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

AR Virtual Fitness Coach App от Daz Qu

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

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

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

При создании концепта использовался Photoshop, Illustrator и After Effects.

Веб-дизайн

Fivecell Architects от Lucasz Drozdz и Sebastian Bednarek

Сайт и брендинг для архитектурной студии, набравшие около 140 тысяч просмотров, 22 тысяч лайков и 350 комментариев. Проект создавался с помощью четырех продуктов Adobe: Photoshop, Illustrator, Muse, Dreamweaver.

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

Destiny от Dtail Studio

Интерфейс сайта знаменитой игры создавала американская студия Dtail и русский дизайнер, представляющий ее, Станислав Христов. Проект собрал более 120 тысяч просмотров, 7 тысяч лайков и 450 комментариев.

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

Портал создавался с помощью всего лишь одного Photoshop и множеству ручных инструментов: Wacom Tablet, Adobe CC 2015, Apple IMac, Wacom Bamboo Tablet, Wacom Cintiq.

Подборка работ по веб-дизайну Ramotion

Знаменитая американская студия из Сан-Франциско постоянно появляется в топе по мнению пользователей Behance. К примеру, эта подборка набрала более 280 тысяч просмотров, 26 тысяч лайков и более 655 комментариев.

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

Дизайнеры студии используют три продукта Adobe: Photoshop, Illustrator, After Effects и Sketch.

Furnita от Кирилла Кима

Обычный сайт мебельного магазина от российского дизайнера умудрился набрать более 50 тысяч просмотров на Behance, четырех тысяч лайков и 200 комментариев.

Весь секрет в том, что дизайнер умело использует минимализм, придавая ему четкие формы и позволяя дизайну дышать, в очередной раз не забывая о пользователе и его удобстве. Сайт создавался с помощью Sketch App и Principle.

Texx от российских дизайнеров

Очередной проект российских дизайнеров создавался снова только с помощью Sketch и Principle, набрал 32 тысячи просмотров, 2200 лайков и более 150 комментариев.

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

От редакции

Если вы сам дизайнер или проектировщик, то советуем не забыть, что 29 октября в Москве состоится Behance Portfolio Review — одно из лучших событий в сфере дизайна и UX-проектирования. Если же вы только начинающий дизайнер, то вам тем более необходимо быть там.

Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации.

UX/UI-дизайн: что это такое?

Понятиям UX и UI уже около 70 лет, но некоторые дизайнеры все еще путают их. Мы рассказали, что означают аббревиатуры и кто такой UX-дизайнер.

Что такое UX-дизайн

UX (англ. user experience) — дословно означает «опыт пользователя». В более широком смысле это понятие включает в себя весь опыт, который получает пользователь при взаимодействии с вашим сайтом или приложением.

UX-дизайн отвечает за функциональность, адаптивность продукта и то, какие эмоции он вызывает у пользователей. Чем проще ваш интерфейс, тем проще пользователю получить результат и совершить целевое действие.

UX-дизайн — это проектирование интерфейса на основе исследования пользовательского опыта и поведения.

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

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

UX не заканчивается на красивой и понятной форме на сайте. UX — это путь пользователя от точки входа до точки выхода, из пункта А в пункт&nbspБ.

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

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

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

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

Что такое UI-дизайн

UI (англ. user interface) переводится как «пользовательский интерфейс». Он может быть не только графическим, но и тактильным, голосовым, аудио-. Мы рассмотрим только графический интерфейс, так как дизайнеры в основном работают с ним.

UI-дизайн — процесс визуализации прототипа, который разработали на основании пользовательского опыта и исследования целевой аудитории.

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

Читать еще:  Веб дизайнер вузы москвы

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

UI-дизайнер (англ. user interface designer) — дизайнер интерфейсов, который визуализирует рабочий прототип, отрисовывает кнопки, иконки, формы и другие его компоненты и собирает их в гармоничный работающий макет.

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

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

Ясность

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

Лаконичность

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

Узнаваемость

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

Отзывчивость

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

Постоянство

Соблюдайте постоянство для всех разделов сайта и приложения. Элементы интерфейса — меню и слайдеры — должны вести себя одинаково на любой странице.

Эстетика

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

Эффективность

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

Снисходительность

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

В чем разница между UX и UI

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

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

UX, User Experience

UI, User Interface

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

Пользовательский интерфейс — это конечный результат работы дизайнера, то, что увидит пользователь. UI-дизайнер визуализирует пользовательский опыт и «оживляет» интерфейс продукта. Интерфейс создается на основе пользовательского опыта — UX.

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

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

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

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

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

  • Живая обратная связь с преподавателями
  • Неограниченный доступ к материалам курса
  • Стажировка в компаниях-партнёрах
  • Дипломный проект от реального заказчика
  • Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

Что почитать и посмотреть о UX/UI-дизайне

Что такое UX и UI — бесплатный вебинар Skillbox+AIC.

Что такое UX-дизайн в блоге Tilda.

Что такое UX и UI на примере средневековых профессий.

Чем отличается UX-дизайнер и UI-дизайнер в блоге ADN.

Зачем учить UX, или почему простые дизайнеры скоро станут не нужны.

Как стать UX/UI-дизайнером без образования и опыта.

Карта талантов UX-дизайнера: что стоит развивать.

Прошлое, настоящее и будущее UX: что ждет дизайн интерфейсов в 2018 году.

52 термина из области UX-исследований.

Бесплатный курс «Дизайн интерфейсов для нормальных людей» Антона Жиянова.

25 онлайн-курсов
по веб и UX дизайну

Автор теоретического курса «Дизайн в цифровой среде» — Никита Обухов, основатель Tilda Publishing.

Курс — результат 15 лет практики в веб-дизайне, которая накопилась в работе над заказами для Альфа-Банка, Британской высшей школы дизайна, Bazelevs и курированию курса по веб-дизайну в БВШД.

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

Каждый лонгрид дополняют комментарии российских дизайнеров и владельцев дизайн-студий.

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

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

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

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

Курс практический, студенты работают над реальными брифами от реальных компаний.

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

Работа над дизайном продукта производится на пяти уровнях:

На курсе студенты учатся выявлять сегменты и потребности пользователей, разрабатывать Customer Journey Map, проектировать удобные интерфейсы: тестировать гипотезы и создавать прототипы, проводить юзабилити-тестирование и формировать Lean-UX стратегию.

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

Плата за знания — 44 900 рублей, в дни промоакций — 42 900 рублей.

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

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

Среди преподавателей школы лидеры дизайн-индустрии: Александр Ковальский, Сергей
Мосякин, Максим Десятых , Александра Ермоленко и другие.

По окончании студенты получают диплом о дополнительном профессиональном образовании.

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

Школа Артема Горбунова имеет четкую цель: «Выпускать классных коммерческих дизайнеров, заточенных на решение проблемы и способных аргументировать принятые решения».

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

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

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

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

Курс Skillbox совместно с AIC, которые разработали дизайн для МТС Банка, Тинькофф Банка, Ростелекома, Битрикс-24.

Обучение длится 16 недель, авторы программы советуют уделять 3−4 часа в день на занятия. Всего в курсе 14 тем и бонусных блоков. В каждой теме по несколько видеоуроков с домашними заданиями. Нельзя перейти к следующей теме, пока не выполнено предыдущее домашнее задание.

В процессе у слушателя накопится пять работ для портфолио по UX аналитике. После прохождения курса выдают диплом и обещают стажировку у партнеров курса — AIC, Grape и Moksell.

Читать еще:  Веб дизайнер колледж после 9 класса

В отличие от большинства онлайн-академий с подписками, пользователи Udemy платят за каждый выбранный курс по отдельности. На сайте выложены 40 тысяч программ по дизайну, маркетингу, бизнесу и IT. Дэвид Тревис, UX консультант Skype и eBay, ведет самый популярный курс по UX. На Udemy у него 8 тысяч выпускников и полторы тысячи отзывов с оценкой выше 4.

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

Курс состоит из 12 часов видео, а с домашними заданиями студенты, как правило, выделяют 2−3 недели на его завершение. Стоимость курса — 195 долларов, по праздникам Udemy делает скидки до 75%.

На Skillshare можно найти много онлайн курсов по UX дизайну и фронтенд разработке. Удобно оформить подписку (первый месяц бесплатно) и пройти сразу несколько коротких курсов. На SkillShare популярны короткие обучающие видео (как научиться пользоваться Adobe Illustrator за час), так и более длительные учебные программы на 3 и 6 часов — как создать дизайн сайта или научиться основам CSS.

Отдельно стоит упомянуть курс Виталия Фридмана, основателя онлайн-журнала Smashing Magazine для профессионалов в веб-дизайне и разработке. Курс рассчитан на UX и UI дизайнеров, разработчиков и IT предпринимателей, которые хотят улучшить то, что уже делают. Поэтому, вместо основ дизайна и теории, Виталий разбирает практические UX трюки и техники, которые помогли повысить конверсию, продажи или доставили пользователю удовольствие. Или не помогли, в этом случае Виталий объяснит, почему.

Весь курс строится на личном опыте Фридмана и кейсах компаний, с которыми он работал, и длится 1,5 часа. За эту лекцию и доступ ко всей базе обучающих видео Skillshare пользователь платит 8 долларов в месяц. И хотя школа не выдает сертификаты, полученные практические знания быстро окупят символическую стоимость подписки.

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

Начинающий дизайнер, маркетолог или предприниматель может выбрать курс дизайн-стратегии и общения с клиентом через интерфейс. Занятия ведет Кристофер Ирланд, профессор Калифорнийского колледжа искусств и консультант Intel, Apple и Pepsi. 8 недель студенты будут смотреть на процесс создания бизнеса вокруг дизайна, как это делали в Airbnb и Netflix.

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

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

За учеником закрепляется ментор, с которым он будет созваниваться каждую неделю для проверки домашнего задания и получения рекомендаций. Ментора не выбирают. И хотя в проекте участвуют дизайнеры Hubspot, Basecamp, Uber и Shopify, учеников и менторов объединяют просто — по временной зоне.

Стоимость курса — 399 долларов. За эти деньги ученик получает 4 недели занятий по 10 часов, 4 персональные консультации ментора и 6 проектов в портфолио. Для учащихся в университетах организаторы предлагают скидки.

Если после завершения курса UX-дизайна студент хочет продолжить обучение, он может пойти в UX академию — длительный курс обучения за $ 5999. В академии он идет 26 недель по 20 часов в неделю. Если студент не планирует работать параллельно с обучением, он может заниматься 40 часов в неделю и завершить обучение за 16 недель.

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

Лучший UX и веб-дизайн по версии пользователей Behance

Ксения Суворова, редактор блога «Нетологии», сделала подборку одних из самых крутых работ дизайнеров на Behance.

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

UX и пользовательское взаимодействие

Explore the Moon от 108 Studio

Московская студия создала сайт для Музея лунных исследований. Неординарный проект, выдержанный в черно-белых тонах, набрал более 92 тысяч просмотров, 10 тысяч лайков и более 500 комментариев.

Проект очень круто продуман от графической составляющей и его тональности до интерфейса. Получилась выверенная гармония, где user experience учтен до мелочей, а графика идеально дополняет. Ну а сам стиль исполнения — выше всяких похвал.

Explore The Moon делали с помощью продуктов Adobe: Photoshop, Illustrator и After Effects, а также с помощью Maxon Cinema 4D.

Blank от Jaejin Bong

Blank — это специальный сервис шоппинга, разработанный дизайнером из Сеула, Кореи. Проект набрал более 142 тысяч просмотров, 14 тысячи лайков и более тысячи комментариев.

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

Shopping made personal: IKEA online experience concept от Netguru Team

Думаем, что мало кто не видел этот концепт, придуманный польской командой. Потрясающая концепция и великолепное исполнение собрали на Behance 71 тысячу просмотров, 8 тысяч лайков и более 300 комментариев.

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

  1. выделение проблем;
  2. брейншторм;
  3. опрос пользователей;
  4. нахождение решения проблем;
  5. тестирование сценария;
  6. визуальная составляющая.

При создании концепта использовались четыре продукта Adobe: After Effects, Premiere Pro, Photoshop, Illustrator.

Редизайн Trello (Atlassian) от Netguru Team

Та же команда, что сделала концепт для Ikea, решила покуситься на святая святых — Трелло. Получилось отлично! На Behance редизайн набрал более 113 тысячи просмотров, 11 тысяч лайков и около 500 комментариев.

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

AR Virtual Fitness Coach App от Daz Qu

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

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

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

При создании концепта использовался Photoshop, Illustrator и After Effects.

Веб-дизайн

Fivecell Architects от Lucasz Drozdz и Sebastian Bednarek

Сайт и брендинг для архитектурной студии, набравшие около 140 тысяч просмотров, 22 тысяч лайков и 350 комментариев. Проект создавался с помощью четырех продуктов Adobe: Photoshop, Illustrator, Muse, Dreamweaver.

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

Destiny от Dtail Studio

Интерфейс сайта знаменитой игры создавала американская студия Dtail и русский дизайнер, представляющий ее, Станислав Христов. Проект собрал более 120 тысяч просмотров, 7 тысяч лайков и 450 комментариев.

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

Портал создавался с помощью всего лишь одного Photoshop и множеству ручных инструментов: Wacom Tablet, Adobe CC 2015, Apple IMac, Wacom Bamboo Tablet, Wacom Cintiq.

Подборка работ по веб-дизайну Ramotion

Знаменитая американская студия из Сан-Франциско постоянно появляется в топе по мнению пользователей Behance. К примеру, эта подборка набрала более 280 тысяч просмотров, 26 тысяч лайков и более 655 комментариев.

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

Читать еще:  Учиться на дизайнера в москве

Дизайнеры студии используют три продукта Adobe: Photoshop, Illustrator, After Effects и Sketch.

Furnita от Кирилла Кима

Обычный сайт мебельного магазина от российского дизайнера умудрился набрать более 50 тысяч просмотров на Behance, четырех тысяч лайков и 200 комментариев.

Весь секрет в том, что дизайнер умело использует минимализм, придавая ему четкие формы и позволяя дизайну дышать, в очередной раз не забывая о пользователе и его удобстве. Сайт создавался с помощью Sketch App и Principle.

Texx от российских дизайнеров

Очередной проект российских дизайнеров создавался снова только с помощью Sketch и Principle, набрал 32 тысячи просмотров, 2200 лайков и более 150 комментариев.

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

От редакции

Если вы сам дизайнер или проектировщик, то советуем не забыть, что 29 октября в Москве состоится Behance Portfolio Review — одно из лучших событий в сфере дизайна и UX-проектирования. Если же вы только начинающий дизайнер, то вам тем более необходимо быть там.

Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации.

Курсы UI/UX

Курсы UI/UX – это шанс в течении нескольких месяцев получить востребованную специальность по заранее продуманной программе с опытными преподавателями и наставниками.

Чему учат курсы UI/UX-дизайн

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

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

UI-дизайнер – это человек, занимающийся созданием интерфейса. На нем лежит следующий фронт работ:

  • расположение элементов на странице, экране;
  • цвета — (выбор составляющих основной цветовой гаммы);
  • реализация разработанной концепции в законченный проект.

UI-специалист больше сконцентрирован на дизайне продукта, его внешних качествах.

В сферу деятельности UX-профессионала входит более широкая зона ответственности:

  • занимается проектированием продукта, созданием общей концепции;
  • решает вопросы, касающиеся использования продукта (насколько удобен в работе);
  • тестирование созданного продукта (A/B тестирование);
  • как будет выглядеть.

UX – сконцентрирован на удобстве использования продукта.

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

В чем разница между UI и UX? Рассмотрим ее на примере кафе. Если UI-профессионал думает о тарелках, расположении столов, винных бокалах, то UX – заботится о качественной еде (содержании), музыке, удобстве использования вилок, ложек.

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

В Америке дизайнер не только создает и проектирует интерфейсы, он умеет верстать, писать тексты. Если хочется получить качественные знания «по американскому образцу», тогда надо записаться на 3-месячные курсы от Данила Фимушкина (на третьем месяце онлайн-обучения удастся научиться из макетов делать готовые проекты, писать тексты и т. д.).

Возможности и перспективы UI/UX-дизайна

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

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

Часть самых ожидаемых возможностей в индустрии создания интерфейсов:

  1. Анимация логотипов и интерфейсов. Люди не любят статичность, это навевает скуку. Движущиеся буквы, фотографии – новый «писк» последнего времени. Если хочется успеха у клиентов, надо заставить сайт «вертеться» (главное – не переборщить).
  2. Голосовой UI. Внедрение речевых технологий – тенденция будущего. Пользователям нравится говорить, а не тыкать мышкой или «тапать» пальцами.
  3. Авангардный дизайн в стиле «сюр». В моду входит странный и необычный дизайн веб-ресурсов. Пользователей сложно удивить, но заставит эмоционально откликнуться «необычный» интерфейс.
  4. 3-D визуализация – мощный инструмент дизайна. Поворачивающиеся меню, объемные карточки товаров – все это отлично смотрится на мобильных устройствах. Мощные графические ядра мобильных устройств делают анимации эффектными и привлекательными.
  5. Полноэкранное видео — новое слово в дизайне. Больше не нужно «кликать» для раскрытия ролика на полный экран, он сразу готов к просмотру.
  6. Figma – эффективный инструмент, на замену фотошопа.
  7. Вариативные шрифты — один файл для всех стилей и начертаний.
  8. Градиенты – как способ добавить объема в статичные элементы. С расширением технических характеристик мониторов, экранов мобильных устройств дизайнеры ищут пути воздействия на аудиторию при помощи градиентов. Сочетание источника света с использованием градиента добавляет объема, заставляя обратить внимание пользователя на то, что нужно.
  9. Яркие цвета на темном фоне. Создание темных тем в сочетании с необычными цветами – это модный тренд, которого стоит придерживаться, людям нравится такой подход.

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

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

Курсы UX UI design в Москве

Очные курсы в Москве – это прибыльный бизнес. Аудитории требуют плату за аренду, компьютерное оборудование, использование вспомогательной аппаратуры. Стоимость курсов влетит в «копеечку».

Популярные школы:

  • Центр компьютерного обучения «Специалист» при МГТУ им. Баумана. Стоимость – за курс «Современные технологии в веб-дизайне» просят 13 тыс. рублей. Плюсы — общение «в живую» с преподавателем и студентами.
  • Школа дизайна при Высшей Школе экономики. Долгосрочные курсы (от 1 до 2 лет). Программы бакалавриата и магистратуры «Коммуникационный и цифровой дизайн». Стоимость обучения 330 тыс. в год. Преимущества обучения, как в университете (стипендиальные программы, получение грантов на проекты и т. д.).
  • Британская высшая школа дизайна. Срок обучения – 1 год. Курс «UI/UX – дизайн». Стоимость 345 тыс. в год. Программа рассчитана на тех, кто уже в профессии, и хочет повысить уровень квалификации.

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

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

Курсы UX/UI дизайна СПБ

В Санкт-Петербурге есть офлайн-школы для обучения по направлению веб-дизайн.

Кратко об основных из них:

  • Центр обучения «Бруноям» предлагает «курс веб-дизайна (UI/UX)». Стоимость – 14900 рублей. Обещают научить делать привлекательные интерфейсы для смартфонов и сайтов с учетом тенденций в индустрии.
  • В школе «Epic Skills» курсы по дизайну для сайтов разделены на категории («Основной курс веб-дизайна», «UI-дизайн», «UX-дизайн»). Обещают научить не повторять за преподавателем, но думать и применять полученные знания на практике. Стоимость курсов – от 28 и до 40 тыс. рублей.
  • Университет ИТМО предлагает следующий курс «Специалист в области компьютерной графики и веб-дизайна». Форма обучения — как очно, так и дистанционно. Стоимость обучения 135 тыс. рублей в год. Университет обладает хорошим техническим оснащением, а уровень преподавания высок.

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

Онлайн-курсы — быстрый способ получить специальность

Спросом пользуется онлайн-обучение. Развитие высокоскоростного интернета позволяет не «вставая с дивана» приобрести любую специальность, лишь бы были деньги.

Все онлайн курсы веб дизайна: от нуля до трудоустройство.

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

Самые популярные онлайн-школы:

  • Онлайн-школа Skillbox предлагает курс «UX-дизайн»

Теоретические знания вместе с практикой закрепления, стабильная стажировка и срок обучения 4 месяца. Опытные преподаватели и продуманная программа, плюс – невысокая стоимость (49 тыс. за курс) делают занятия выгодным вложением денег в будущее.

  • Школа GeekBrains

Cовместно с Mail.Group – известная площадка для учающихся. Срок обучения на курсе «Дизайнер интерфейсов» составляет 8 месяцев, а стоимость – 60 тыс. рублей, есть рассрочка (7800 рублей).

Предлагает 21 курс (от новичка и до профессионала), чтобы стать востребованным специалистом. Например, «Дизайн для начинающих» – относительно недорогой курс, стоимость которого 34 тыс. рублей.

  • Loftschool предлагает «Курс по веб-дизайну»

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

  • Design GYM 4.0

Шанс узнать секреты профессии за один месяц. Наставник в лице действующего дизайнера, бизнесмена Данилы Фимушкина, поможет в этом. Главной «фишкой» курса является просмотр в свободное время (записи уроков). На занятиях с первых дней удастся получить заказ, а значит – сразу приступить к первым заработкам. Стоимость курса – 23 тыс. рублей, доступна большинству желающих узнать, что такое веб-дизайн.

Веб-дизайн – популярная, нужная профессия. Перечисленные здесь курсы UI/UX помогут всего за несколько месяцев стать востребованным специалистом в этой сфере.

Ссылка на основную публикацию
ВсеИнструменты 220 Вольт
Adblock
detector