Блог дизайнера

Shopify. Таймер для коллекции товаров

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

Подробнее

Золотые завитки vs Helvetica: какие шрифты в дизайне работают лучше

Инфа из этого материала поможет тебе и правильно выбрать шрифт, и обосновать свой выбор перед клиентом/командой.

Подробнее

Мы задизайнили и это работает! 5 техник, которые усиливают твой сайт и приложение

Я пилю лендинги по шаблону, зачем мне это?

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

Подробнее

Упрощай: как дизайн-процессы помогут тебе в работе

Почему это важно?

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

Подробнее

Как составить аватар пользователя и почему тебе нужно это уметь

Знай того, с кем работаешь

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

Подробнее

Подробный гайд: как оптимизировать скорость навигации в многоуровневом меню

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

Подробнее

6 лучших инструментов для удаленного тестирования юзабилити

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

Подробнее

Подробное руководство: сколько CTA должно быть на одной странице для максимальной конверсии

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

Подробнее

Полное руководство для веб-дизайнеров: HTML метатеги, которые по-настоящему важны

Если Google скажет что-то сделать, лучше это сделать.

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

Подробнее

Как появление 5G изменит веб-дизайн, и на что дизайнерам нужно обратить внимание

Новейшее поколение мобильного подключения может предложить несколько захватывающих изменений, в том числе уменьшение задержек, улучшение соединений и повышение скорости. Эксперты прогнозируют, что к 2025 году 5G будет доступен на 1,4 миллиарде устройств по всему миру.

Подробнее

Мнение: неоморфизм как тренд уже умер, даже не успев пожить?

Пока все в восторге от неоморфизма (и мы тоже присоединяемся ко всеобщему воодушевлению), нашлись те, кто скептически относится к тренду. В принципе, этого стоило ожидать, потому что вкусы у всех разные. И мы считаем, что стоит выслушать мнение, даже если оно противоречит нашему. Поэтому представляем вашему вниманию мысли George Kordatos – UI/UX дизайнера в useberry. Он считает, что у неоморфизма нет будущего. Согласны ли вы с ним?

Подробнее

20 примеров веб-дизайна, которые задают тон 2020 году

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

Подробнее

Использование Auto Layout компонентов в Figma

Перевод статьи Aleksei Kipin Using auto-layout components in Figma. Перевод сделан с разрешения автора.

Я какое-то время играл с компонентами Figma Auto Layout. Здесь я покажу, как создать полностраничный компонент, используя Auto Layout в Figma.

Подробнее

Пять способов очеловечить текст в интерфейсе

Часто «прокачать» и очеловечить интерфейсный текст можно без привлечения сил копирайтеров. Достаточно не делать текст роботизированным, повторяя распространённые ИТшные приёмы, которые убивают человечность и понятность текста.

Подробнее

Новости за неделю о дизайне, продуктах и инструментах

Музыкальный сервис Spotify пришел в Россию:

Подробнее

Как фрилансеру найти своего клиента?

Мой опыт подсказывает, что бессмысленно искать платёжеспособных клиентов. Нужно искать «своего клиента». Того кто будет ценить то, что ты делаешь и как следствие будет готов платить.

Подробнее

Объясняй трижды и никогда не обижайся: этика общения на фрилансе

Материалы в нашем блоге построены на личном опыте. То, о чем мы пишем уже проверено на практике. На примере нескольких проектов нам удалось найти 2 важных элемента для качественного общения на удаленке. Это старательно объяснять все решения и никогда не обижаться.

Подробнее

Shopify. Добавление прозрачного слоя на слайдер

Цель: для темы Debut наложить прозрачный слой на слайдер.

Подробнее

Пятничный дайджест 253

Новости за неделю о дизайне, продуктах и инструментах

Подробнее

Новости за неделю о дизайне, продуктах и инструментах

Новости за неделю о дизайне, продуктах и инструментах

Подробнее

ТОП 100 бесплатных шрифтов 2020 года

Эта подборка поможет точно выиграть при просьбе «поиграйте шрифтами» — выбирайте из лучших шрифтов 2020 года!

Подробнее

