​​Почему получаются проекты, которые стыдно добавить в портфолио?

1) Нет понимания задачи.
2) Непонятно, как запустить поток креатива и идей.
3) Не хватает опытного наставника, который бы тебя направил.

Если эти проблемы откликаются тебе и ты хочешь делать не только вкусный, но и полезный дизайн, то велкам на мощную стажировку с 8 по 14 ноября. Куратора Александр Ковальский из CreativePeople (Москва) и Сергей Красотин из Humbleteam (Прага) прокачают тебя как дизайнера из «родного» агентства. 

🥊DL Boost - 90% практики с минимумом теории. Стажировка основана на 10-летнем опыте ведущих агентств с реальными клиентами и победами в конкурсах. Каждый участник будет решать задачи от МТС, Альфа-банка, Райффайзенбанка и Почты России. 

Залетай, не упускай: https://clc.to/psdeu

Шрифты в законе. Особенности лицензирования и использования шрифтов

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

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

Читать статью: https://vc.ru/design/155418-shrifty-v-zakone-osobennosti-licenzirovaniya-i-ispolzovaniya-shriftov

10 новейших и многообещающих трендов UI дизайна

1. Новый неоморфизм
Вы правильно прочитали! Неоморфизм развивается и, я думаю, он останется (нравится вам это или нет). В первоначальном виде он просуществовал недолго, но постепенно меняется в сторону более изощренного и доступного. Он похож на скевоморфизм, но обладает свежей, современной и эстетичной атмосферой.

2. Мягкие градиенты
Градиенты никуда не денутся! Я часто встречаю их в виде фона и элементов интерфейса, таких как кнопки, карточки и графики.
Можно смешать более двух цветов для создания красочного размытого фона!

3. Геометрические элементы
Они используются в виде основного фона, темы или детали, чтобы сделать дизайн более интересным – геометрические элементы привлекают все больше внимания. Их часто смешивают для создания мозаики – и результат выглядит действительно круто!

4. Пастельные фоны
Должна сказать, что люблю этот тренд. 🥰 Я видела много поразительных, легких, эстетичных дизайнов в очень нежных, пастельных тонах.
Они делает дизайн очень современным, ненавязчивым, свежим и восхитительным. В таком дизайне главную роль играет контент, а все остальное – лишь ненавязчивый фон.

5. Иллюстрации и 3D
Иллюстрации по-прежнему в топе. Разные стили и цветовые решения, более или менее абстрактные, чтобы соответствовать характеристикам продукта. Не только плоские, но и имитирующие 3D. Я считаю, что это хороший тренд после стольких лет использования стоковых фотографий во всех цифровых проектах!

6. Абстрактные формы
Они используются для фонов и для различных элементов интерфейса и делают интерфейс более «органичным» и игривым, что, на мой взгляд, хорошо. Отредактируйте простейшие фигуры (квадрат, овал) с помощью инструмента «Перо», поэкспериментируйте со значением параметра border-radius, попробуйте разные цвета / градиенты, и вы можете получить очень интересный результат. Или просто сэкономьте несколько минут и попробуйте простой, но удивительный инструмент под названием Blobmaker.

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

8. Элементы под углом
Этот тренд используется не только для шотов Dribbble, но и как нестандартный способ представления различного контента на веб-сайтах. Это делает контент более интересным и привлекающим внимание. Как быстро добиться такого эффекта? Сначала сделайте коллаж из элементов под углом 0 °. Сделайте их единой группой. Затем измените угол группы (с 30 ° на 50 °) и вуаля! Таким образом, вам не придется вручную менять угол наклона каждого элемента.

9. Мягкие тени
Еще один мой любимый тренд. Мягкие тени делают интерфейс более глубоким (объёмным). Этот эффект часто бывает едва заметным, но эстетически приятным. Тени, как правило, делают определенные элементы интерфейса более «кликабельными» и помогают различать иерархию контента. 

10. Простая толстая типографика
Я никогда не была поклонником тонких шрифтов (тьфу, эпоха iOS7), поэтому я рада, что этот тренд исчез. Сейчас я вижу использование более толстых, простых по форме (почти квадратных), читабельных шрифтов. Они делают интерфейс современнее и изысканнее. Если вы ищете подобные шрифты, попробуйте Poppins, Montserrat (бесплатно) или Gilroy, Sofia Pro, Proxima Nova (платно).

Источник (с примерами): https://ux.pub/10-noveyshih-i-mnogoobeschayuschih-trendov-ui-dizayna/

Фейковый дизайн для фейковых и реальных брендов

