Designer Notes – Telegram
Designer Notes
14.9K subscribers
8.24K photos
729 videos
2 files
3.99K links
Фишки, хитрости и уроки для работы дизайнера.

Сайт: https://dsgners.ru

Реклама/связь: @design_guru_bot

Мы в реестре: https://vk.cc/cGfllL
Download Telegram
Picular — это поисковик, в который вы можете ввести, скажем, слово “фрукт” и на выходе получить мозаику цветов, относящихся к введённому термину. Это прекрасное место для поиска цветовых решений для мудбордов. Picular особенно мне пригодился, когда я составлял палитру для одного проекта, связанного с брендингом и графическим дизайном.

#color
Плагин Glyphy использует порядок слоев для применения 3D-эффекта — создает трехмерные анаглифы (понадобятся красные/голубые анаглифические очки).

Вы можете отрегулировать глубину — насколько «внутрь» и «далеко» — с помощью ползунка.

Вам понадобятся красные / голубые анаглифические очки, чтобы увидеть результат в 3D!

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

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

#Fonts
Коллекция иллюстраций Startup Teamwork Pack тщательно создана с учетом современных тенденций дизайна. Каждый макет хорошо структурирован и организован. Поддерживает форматы AI .XD .SKETCH .FIG
Скачать набор

#Illustration #Kit
Вы наверняка сталкивались с такой ситуацией: вам понравился шрифт на каком-либо сайте, но вы не знаете где найти о нем информацию. Ресурс Font Of Web поможет.

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

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

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

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

#Chrome #font
​​Дизайн-заруба с призовым фондом в 650 000 рублей 💰

Все мы знаем ребят из Mail ru Group и Design Line. В этом году они объединились, чтобы сделать самый масштабный конкурс дизайнеров..

Russian Design Cup — это уникальная возможность посоревноваться с дизайнерами России и СНГ. А оценивать это будет мощнейшее жюри.

👉 Что нужно делать?

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

👉 Как зарегистрироваться?

Переходи по ссылке http://clc.to/rdcdsgnline и пройди бесплатную регистрацию на конкурс.

Будет интересно - главное не упусти этот шанс.
Градиенты для Figma & Sketch

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

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

#полезность
Плагин Clipping Magic BG Removal позволяет удалять фон в изображениях.

Для этого плагина потребуется учетная запись Clipping Magic API.

#FigmaPlugins
Web-дизайн - Шаблон для Figma EasyFrame 3.0 - Wireframe kit

Если
вы UIX-дизайнер и работаете с Wireframe (каркас) в Figma, то этот набор с организованной дизайн-системой вас очень сильно порадует своим впечатляющим арсеналом. Интуитивно понятный и лёгкий в использовании набор EasyFrame позволяет создать прототип за считанные минуты, поэтому этот инструмент можно назвать действительно лёгким!

Скачать Kit

#UIKit #Figma
Часто мы можем застрять, думая, что добиваемся прогресса, когда на самом деле топчемся на месте.

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

-Создайте личный проект
-Редизайн физического интерфейса
-Создайте собственный дизайн-челлендж
-Улучшение существующего приложения
-Расскажите свои собственные истории

Советуем перейти по ссылке и прочитать всю статью, ведь все пункты из перечисленных звучат, как план:)

#Design #UI #UX
Востребованные дизайн-профессии 2021

UX, 3D, моушн, веб-дизайн, кинетическая типографика.
Рассказываем о направлениях, которые популярны сегодня и, по мнению преподавателей Bang Bang Education — ведущих дизайн-студий и дизайн-лидов российских и зарубежных компаний, — будут востребованы в ближайшем будущем. Если сейчас тот самый период в жизни, когда ты оказался перед выбором узкого направления твоей деятельности или тебе вовсе нужно выбрать дело всей жизни, то , определенно, стоит прочесть эту статью. В ней подробно рассказывается о каждой дизайн-профессии:
Какие дизайнерские тренды будут главными в вебе и мобайле в 2021 году

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

#Design
Проблемы новых логотипов приложений Google

Вероятно, вы уже видели новые иконки приложений Google из набора инструментов Workspace (ранее G Suite), например, Gmail, Drive и Meets. Быть может подобно многим другим пользователям, вы считаете их запутанными.

Мы расскажем, что с ними не так и, как это можно исправить.

#Design
13 лайфхаков по UI/UX, которые прокачают твой дизайн


1. Сделайте элементы более четкими с помощью тонкой границы.

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

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

4. Используйте только один шрифт во всем дизайне.

5. Пустое пространство – ваш друг.

6. Создаете длинные формы контента? Попробуйте шрифт 20pt.

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

8. Выберите базовый цвет, а затем используйте Tints и Shades, чтобы добиться единообразия.

9. Улучшите онбординг пользователей.

10. Ваши тени должны быть образованы одним источником света.

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

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

13. Умеренно используйте центрированный текст.

#Design #UI #UX
Воскресного вдохновления пост | логотипы, дизайнеры которых все воспринимают буквально

#Logo
Firefox теперь без хвоста. Лиса осталась, не переживайте

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

#Design #Logo
LogoBook — 1000 идей для ваших логотипов

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

Посмотреть

#Design #Logo