Как съесть слона: способы детализации большого текста

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

Подробнее

Выбор типографики для качественной дизайн-системы

Выбор шрифта

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

Подробнее

Креатив в шрифтах и цвете

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

Подробнее

Где и как учиться дизайнеру

Когда я начинал работать ux-дизайнером (переучивался из программиста) учиться было негде. На все постсоветское пространство была одна студия Лебедева, его же блог “ководство” и несколько переведенных книг. Сейчас проблема в другом — объём информации по каждой теме практически бесконечный: книги, блоги, статьи, видео, конференции, мастер-классы, фильмы, школы, онлайн-курсы, и непонятно, как из всего этого потока выбрать нужное и с чего начать.

Подробнее

UX-райтинг: скилл, который нужен тебе на фрилансе

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

Подробнее

9 нетипичных инструментов для графических и UX дизайнеров

Я просто рисую лого, зачем мне это?

В WAYUP мы стараемся мотивировать учеников развиваться: осваивать новые скилы, быть конкурентными на рынке, создать свою компанию. Мы хотим, чтобы ты не только делал/а крутые лого, но и двигалась/лся в сторону управления и стратегических задач. Потому что Project Management – самая высокооплачиваемая сфера во все отраслях фриланса. Вот мировая статистика.

Подробнее

Задачи, дедлайны, созвоны: какой софт нужен тебе на фрилансе

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

Подробнее

Баланс в композиции: как сбалансировать дизайн?

Несбалансированный дизайн подсознательно раздражает пользователей. Как создать привлекательный баланс?

Подробнее

18 сайтов, где можно бесплатно скачать мокапы

Мокапы — практически обязательная часть любой презентации дизайн-работы: будь то логотип, сайт или визитка — любой дизайн нужно показывать заказчику не просто картинкой, а в «рабочем виде», чтобы клиент смог понять как этот товар будет работать в реальном мире.

Подробнее

5 этапов развития дизайнера: от производителя до специалиста

Перевод материала консультанта по стратегическому дизайну агентства Zuiderlicht Денниса Хамбекерса.

Подробнее

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

История, основанная на собственном опыте

Подробнее

Как захватывать внимание с помощью цвета и визуальной иерархии

Создать такой ресурс тебе помогут знания о визуальной иерархии и психологии цвета. Эта тема соприкасается с UI/UX. Захватывать внимание – значит знать свою аудиторию: ее привычки, вкусы, поведение и дать информацию в правильной форме и правильном порядке. Мы расскажем, как это сделать и как объяснить ценность такого подхода заказчику.

Подробнее

Почему готовые цветовые палитры в дизайне не работают

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

Подробнее

Большой палец и центр экрана: как делать удобные мобильные сайты и приложения

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

Подробнее

52 инструмента для веб-дизайна, которые улучшат вашу работу в 2020 году

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

Подробнее

9 основных трендов дизайна электронной почты 2020

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

Подробнее

Ты и команда: как общаться на фрилансе, чтобы тебя понимали

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

Подробнее

Интерфейсы будущего, которое уже наступило: No-Contact, AR и VR в маркетинге

Тогда, 40 лет назад, такой формат публичной коммуникации был чем-то невероятным. Сейчас – два тайпа по дисплею и ты в прямом эфире Facebook/Instagram/Youtube, вместе с миллионами людей. Будущее из киберпанка уже наступило, и мы расскажем, как оно влияет на интерфейсы коммерческих проектов.

Подробнее

Как сделать портфолио, с которым тебя захотят

Cейчас мы проводим #wayuportfolio challenge, в котором каждый день даем небольшие интересные задания для создания своего портфолио. По итогу каждый задизайнит сильное портфолио, а авторы 3-х лучших получат детальное ревью от команды WAYUP.

Подробнее

8 советов, как по-быстрому улучшить свой интерфейс

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

Подробнее

Каваизация дизайна продукта

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

Подробнее

Почему простой дизайн сайта лучше с научной точки зрения

Исследование, проведенное Google, имело два ключевых вывода:

Подробнее

Not Safe For Work: 30 самых затягивающих сайтов

Каждый из них мы опробовали сами, так что никакого спама) Наслаждайся.

