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

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

1. World Mockup - Удобный сайт, на котором можно найти мокапы, разбитые на темы. Если нужно что-то конкретное, воспользуйтесь поиском. Постоянно обновляется.

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

3. Mr. Mockup - Отличный сайты, где можно скачать мокапы без регистрации и использовать на своё усмотрение. На сайте есть и платные товары, но я ни к чему не призываю, только если вам уж очень сильно понравится. Внимательно читайте условия использования.

4. MockupLove - Хоть сайт и обновляется не так часто, как хотелось бы, но внутри очень много качественных мокапов. Бонусом ко всему будет наличие шрифтов и других исходников.

5. Zippy Pixels - Здесь нужно зарегистрироваться, чтобы скачать бесплатные мокапы. Но будьте осторожны и выставляйте фильтр по минимальной цене, чтобы точно просматривать бесплатные мокапы. Думаю, всем знакомо чувство, когда понравился мокап, а он стоит 30$. Так что фильтр – наше все.

6. Mockup Download - Хороший сайт, на котором можно без регистрации и бесплатно скачать мокапы. Периодически пользуемся им.

7. Mockups Design - Сайт с шикарными по качеству мокапами. Скачивание бесплатное и без регистрации. Постоянно пользуемся для представления своих работ заказчикам.

8. MockupFree - Сайт с мокапами на любой вкус и цвет. Скачивать можно бесплатно и пользоваться без ограничений по авторским правам.

#Mockup

​​Как правильно определить целевую аудиторию (ЦА)

Успех в бизнесе и большие продажи невозможны без понимания того, кому вы продаёте. Если вы владеете интернет-магазином одежды или строительной компанией, или любым другим бизнесом, вы должны знать свою целевую аудиторию. Это люди, которым интересен ваш товар или услуга, то есть ваши потенциальные покупатели. Разберёмся, как определить свою ЦА.
Читать далее

#Business
#ЦА

iOS/iPadOS 13 Design UI Kit
Бесплатный набор пользовательского интерфейса для IOS и iPadOS

#UIKit #IOS13

WhatFont - полезное расширение Chrome которое значительно экономит время: вы наводите курсор на шрифт и мгновенно получаете сведения. Расширение выдаст вам имя шрифта, семейство и т.д. – вплоть до шестнадцатеричного кода для цвета текста.

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

#Chrome #font

Как Netflix заставляет вас подписаться – анализ UX

«Если мы не будем говорить 13 раз подряд, что наш продукт изначально бесплатный, вы все уволены!»
Какой-то чувак из Netflix после просмотра результатов A/B тестирования

Когда я работал над нашей воронкой регистрации, в какой-то момент я дошел до того, до чего доходят другие UX-дизайнеры. Я решил посмотреть, как делают другие. Так я попал на веб-сайт Netflix, став свидетелем их тщательного A/B тестирования и психологических паттернов, к которым они обращаются в своей воронке регистрации. Вот что я понял.
Читать далее

#UX
#анализ

Коллекция из 32 основных иконок, для мобильных приложений.
Формат файла: Ai

#icons

​​LA 2028 представил динамический логотип олимпийских игр

Олимпийский комитет Города Ангелов представил свой официальный логотип - динамичную, постоянно меняющуюся эмблему, которая стремится отразить творческий потенциал и разнообразие Лос-Анджелеса с точки зрения олимпийцев, таких как Эллисон Феликс и Хлоя Ким, а также художники, в том числе Билли Эйлиш, Чаз Бохоркес и Стивен Харрингтон.

В отличие от олимпийских логотипов прошлого, символ Лос-Анджелеса постоянно меняется. Он состоит из четырех ключевых элементов: букв «L» и «A» Лос-Анджелеса, цифр 28, обозначающих год проведения игр, и, конечно же, колец. В то время как буквы «L» и 28 остаются неизменными, буква «A» повсюду меняется, представляя личности и стили различных спортсменов и авторов из Лос-Анджелеса, в том числе: фигуриста, призера Олимпийских игр, фигуриста Адама Риппона, сноубордиста Кима, профессионала по легкой атлетике Феликса и гимнастку Габби Дуглас; Паралимпийский скаут Бассетт; Боксерша, претендующая на олимпиаду Шантель Наварро; Обладательница Грэмми музыканта Айлиш; Звезда YouTube и ведущая Лилли Сингх; художник Харрингтон; талант граффити Бохоркес; и актер и продюсер Риз Уизерспун.

#news #logo

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

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

Итак, кто же прав?

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

Возможно, вопрос не в том, «Должна ли страница иметь один CTA?», а в том, «Когда и почему страница должна иметь только один CTA?».
Читать статью

#CTA #UX
#WebDesign

Typ.io Font Pairing Lists
Ресурс сопряжения шрифтов Typ.io добывает данные из почти 3000 онлайн-примеров. Инструмент позволяет визуально сравнить разные шрифты в действии. Если вы ищете заголовок с засечками и основной текст без них, Type.io предоставит вам все необходимое.

#Fonts

В английском языке есть выражение new black. Оно означает «хит сезона», что-то очень популярное. Обратите внимание, что такая идея передается через черный цвет – и не просто так. Розничная компания Edited в 2017 году провела исследование рынка женской одежды. Оказалось, что 36% рынка занимают черные вещи.

Популярность темных оттенков перешла границы моды и вошла в UI/UX дизайн. Десятки приложений предлагают вам опцию «темной темы», которая инвертирует цветовую схему Интернета.
Читать статью

#DarkMode #UI #UX

Telegram UI Screens
Дизайн пользовательского интерфейса Telegram

Установить

#UIKit #Telegram #Screens

The Bézier Game
Кривые Безье – неотъемлемая часть набора инструментов в графическом дизайне. Но нарисовать их идеально тяжелый труд, особенно для новичков Illustrator. Если у вас возникли проблемы, The Bézier Game поможет вам лучше прочувствовать процесс создания.

RevKit – это революционный UI kit, который экономит ваше время. Его можно скачать для Sketch, Figma и Adobe XD. В наборе множество полезных компонентов, которые сразу же можно использовать в своем дизайне. Он также включает руководство по стилям, элементы управления формой, компоненты и т.д. Набор бесплатен как для персональных, так и для коммерческих проектов.

#UIkit

Плагин Color scale generator — простая генерация цветовой шкалы системы дизайна на основе выбранных базовых цветов.

Выберите 6, 8 или 10 шагов по шкале. Получите базовые цвета из выбранных элементов или ввести значение HEX.

Установить плагин

#FigmaPlugins #Color

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

#полезность
#FlowMap

В Telegram появились комментарии

В мессенджере Telegram появилась возможность комментировать сообщения в каналах. Новую функцию представил основатель приложения Павел Дуров в своем ресурсе.

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

Snack This – инструмент для создания текстовых GIF-файлов. Их можно создать за несколько секунд, скачать и использовать.

#полезность

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

#icons

Плагин Chart использует реальные или случайные данные для создания самых популярных диаграмм. Поддерживает копирование-вставку из таких редакторов, как Excel, Numbers, Google Sheets, прямое соединение с Google Sheets и удаленными JSON (REST API).

#FigmaPlugins

Коллекция из 78 бесплатных векторных иллюстраций для Figma в разных позах и ракурсах
Скачать пак

#Illustration #Figma

Бесплатный UI Kit Food App для Figma
Минималистичный и чистый дизайн приложения, 20+ экранов.
Установить Kit

#UIKit #App #Figma