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

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

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

Мы в реестре: https://vk.cc/cGfllL
Download Telegram
​​Siiimple - примеры минималистичного веб-дизайна.
​​Избегайте рандомности

Подобная рекомендация верна и для многих других типов диаграмм.
Не используйте стандартную сортировку по алфавиту.

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

Автор

#Design #UX #UI
​​Как развивался глассморфизм в 2021 году и есть ли у него будущее

Читать подробнее

#Design #UI
​​Adobe Color - компания Adobe создала интересный сервис, который позволяет создавать цветовые схемы. Можно смотреть рейтинг лучших палитр либо составлять собственную палитру цветов из загруженного изображения.
А также посмотреть работы других дизайнеров, либо даже поиграть в игру.
​​Пять важных принципов проведения интервью с пользователем

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

Читать подробнее

#Design #UX
​​Балансируйте пробелы для текста с выравниванием по ширине

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

Свойство hyphens управляет расстановкой переносов текста в элементах уровня блока. Обратите внимание, что класс <hyphens> зависит от языка. Это помогает находить возможные разрывы в зависимости от языка, определенного в атрибуте font родительского элемента. Поддерживаются не все языки, и поддержка зависит от конкретного браузера.

Примечание. Если расстановка переносов невозможна, используйте выравнивание текста по левому краю.
​​Что такое 4k разрешение?

Вы, должно быть, в последнее время часто слышали термин 4K, эта тема сейчас в тренде. Чтобы понять, что это такое, давайте сначала разберем, что же означает “HD”. Помните, что это супер-упрощенный вариант объяснения. Просто поясним на примере самых распространенных разрешений. Есть разные категории HD.

- Термин HD применим к любому разрешению, начиная с 1280x720px или 720p на 720 горизонтальных линий. Некоторые могут назвать такое разрешение SD, по стандартному определению.

- Термин full HD применяется к экранам 1920x1080px. Большая часть телевизоров использует это разрешение, как и все большее количество продвинутых high-end телефонов (Galaxy SIV, HTC one, Sony Xperia Z, Nexus5).

- Разрешение 4K начинается от 3840×2160 пикселей. Его также называют Quad HD, UHD от Ultra HD. Грубо говоря, вы можете вместить 4 по 1080p в 4K-дисплей по количеству пикселей.

- Вторым разрешением 4K является 4096×2160. Оно немного больше, используется для проекторов и профессиональных камер.

Автор
​​CoolHue 2.0 – это специально подобранная коллекция из 60 градиентов для вашего следующего крутого проекта.

Градиенты можно или скопировать в виде кодов, или экспортировать в виде изображений.
​​Когда наступит смерть UX-дизайнеров?

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

В последние годы появление инструментов прототипирования на основе искусственного интеллекта обозначило мрачное будущее для UI / UX дизайнеров.

Читать подробнее

#UX #UI
​​Как сделать иллюстрации в дизайне маркетинговым инструментом

Многие люди страдают от устаревших стереотипов, полагая, что иллюстрация относится исключительно к сфере искусства и не имеет ничего общего с бизнесом. (Расскажите об этом Warner Brothers или Walt Disney Studios!) Этот архаичный взгляд сдерживает вашу компанию и делает ее менее прибыльной, потому что сегодня цифровая иллюстрация – это бизнес.

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

Читать подробнее

#Design #UI
​​Gridcalculator - прекрасный ресурс для расчета сетки. Будет полезен как веб, так и графическим дизайнерам. Выставляем общую ширину макета, количество колонок, отступы по краям, и между колонками, и получаем ширину колонки.

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

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

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

Набрать минимальный объём теоретических знаний
Здесь пригодится классическое университетское образование, курсы, либо самообразование.

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

Получайте обратную связь
Идеальный вариант – это практика под руководством наставника (ментора или опытного коллеги).

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

#Design

Автор
👍1
​​8 способов быстро придумать концепцию для логотипа

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

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

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

#Design
​​Балансируйте пробелы для текста с выравниванием по ширине

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

Свойство hyphens управляет расстановкой переносов текста в элементах уровня блока. Обратите внимание, что класс <hyphens> зависит от языка. Это помогает находить возможные разрывы в зависимости от языка, определенного в атрибуте font родительского элемента. Поддерживаются не все языки, и поддержка зависит от конкретного браузера.

Примечание. Если расстановка переносов невозможна, используйте выравнивание текста по левому краю.

Автор
​​Sketch – это инструмент векторного дизайна, позволяющий создавать, как вайрфреймы, так и высококачественные дизайны.
Он был впервые выпущен в 2010 году и быстро стал популярным среди UX-дизайнеров.

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

#UX
​​Способ быстро придумать логотип. Собрать символ из букв названия

Иногда можно заметить связь связь некоторых букв в названии и понять, как их можно объединить.
Например в «СлавНефти» С и Н прекрасно складываются в трубы нефтепровода.

#Design #Logo
Сохраняйте файлы с обложками

При большом количестве проектов бывает трудно найти нужный файл в Figma.

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

Все, что нужно для создания обложки:

1. Создайте страницу в документе и назовите ее «Обложка» (как вариант, но не обязательно)
2. Нарисуйте фрейм для изображения обложки (лучший размер для этого – 1920 x 960).
3. Наполните обложку такими элементами дизайна, как логотип или другими символическими изображениями, которые помогут вам и вашей команде узнать проект.
4. Щелкните на фрейм правой кнопкой мыши и выберите «Set as thumbnail» (Установить, как миниатюру).

#Figma
​​Ultimate google font pairings - огромная коллекция профессионально подобранных шрифтовых пар. Все шрифты доступны в Google Font, и их можно скачать прямо с сайта, либо скопировать HTML код. Особенно удобно для тех, кто пока еще не совсем ладит со шрифтами, и подбором.
​​Используйте выравнивание по центру только для заголовков или небольших блоков текста

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

#Design #UX
​​logodesignlove.com — сайт о логотипах и только. Регулярное обновление новостей.
​​«ВкусВилл» объявил о ребрендинге и первой за девять лет смене логотипа

У компании новый слоган — «Здесь полезное вкусно».
Слоган передаёт ценность натуральных, полезных и вкусных продуктов с честным составом.

Читать подробнее

#Design #Logo #Brend