Подробнее

30 цифр о фрилансе: деньги, счастье и часы

Деньги и продвижение

Чем опытнее – тем дороже

Подробнее

Эффект синемаграфии: самый простой способ

Хотите научиться создавать удивительные анимированные картинки? Добавить к фотоснимку эффект синемаграфии не так сложно, как кажется. Самый быстрый и простой способ – воспользоваться программой ФотоШОУ PRO. В ней можно не только оживить изображение, но и создать слайд-шоу из фотографий с музыкой. Из статьи вы узнаете, как анимировать картинки за 5 минут.

Подробнее

Инструкция: Как быстро подобрать иконку

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

Подробнее

В поисках вдохновения: на каких зарубежных дизайнеров подписаться в Instagram

Подборка профилей сотрудников Pentagram, SNASK, Monotype и других компаний.

Подробнее

Сила ничего: важность пустого пространства в дизайна

Пустое пространство визуально улучшает контент

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

Подробнее

Свежая порция вдохновения: самые инновационные сайты 2019 года

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

Подробнее

Как прокачиваться если нет времени

Когда работа идет почти непрерывно времени подтянуть технические навыки или выучить новую программу никогда не хватает. Думаю, вы сталкивались с этой проблемой, и я так же. Мне столькому хочется ещё научиться, а времени нет. Хотя варианты всё же есть. Для себя я выработал два подхода в обучении чему-то новому.

Подробнее

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

Все самое необходимое, что нужно знать и уметь, а также ответы на самые частые вопросы:

Подробнее

10 ресурсов с бесплатными саундтреками

Электронная, классическая, инструментальная… Не знаете где найти легальную и бесплатную (или дешевую) музыку для вашего видео? Тогда наша подборка создана специально для вас!

Подробнее

На карантине хорошо: 1200 виртуальных туров, лекций и фильмов

TED-Education 

TED – это о предпринимательстве, философии, науке, культуре и образовании. Прогрессивные идеи, креативные мысли, примеры успешных персон. Там 1648 видео: о психологии нарциссизма, Фриде Кало, дизайне городских флагов, природе астмы и многих других явлениях. 

Подробнее

За что можно сказать коронавирусу спасибо

Замедление ритма жизни 

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

Подробнее

9 правил, которые помогут создать удобные страницы Sign-In Sign-Up

Правила для регистрации (Sign Up) 

Проси только самую важную информацию 

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

Подробнее

Как я стал мидлом за месяц. Обзор на дизайн-интенсив Миши Розова (в картинках)

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

Подробнее

У бесплатного инструмента Google для начинающих кодеров появилась десктопная версия

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

Подробнее

Кто такой UX-writer и почему с ним сайт и приложение получатся лучше

Копирайтинг – информативность и реклама, UX-райтинг – прозрачность и интуитивность

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

Подробнее

Финансы на фрилансе: как договариваться с заказчиками, чтобы не терять деньги

Бесплатные тестовые задания – только для крутых компаний 

Бесплатные тестовые стоит выполнять только когда на кону Remote Job в хорошей компании или если у вас нет ни одной работы в портфолио.

Подробнее

Adobe Illustrator – укротитель кривых и повелитель векторов

Illustrator – культовая программа экосистемы Adobe Systems, родилась в далёком 1985 году. Первая версия обрела название по фамилии недооценённого при жизни Пабло Пикассо, но не повторила участь тёзки – за 30 с лишним лет завоевала доверие и признание миллионов графических дизайнеров.

Подробнее

Скетчинг как быстрый способ донести идею. Первые шаги дизайнера

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

Подробнее

28 вредных советов для начинающих художников

Хотите стать настоящим художником? Что ж, выбранная вами профессия трудна, но очень интересна!

Подробнее

5 вещей, которые никогда нельзя говорить дизайнеру

Краткий перевод статьи “10 things you should NEVER ask a designer” от команды Go Designer.

Подробнее

Логотипы, показывающие недостатки своих продуктов

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

Макдональдс — ожирение, Gillette — порезы, Старбакс — чрезмерное потребление кофеина и так далее.

Подробнее

