Designer Notes
14.2K subscribers
10.3K photos
951 videos
2 files
4.46K links
Фишки, хитрости и уроки для работы дизайнера.

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

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

Мы в реестре: https://vk.cc/cGfllL
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Плагин для переноса сайта в Figma

Автор
👍16❤‍🔥1
developer.apple.com - Apple выпустила руководство по дизайну Live Activity для Dynamic Island.
💩1
Holo sticker pack — бесплатный набор голографических стикеров.

Скачать
Free MacBook Air M2 — бесплатный минималистичный мокап нового MacBook.

Скачать
Logoipsum - еще одно волшебное решение для твоей насмотренности.
На этом сайте найдешь идеи для логотипа совершенно бесплатно.
This media is not supported in your browser
VIEW IN TELEGRAM
Лайфхак для Фотошопа - Blending Options

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

#Лайфхак
👍51
Templatery - красивые шаблоны для ваших презентаций в Figma.
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Создаем абстрактный портрет на основе вашей фотографии с помощью самодельной текстурной кисти в Фотошопе.

#Photoshop #Урок | Автор
👍15
Material palette - сервис для подбора палитры работает очень просто: выбираете два основных цвета, и сайт предлагает вам расширенную цветовую схему.
🔥9❤‍🔥1
​​Используете насыщенные цвета? Попробуйте смягчить ситуацию с помощью оттенков и теней (Tints и Shades)

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

По возможности используйте их в умеренных количествах и старайтесь сочетать с приглушенными оттенками (tint или shade) насыщенного цвета, чтобы избежать усталости глаз.

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

#UI
👍5❤‍🔥21
Martian Mono - современный вариативный моноширинный шрифт для кода.
Можно тонко настроить начертание под себя по осям ширины и жирности

Скачать
🌚5👍31
Бесплатный шрифт на кириллице

Скачать
👍73
This media is not supported in your browser
VIEW IN TELEGRAM
5 плагинов для дизайна в Фигме

Автор
👍2💩1
Texture Haven – это один из популярных сайтов, где можно бесплатно скачать текстуры высокого качества. На сайте доступно более 3000 текстур различных типов, включая дерево, металл, камень, ткани и многое другое.

Все текстуры на Texture Haven предоставляются на условиях лицензии CC0, что означает, что они могут быть использованы для коммерческих и некоммерческих целей без ограничений и без необходимости указывать авторство.

#полезность
👍11
Эволюция логотипа Netflix 📺

Первоначально логотип Netflix был фиолетовым, что символизировало оригинальность компании, и помимо текста «Netflix» была еще и лента. В начале века название компании было написано белыми буквами и очертаниями на красном фоне, а через время наоборот – красными буквами на белом фоне.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12❤‍🔥1
​​Генератор облака тэгов на основе текста - WorldClouds.com

Загружаете файл с текстом, выбираете форму, шрифт, цвета и прочие опции, сервис генерирует картинку.
🔥9
material.io - цветные шрифты COLRv1.
Этот формат поддерживает градиенты, настраиваемые цветовые палитры и многое другое.
В Google Fonts уже добавлены эти шрифты.
​​Gridcalculator - прекрасный ресурс для расчета сетки. Будет полезен как веб, так и графическим дизайнерам. Выставляем общую ширину макета, количество колонок, отступы по краям, и между колонками, и получаем ширину колонки.

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

Нужно только задать отступы по краям и между столбцами равными нулю, и мы получим ширину столбцов. Результаты можно скачать в AI, PSD и PNG.
5