Графический дизайн для соцсетей: 7 практических советов

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

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

#GraphicDesign

Заставь свои деньги двигаться

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

#MotionDesign #UI

Серьезные ошибки UX, мешающие продажам

Найдите и исправьте их с помощью этого руководства.

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

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

Сейчас примерно 4 из 5 американцев совершают покупки в Интернете, при этом более половины из них делают это с помощью мобильных устройств.
Вероятность, что пользователи, получившие отрицательный опыт использования вашего мобильного магазина снова, что-то купят у вас снижается на 62%.
В этой статье мы рассмотрим наиболее распространенные ошибки UX, которые встретила на веб-сайтах.

Читать статью

#UX

Лучшие практики UI-дизайна

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

Читать статью

#UI #Design

9 трендов в дизайне интерфейсов в 2020 году

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

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

#Trends #Design

​​Дизайнерское исследование или четкие принципы? Когда можно нарушать правила в дизайне

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

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

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

#DesignLessons

​​10 правил юзабилити. Разбираемся на примерах

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

#UXLessons

Отзывчивый веб-дизайн и учёт высоты окна браузера

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

#WebDesign #UX

Как анимировать интерфейсы в After Effects

Анимация — неотъемлемый скилл для UX/UI дизайнера, если вы претендуете на позицию выше, чем Junior. Ни для кого из дизайнеров не секрет, что самый продвинутый инструмент для анимации — After Effects.

Нужно ли разбираться в таком сложном инструменте, если есть более простые программы. Мой ответ — да. Вы не сделаете в Principle, Proto.io… то, что можно сделать в AE, и рано или поздно придется изучать возможности этой программы. Тем более YouTube кишит туториалами практически под любую задачу.

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

#AE | #WebDesign | #интрфейсы

FigmaExport: как автоматизировать экспорт UI-Kit из Figma в Xcode и Android Studio проекты

Если вы iOS- или Android-разработчик и дизайн вашего проекта разрабатывается в Figma, то скорее всего вы сталкиваетесь с проблемами при экспорте ресурсов: цвета выгрузить нельзя, а иконки и картинки экспортировать неудобно. В этой статье я расскажу, как можно облегчить себе жизнь и автоматизировать экспорт UI-Kit из Figma напрямую в Xcode и Android Studio.
Читать статью

#FigmaLesson

​​Мастер-компоненты для ускорения соединений прототипа

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

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

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

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

#FigmaLessons

Лид-магнит как один из инструментов продаж: практика от маркетолога

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

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

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

Все чаще можно услышать «Лид-магниты уже не работают, устаревшая фишка! Люди не ведутся на эту шляпу!»

На это я обычно отвечаю: «Люди не должны вестись на шляпу, людям надо помочь, подсказать, дать им именно то,что им нужно, хотя бы часть...»
Согласен, что проработать лид-магнит сейчас намного сложнее нежели лет 5 назад, когда аудиторию еще не закидывали со всех сторон PDFками о том как сэкономить на установке окон/дверей/стиральных машинок...
Поэтому я считаю, что сейчас проработать лид-магнит, который будет действительно цеплять, прогревать и заставлять людей оставлять свои данные взамен на информацию - своеобразное искусство.
Как сделать лид-магнит, где использовать и как адаптировать под клиента?
Читать статью

#Marketing

Сравнение Apple и Google в 10 картинках

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

#Google #Apple

Как создать логотип: полное руководство

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

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

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

#Logo #Design