Секрет успешного общения с заказчиком

Надеемся, теперь у вас будет все хорошо 🙂

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

Подробнее

30 пословиц и поговорок для специалистов медиасферы

Антон Молодцов — CEO & Founder «Образовательный маркетинг» — составил список из 30 пословиц и поговорок для специалистов медиасферы.

Подробнее

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

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

Подробнее

Как сделать тестовое задание UX/UI дизайнеру: примеры и 10 советов

Наталия Тарасова рассказывает как делала тестовое задание на позицию UX/UI дизайнера в Wildberries: какие шаги выполняла и какой получился результат.

Подробнее

Как перейти на Figma, если ты пользователь Sketch

Возможно, вы недавно услышали о Figma. Это веб-приложение (с гибридной нативной версией), цель которого – решить ту же проблему, которую решает Sketch: упростить и ускорить проектирование и прототипирование программного обеспечения.

Подробнее

Как создавать темные темы. Руководство от Superhuman

Когда-то темные темы были большой редкостью, а сегодня люди хотят их видеть повсюду. Как правильно сделать ее в ваше приложении – 9 советов в статье.

Подробнее

65 уроков по Figma для новичков: Интерфейс, работа, компоненты

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

Подробнее

Бесплатный курс по After Effects: 18 уроков

Освойте Adobe After Effects за 18 уроков: от базовой анимации до 3D и правильных настроек рендера.

Подробнее

35 коротких видео по работе в Photoshop для новичков

Как быстро освоить Photoshop? Смотрите подборку полезных лайфхаков.

Подробнее

Курсы дизайна: 45 предложений от верстки до иллюстраций

Знания — отличная подмога творчеству. Собрали все лучшие курсы дизайна в одном месте. Читайте наш гид и выбирайте местечко по душе!

Подробнее

20 карточек по основам Photoshop

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

Подробнее

7 практических советов по улучшению дизайна

Улучшайте дизайн при помощи тактики, а не таланта.

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

Подробнее

Мануал как за год вырастить дизайнера: подборка учебников и видео

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

Подробнее

Портфолио дизайнера: Что? Сколько? Как? Где?

Нужно ли портфолио профессиональному дизайнеру? А если нужно – сколько работ в нем должно быть? Давайте разбираться!

Подробнее

Создать сайт без строчки кода: Профессиональный онлайн-конструктор Pixli

Что отличает веб-дизайнера от крутого веб-дизайнера? Нет, не скачанная подборка «9 000 лучших кириллических шрифтов». И не пройденные курсы «Как сделать сайт за 1 миллион лежа на диване с телефоном».

Подробнее

5 полезных фишек Photoshop

1. По-возможности, устанавливайте английскую версию Photoshop

Подробнее

17 коротких текстовых сообщений: как исправить главный минус фриланса

Определите ключевых игроков 

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

Подробнее

Кейс: как NGN Agency создавали дизайн сайта к 100-летию Citroën

В этом году Citroën исполнилось 100 лет. Главный офис Citroën подготовил несколько больших активностей. Например, был открыт цифровой музей Citroën Origins, где можно просмотреть все модели, выпускавшиеся производителем за это время.

Подробнее

3 крутые идеи, как сделать CAPTCHA менее раздражающей

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

Подробнее

7 UI/UX Challenges, которые прокачают твои навыки

Как устроены челленджи? 

Челлендж – это серия заданий в определенном периоде времени.

Подробнее

8 грехов в дизайне интерфейса, которые заставят пользователя закрыть твой сайт

Много креатива – мало юзабилити

Один из трендов в дизайне интерфейсов 2020 – сочетание фотографии и графики. А еще – hand-drawn элементы и светящиеся футуристические цвета. Но все это – формальные решения. Когда речь идет о UI/UX, то информативность и юзабилити первичны. Опирайся на опыт, потребности и привычки пользователя. Предугадывай реакции, давай только нужный контент. Пусть путь к цели будет максимально простым и понятным. И потом уже думай, как сделать, чтобы сайт выглядел круто.

Подробнее

5 полезных расширений Chrome, которые должен попробовать каждый веб-дизайнер

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