Индивидуальный взгляд на вещи и креативность — основные пункты, на которых держится концептуальный дизайн. Здесь важна сила идеи, а не способ исполнения. В фейковом дизайне нет ограничения в креативе, ещё — чаще всего нет и клиента.
А если есть, то обычно это тот, кто покупает проект уже после его визуализации. Например, некоторые проекты, которые участвуют в каких-либо фестивалях, выкупаются теми, кто оказался заинтересован.
Итак, зачем делать концепт дизайна?

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

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


Читать статью: https://vc.ru/design/158845-feykovyy-dizayn-dlya-feykovyh-i-realnyh-brendov

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

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

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

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

Читать статью: https://ux.pub/dva-povara-na-kuhne-kak-luchshe-vzaimodeystvovat-s-drugimi-dizaynerami-chtoby-ne-szhech-kuhnyu/

​​Figma: лучшие плагины для оптимизации рабочих процессов

Для автора, как для дизайнера, время является ценнейшим ресурсом, который всегда в избытке. Главным правилом тайм-менеджемента остается оптимизация рутинных процессов. “Не делай руками то, что может сделать за тебя подходящий скрипт. Не рисуй с нуля, если можно переиспользовать готовое решение.”– как-то так должен звучать манифест этого принципа.

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

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

Pixel Perfect
Arrow Auto
HTML to Figma
To Path
Time Machine
Downsize
Search & Focus
Multiply
Frame Status

Подробнее о каждом плагине: https://designpub.ru/figma-лучшие-плагины-для-оптимизации-рабочих-процессов-cff1b87e559d

​​Как перестать рисовать и начать думать? Почему сейчас ценятся дизайнеры, которые умеют решать задачи, а не красиво рисовать?

Александр Ковальский с CreativePeople и Сергей Красотин с Humbleteam расскажут на личной опыте как работают их дизайнеры.

На вебинаре вы узнаете:

— как ребята работают с компаниями вроде NETFLIX и GOOGLE и реальный процесс работы с этими компаниями;
— какие процессы помогают дизайнерам работать с клиентом;
— работа с дизайн-задачами;
— какие дизайнеры ценятся на рынке, а какие нет.

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

👉 Зарегистрироваться: @dsgnline_bot (просто запустите бота нажав START)

Не проектируйте для мобильных устройств (Mobile-first)

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

— Мобильные телефоны – сенсорное управление, персональные компьютеры управление с помощью курсора
— На мобильных устройствах медленный интернет, на компьютерах – быстрый.
— Мобильные устройства работают медленно, компьютеры работают быстро.
и т.д…

Но в современной среде устройств эти предположения начинают создавать ряд проблем.

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

Читать статью: https://ux.pub/ne-proektiruyte-dlya-mobilnyh-ustroystv-mobile-first/

Как говорить про ну это, вы поняли, про деньги, в общем

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

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

«Ну что, сколько денег тебе дать за логотип?» — от такого вопроса ладошки начинают потеть, а колени подрагивать. Ты делаешь непринужденное лицо и выпаливаешь: «Двадцать тысяч, дядя». Далее вы жмёте друг другу руки, и каждый уходит в свою сторону с мыслью, что сэкономил / заработал. А потом ты вдруг слышишь истории, что логотип стоит 65 тысяч, 200 тысяч, миллион. Смотришь на свой счет в банке, считаешь все сделанные логотипы и расстраиваешься.

Ловите подкаст, в котором обсудили, как говорить с клиентом про деньги, когда можно работать бесплатно или по бартеру, и почему на самом деле обсуждение денег — самый простой процесс во всей цепочке. И, конечно, почему так важно любить то, что ты делаешь.

Послушать можно здесь:
https://music.yandex.ru/album/10887222/track/71301600

Источник: https://clc.to/RLz0TQ

Подробное руководство по дизайну текстовых полей и форм

Эти простые правила помогут вам создавать формы, которые пользователи захотят заполнить

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

Содержание статьи 
- Анатомия текстового поля
- Типы текстовых полей
- Используйте тип поля ввода, соответствующий данным, которые вы собираете
- Текстовые поля должны изменять внешний вид в зависимости от состояния и взаимодействий пользователя
- Выбор лучшего стиля текстового поля
- Метки, выровненные по левому краю
- Метки, выровненные по правому краю
- Метки над полем ввода
- Длина текстового поля должна быть пропорциональна информации, ожидаемой от пользователя
- Плейсхолдеры не являются заменой меток
- Помогите пользователям заполнить формы
- Используйте встроенную проверку
- Уменьшите количество полей
- Скрывайте нерелевантные поля
- Используйте условную логику
- Группируйте связанные поля
- Избегайте использования нескольких столбцов
- Разбейте сложные формы на несколько простых шагов
- Минимизируйте возможность навигации за пределами мастера
- Показывайте соответствующий тип клавиатуры
- Правильный дизайн создания пароля

Читать статью: https://ux.pub/podrobnoe-rukovodstvo-po-dizaynu-tekstovyh-poley-i-form/