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

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

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

Мы в реестре: https://vk.cc/cGfllL
Download Telegram
​​Юзабилити из топора

Часто в сторону интерфейсов приложений или сервисов можно услышать от заказчиков и дизайнеров фразу «Тут плохой UX, это непривычно».

Прочитать об этом можно в статье

#Design #UX
​​Дизайнер айдентики

Что делает дизайнер айдентики?
Разрабатывает фирменный стиль бренда – рисует логотипы, выбирает цвета и шрифты, оформляет информационную продукцию бренда.

Из чего состоит рабочий день?
Штатный дизайнер в компании (in-house) отвечает за всю визуальную коммуникацию фирмы – от выставок и каталогов до эмейл рассылок. Дизайнер айдентики в студии сосредоточен на конкретных элементах фирменного стиля – логотипы, шрифты, цвета и т.п.

В каких программах работает?
Adobe Photoshop, Adobe Illustrator, Corel Draw, Procreate, Adobe After Effects, Blender 3d.

Источник : https://videoinfographica.com/graphic-designer/
Хороший дизайнер — не просто «руки»

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

Время чтения: 3 минуты
Мобильное вдохновение | Дизайн приложения в стиле неоморфизм 🍔
​​Pattern Collect

Pattern Collect – это своеобразный Dribbble для художников, создающих узоры и текстуры.
С этой галереей, вы можете не только ловить вдохновение и улучшать свои навыки, но и загружать туда свои работы, параллельно освежая свое портфолио.
Ресурс содержит шаблоны в 45 категориях, включая: абстракцию, лица, геометрические фигуры, краски, ретро и многое другое.
Нежные и утонченные логотипы для студии флористики
#Design
Бесплатный шрифт Fascinate Cyrillic | Кириллица и латиница

Шрифт отлично подойдет для оформления подарочных открыток и логотипов. Его можно использовать в личных и коммерческих проектах.

Скачать шрифт

#Design #Typography #Photoshop
​​UX: что прячется за кнопкой

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

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

#Design #UX
​​Умение кратко подать и «продать» продукт – критически важные навыки ДИЗАЙНА

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

Когда вы рассматриваете свою работу как доставку, все ваше мировоззрение меняется. Вы понимаете, что каждое взаимодействие с членом команды, каждый обзор дизайна, каждая демонстрация – это шанс продать ценность того, что вы пытаетесь сделать. Путем БОЛЬШОГО числа проб и ошибок я обнаружил, что наиболее выгодно продавать цель, которую я пытался достичь в конкретной итерации дизайна, поэтому, если у кого-то есть другая идея, как я могу достичь той же цели, о которой я, возможно, не подумал, они могут поделиться ей.

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

Автор : Редакция

#Design #UX #Brand
​​Шрифт Moniqa - бесплатно
Очень даже крутой журнальный шрифт с поддержкой кириллицы от индийского дизайнера.
Шрифт устанавливается на Windows и MacOS

Скачать шрифт

#Typography
​​Photoshop. Лайфхак📌

Что делать, если перед вами формат документа .psb?
Не паниковать. Данный формат не отличается от .psd, используется для хранения больших документов Photoshop больше 30,000 на 30,000 пикселей в размере и весом более 2 Гб. Поддерживает изображения размером до 300,000 на 300,000 пикселей.

#Photoshop
Game UI Database - это сайт создан специально для дизайнеров, специализирующихся на создании игр.На этом ресурсе вы найдете обширную базу самых разных элементов: от различных попап-меню до HUD элементов. Просто кладезь информации для игровых дизайнеров.Почти 13 000 скриншотов из 355 игр. Более 80 типов экранов.
У сайта очень удобная система поиска. Боковая панель отображает фильтры для типов экранов: меню заголовков, состояния, статистика, информация, сетевые функции, игровой процесс и HUD.
Также можно фильтровать по жанру, теме, эстетическим элементам игр, устройству / элементам управления и т.д.

#Design #UI
​​Страница «О компании» на сайте: нужно ли уделять ей много внимания?

Страница «О компании» — это прекрасная возможность убедить клиента в том, что нужно сделать выбор в пользу именно вас. Как этого добиться? Рассказываем в статье.
Сделайте страницу «О компании» полезной, привлекательной для клиента и передающей основные ценности компании. Желаем больших конверсий!

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

#Design #UX
​​Дайджест новых стилей и сайтов digital-компаний за май: Discord, Pinterest, Calendly, Sketch, Google и другие

Новый стиль Pinterest — очень сложный прикол. Discord стал плейфул, другого слова и не подберешь. Sketch делает наброски нового стиля.

Читать новости

#Design #UI
​​С чего начать и как стать графическим дизайнером?

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

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

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

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

Автор : Юлия Васецка

#Design
​​Colorful Gradients - градиенты, которые автоматически создаются компьютером.
Полезно знать📌 Принцип золотого сечения в digital - дизайне

-Это
альфа и омега любого дизайна - правило золотого сечения дает идеальные пропорции, дизайн выглядит гармонично и естественно. Золотое сечение выглядит визуально вот так (1 фото).

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

-То же самое касается типографики: колонок текста, размеров заголовка по отношению к шрифту основного текста, размера рекламного баннера и текста под ним и так далее.

- Золотая спираль может быть как вертикальной, так и горизонтальной.

Статья

#Design #UX
​​Важный принцип моушн - дизайна. Плавность (Easing)📌

Плавность имитирует то, как реальные объекты ускоряются и замедляются с течением времени. Это применимо ко всем элементам интерфейса, демонстрирующим движение.

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

#Design #Motion
​​Gridcalculator - прекрасный ресурс для расчета сетки.

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

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

#Design #UI