Подробнее

5 советов, как контролировать внимание пользователя на вашем сайте

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

Подробнее

Веб-дизайнеры создали самый ужасный UI в истории

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

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

Подробнее

Подборка лучших дизайнов страницы 404: от крутых анимаций до 8-битных игр

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

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

Подробнее

Как создать навигацию сайта, которая взорвет конверсию

Тренды в веб-дизайне 2020

Фул-блек 

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

Подробнее

Библиотека UI/UX: 7 топ нон-фикшенов по дизайну интерфейсов

Алан Купер, “Об интерфейсе”

Книга Алана Купера “Об интерфейсе/About the Face” научит тебя понимать цели пользователей и проектировать интерфейс, исходя из их потребностей и уровней подготовки. 

Подробнее

Грядущие тренды и направления развития фронтенд-разработки

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

Подробнее

Саморазвитие дизайнера: 11 способов

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

Подробнее

В копилку дизайнера: 6 классных кириллических шрифтов

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

Подробнее

3 тенденции, которые навсегда изменили графический дизайн

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

Подробнее

Полное руководство по правильному использованию анимации в UX

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

Подробнее

Выбор цвета при создании дизайна сайта

При создании дизайна сайта первый вопрос, над которым нужно хорошо подумать  – это выбор цветовой гаммы.

Подробнее

10 ключевых концепций веб-дизайна

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

Подробнее

«Покажи мне свою идею!»: Составляем дизайн-мудборд

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

Подробнее

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

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

Подробнее

Зачем ломать границы в письмах?

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

Подробнее

Тренды веб-дизайна 2020: девяностые возвращаются!

Ох, 90-е… Эта эпоха дала нам столько всего. Гранж был на подъеме, восточное побережье воевало с западным в хип-хопе.

Подробнее

60+ крутых бесплатных уроков по Adobe Photoshop

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

Подробнее

69 самых толковых ресурсов для веб-дизайнеров

Подробнее

Чат-боты: для чего они нужны и как их создать?

Чат-боты умеют принимать и обрабатывать заказы, бронировать авиабилеты и отели. Рассчитывать стоимость покупки и принимать оплату, сообщать о скидках и новых товарах или услугах. Искать нужную информацию в интернете. Подробнее

Профессии будущего: кто такой технический дизайнер?

 

Часто между разработчиками и дизайнерами возникают споры – кто из них играет главную роль. Задайте этот вопрос HR-менеджеру, и вы получите ответ вроде, “Обе команды одинаково важны”. Это ерунда. Подробнее

Дизайн и верстка лендинга 10 причин

Цель: разработка лендинга для туристической компании “В путь”. Знакомство с направлением и деятельностью компании. Привлечение новых клиентов через знакомство с интересной статьёй на тему: 10 причин почему путешествия лучшая форма образования. Подробнее

Гештальт-принципы в дизайне

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

Плакат к фильму Lala land

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

Рекламный баннер к фильму Star wars

Изучение новых эффектов. На примере разработки баннера для фильма. Углублённая работа с дизайном. Результат второго урока, курс Супер Photoshop.

Афиша к фильму Ghost in the shell

Разработка афиши в Photosop с применением эффектов. Углублённое знакомство с Photoshop на курсе “Супер Photoshop”.  Результат первого урока

 

Дизайн Falcon Dragon

Вдохновившись трансляцией запуска Falcon Dragon 9, решил создать макет первого экрана, посвященного этому запуску. Подробнее

Дизайн 28.06

Дизайн карточки товара интернет магазина.

Первый этап создания макета – прототипирование: Подробнее

Редизайн 18.06

Новый проект для вдохновения найден на просторах Behance. Автор проекта: Dist lemoto
Первым этапом при созданий дизайна был прототип макета: Подробнее

Редизайн 17.06

Макет для обработки был найден на Behance. Автор макета: Ihor Saveli Подробнее

Редизайн 16.06

Проект для вдохновения был найден на просторах Behance. Автор проекта: Manuel Rovira Подробнее

Редизайн 15.06

Макет для вдохновения был найден на просторах Dribble. Автор: Antonela Ferrari Подробнее