Умение кратко подать и «продать» продукт – критически важные навыки ДИЗАЙНА
Нравится вам это или нет, но способность «продвигать» и «продавать» свои идеи является важной частью работы дизайнера. Когда я начинал заниматься дизайном, я недостаточно хорошо понимал, что моя работа заключалась не только в том, чтобы создавать отличный дизайн, но и в том, чтобы предлагать отличный опыт (или, другими словами, улучшать результаты для моих клиентов).
Когда вы рассматриваете свою работу как доставку, все ваше мировоззрение меняется. Вы понимаете, что каждое взаимодействие с членом команды, каждый обзор дизайна, каждая демонстрация – это шанс продать ценность того, что вы пытаетесь сделать. Путем БОЛЬШОГО числа проб и ошибок я обнаружил, что наиболее выгодно продавать цель, которую я пытался достичь в конкретной итерации дизайна, поэтому, если у кого-то есть другая идея, как я могу достичь той же цели, о которой я, возможно, не подумал, они могут поделиться ей.
Еще один способ научиться «продавать» и доставлять отличный опыт – это научиться рассказывать истории. Люди обычно не запоминают факты и цифры, но помнят истории. Особенно, если их умело рассказали. Используйте повествовательную структуру с сюжетной аркой, и сделайте презентацию запоминающейся. Если вы представляете дизайн группе заинтересованных лиц, по возможности используйте истории реальных людей из вашего исследования, их лица, видео и цитаты.
Автор : Редакция
#Design #UX #Brand
Нравится вам это или нет, но способность «продвигать» и «продавать» свои идеи является важной частью работы дизайнера. Когда я начинал заниматься дизайном, я недостаточно хорошо понимал, что моя работа заключалась не только в том, чтобы создавать отличный дизайн, но и в том, чтобы предлагать отличный опыт (или, другими словами, улучшать результаты для моих клиентов).
Когда вы рассматриваете свою работу как доставку, все ваше мировоззрение меняется. Вы понимаете, что каждое взаимодействие с членом команды, каждый обзор дизайна, каждая демонстрация – это шанс продать ценность того, что вы пытаетесь сделать. Путем БОЛЬШОГО числа проб и ошибок я обнаружил, что наиболее выгодно продавать цель, которую я пытался достичь в конкретной итерации дизайна, поэтому, если у кого-то есть другая идея, как я могу достичь той же цели, о которой я, возможно, не подумал, они могут поделиться ей.
Еще один способ научиться «продавать» и доставлять отличный опыт – это научиться рассказывать истории. Люди обычно не запоминают факты и цифры, но помнят истории. Особенно, если их умело рассказали. Используйте повествовательную структуру с сюжетной аркой, и сделайте презентацию запоминающейся. Если вы представляете дизайн группе заинтересованных лиц, по возможности используйте истории реальных людей из вашего исследования, их лица, видео и цитаты.
Автор : Редакция
#Design #UX #Brand
Шрифт Moniqa - бесплатно
Очень даже крутой журнальный шрифт с поддержкой кириллицы от индийского дизайнера.
Шрифт устанавливается на Windows и MacOS
Скачать шрифт
#Typography
Очень даже крутой журнальный шрифт с поддержкой кириллицы от индийского дизайнера.
Шрифт устанавливается на Windows и MacOS
Скачать шрифт
#Typography
Photoshop. Лайфхак📌
Что делать, если перед вами формат документа .psb?
Не паниковать. Данный формат не отличается от .psd, используется для хранения больших документов Photoshop больше 30,000 на 30,000 пикселей в размере и весом более 2 Гб. Поддерживает изображения размером до 300,000 на 300,000 пикселей.
#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
У сайта очень удобная система поиска. Боковая панель отображает фильтры для типов экранов: меню заголовков, состояния, статистика, информация, сетевые функции, игровой процесс и HUD.
Также можно фильтровать по жанру, теме, эстетическим элементам игр, устройству / элементам управления и т.д.
#Design #UI
Game UI Database
The ultimate tool for Game UI and Interface designers. Explore over 1,300 games and 55,000 UI screenshots. Browse and filter by category, animation, colour, material, layout, game genre, and more.
Страница «О компании» на сайте: нужно ли уделять ей много внимания?
Страница «О компании» — это прекрасная возможность убедить клиента в том, что нужно сделать выбор в пользу именно вас. Как этого добиться? Рассказываем в статье.
Сделайте страницу «О компании» полезной, привлекательной для клиента и передающей основные ценности компании. Желаем больших конверсий!
Читать статью
#Design #UX
Страница «О компании» — это прекрасная возможность убедить клиента в том, что нужно сделать выбор в пользу именно вас. Как этого добиться? Рассказываем в статье.
Сделайте страницу «О компании» полезной, привлекательной для клиента и передающей основные ценности компании. Желаем больших конверсий!
Читать статью
#Design #UX
Дайджест новых стилей и сайтов digital-компаний за май: Discord, Pinterest, Calendly, Sketch, Google и другие
Новый стиль Pinterest — очень сложный прикол. Discord стал плейфул, другого слова и не подберешь. Sketch делает наброски нового стиля.
Читать новости
#Design #UI
Новый стиль Pinterest — очень сложный прикол. Discord стал плейфул, другого слова и не подберешь. Sketch делает наброски нового стиля.
Читать новости
#Design #UI
С чего начать и как стать графическим дизайнером?
1. Выбрать направление
Десять лет назад, учиться было негде; сейчас проблема в другом – объём информации по каждой теме практически бесконечный.
2. Не хватайтесь за всё подряд
Для начала, выберите одно из описанных выше направлений, которое вам по душе. Поймите, что вам нравится — читайте блоги, подпишитесь на полезную рассылку, смотрите красивый контент, изучайте отзывы о профессии.
3. Набрать минимальный объём теоретических знаний
Здесь пригодится классическое университетское образование, курсы, либо самообразование. Овладеть инструментами на базовом уровне Новый софт удобно осваивать по видео, либо на практических занятиях.
4. Получайте обратную связь
Идеальный вариант – это практика под руководством наставника (ментора или опытного коллеги). Заведите знакомства Станьте частью сообщества дизайнеров – это может быть комюнити вокруг определённой школы, либо группа коллег.
Автор : Юлия Васецка
#Design
1. Выбрать направление
Десять лет назад, учиться было негде; сейчас проблема в другом – объём информации по каждой теме практически бесконечный.
2. Не хватайтесь за всё подряд
Для начала, выберите одно из описанных выше направлений, которое вам по душе. Поймите, что вам нравится — читайте блоги, подпишитесь на полезную рассылку, смотрите красивый контент, изучайте отзывы о профессии.
3. Набрать минимальный объём теоретических знаний
Здесь пригодится классическое университетское образование, курсы, либо самообразование. Овладеть инструментами на базовом уровне Новый софт удобно осваивать по видео, либо на практических занятиях.
4. Получайте обратную связь
Идеальный вариант – это практика под руководством наставника (ментора или опытного коллеги). Заведите знакомства Станьте частью сообщества дизайнеров – это может быть комюнити вокруг определённой школы, либо группа коллег.
Автор : Юлия Васецка
#Design
Colorful Gradients - градиенты, которые автоматически создаются компьютером.
Полезно знать📌 Принцип золотого сечения в digital - дизайне
-Это альфа и омега любого дизайна - правило золотого сечения дает идеальные пропорции, дизайн выглядит гармонично и естественно. Золотое сечение выглядит визуально вот так (1 фото).
-Если не заморачиваться с формулой, пропорции золотого сечения отдельных элементов составляют 3/2, или 5/3, и так далее. По этому принципу делаются основные элементы сайта. Например, когда при разработке лендинга нужно разместить на странице несколько блоков, золотое сечение приходит на помощь. Идеальная пропорция ширины каждого блока выглядит примерно так (2 фото).
-То же самое касается типографики: колонок текста, размеров заголовка по отношению к шрифту основного текста, размера рекламного баннера и текста под ним и так далее.
- Золотая спираль может быть как вертикальной, так и горизонтальной.
Статья
#Design #UX
-Это альфа и омега любого дизайна - правило золотого сечения дает идеальные пропорции, дизайн выглядит гармонично и естественно. Золотое сечение выглядит визуально вот так (1 фото).
-Если не заморачиваться с формулой, пропорции золотого сечения отдельных элементов составляют 3/2, или 5/3, и так далее. По этому принципу делаются основные элементы сайта. Например, когда при разработке лендинга нужно разместить на странице несколько блоков, золотое сечение приходит на помощь. Идеальная пропорция ширины каждого блока выглядит примерно так (2 фото).
-То же самое касается типографики: колонок текста, размеров заголовка по отношению к шрифту основного текста, размера рекламного баннера и текста под ним и так далее.
- Золотая спираль может быть как вертикальной, так и горизонтальной.
Статья
#Design #UX
Важный принцип моушн - дизайна. Плавность (Easing)📌
Плавность имитирует то, как реальные объекты ускоряются и замедляются с течением времени. Это применимо ко всем элементам интерфейса, демонстрирующим движение.
Противоположность плавности – это линейное движение. Элементы интерфейса, отображающие линейное движение, мгновенно переходят от стационарного состояния к движению на полную скорость, и от движения на полную скорость к стационарному состоянию. Такое поведение не встречается в физическом мире, и поэтому кажется пользователям неестественным.
#Design #Motion
Плавность имитирует то, как реальные объекты ускоряются и замедляются с течением времени. Это применимо ко всем элементам интерфейса, демонстрирующим движение.
Противоположность плавности – это линейное движение. Элементы интерфейса, отображающие линейное движение, мгновенно переходят от стационарного состояния к движению на полную скорость, и от движения на полную скорость к стационарному состоянию. Такое поведение не встречается в физическом мире, и поэтому кажется пользователям неестественным.
#Design #Motion
Gridcalculator - прекрасный ресурс для расчета сетки.
Будет полезен как веб, так и графическим дизайнерам.
Выставляем общую ширину макета, количество колонок, отступы по краям, и между колонками, и получаем ширину колонки. С его помощью можно рассчитать не только сетку, но и размеры любых элементов, с одинаковой шириной.
Допустим нам известно количество столбцов в таблице, и общая ширина. Нужно только задать отступы по краям и между столбцами равными нулю, и мы получим ширину столбцов. Результаты можно скачать в AI, PSD и PNG.
#Design #UI
Будет полезен как веб, так и графическим дизайнерам.
Выставляем общую ширину макета, количество колонок, отступы по краям, и между колонками, и получаем ширину колонки. С его помощью можно рассчитать не только сетку, но и размеры любых элементов, с одинаковой шириной.
Допустим нам известно количество столбцов в таблице, и общая ширина. Нужно только задать отступы по краям и между столбцами равными нулю, и мы получим ширину столбцов. Результаты можно скачать в AI, PSD и PNG.
#Design #UI
LilGrid – плагин, который наведет порядок в вашем интерфейсе. Он берет все неупорядоченные элементы в системе и организует их в виде сетки, которую вы определяете сами.
Это особенно полезно в тех случаях, когда вам нужно организовать большое количество кнопок или иконок в вашей дизайн-системе.
LilGrid не меняет элементы вашего дизайна, а только упорядочивает их на холсте.
#Figma #Plugins
Это особенно полезно в тех случаях, когда вам нужно организовать большое количество кнопок или иконок в вашей дизайн-системе.
LilGrid не меняет элементы вашего дизайна, а только упорядочивает их на холсте.
#Figma #Plugins
👍4
Musli — дискуссионная платформа для дизайнеров
Платформа для онлайн дискуссий.
Простая, полезная, питательная для ума, как мюсли. Объединяющая дизайнеров рунета для развития творческих возможностей.
Платформа для онлайн дискуссий.
Простая, полезная, питательная для ума, как мюсли. Объединяющая дизайнеров рунета для развития творческих возможностей.
UXPUB 🇺🇦 Дизайн-спільнота
Продуктовий дизайн, UX/UI, figma та проектування інтерфейсів. Найбільша спільнота дизайнерів України.
Фетишизация UX-дизайна. Быть дизайнером – значит намного больше, чем мы себе представляем
UX-дизайн сложен. Наша работа – это не только забота о потребностях клиентов.
Мы должны создавать дизайны, которые разработчики могут построить. Придумывайте решения, которые принесут пользу бизнесу, помимо красивого внешнего вида.
Мы также думаем о том, как сделать их доступными, работать на многих устройствах и как это повлияет на другие части нашего продукта.
Читать статью
#Design #UX
UX-дизайн сложен. Наша работа – это не только забота о потребностях клиентов.
Мы должны создавать дизайны, которые разработчики могут построить. Придумывайте решения, которые принесут пользу бизнесу, помимо красивого внешнего вида.
Мы также думаем о том, как сделать их доступными, работать на многих устройствах и как это повлияет на другие части нашего продукта.
Читать статью
#Design #UX
Telegraph
Фетишизация UX-дизайна. Быть дизайнером – значит намного больше, чем мы себе представляем
В 2012 году Google Ventures создала дизайн-спринт. Это пятидневное взаимодействие с членами вашей продуктовой команды. Вы «пробегаете» весь процесс проектирования за неделю, от определения проблемы до создания прототипа. Его суть в том, чтобы привнести идеи…
Как стать дизайнером презентаций?
1. Набить руку в PowerPoint, используя "технику китайца".
Берем самые трендовые презентации (например с сайта https://graphicriver.net/) и повторяем 10-20-n различных слайдов.
2. Найти первого клиента среди знакомых, которому нужна презентация.
В идеале, чтобы этому клиенту от вас нужна была только красивая картинка. На первых порах рекомендуется делать работы по бартеру за рекламу (нам важнее запустить сарафанное радио, чем заработать 5-10 тысяч рублей).
3. Параллельно изучаем процесс работы над смыслами, здесь нам приходят на помощь книги Nansy Duarte "HBR guide to persuasive presentations" или "Slideology", а также основы дизайн-мышления.
4. К этому времени у нас есть несколько работ в портфолио и вы можете откликаться на более сложные проекты (ведь теперь вы можете делать не только красивые картинки, но и помогать структурировать смыслы ваших клиентов)
5. Учимся делать презентации по полному циклу (от постановки цели до проверки в бою и сбора фидбека)
6. Прокачиваем софт скиллы и навыки публичного выступления
7. Начинаем выступать с презентациями сами (на мероприятиях/вебинарах)
8. Повышаем насмотренность с помощью отраслевых конференций.
Автор
#Design #Creative
1. Набить руку в PowerPoint, используя "технику китайца".
Берем самые трендовые презентации (например с сайта https://graphicriver.net/) и повторяем 10-20-n различных слайдов.
2. Найти первого клиента среди знакомых, которому нужна презентация.
В идеале, чтобы этому клиенту от вас нужна была только красивая картинка. На первых порах рекомендуется делать работы по бартеру за рекламу (нам важнее запустить сарафанное радио, чем заработать 5-10 тысяч рублей).
3. Параллельно изучаем процесс работы над смыслами, здесь нам приходят на помощь книги Nansy Duarte "HBR guide to persuasive presentations" или "Slideology", а также основы дизайн-мышления.
4. К этому времени у нас есть несколько работ в портфолио и вы можете откликаться на более сложные проекты (ведь теперь вы можете делать не только красивые картинки, но и помогать структурировать смыслы ваших клиентов)
5. Учимся делать презентации по полному циклу (от постановки цели до проверки в бою и сбора фидбека)
6. Прокачиваем софт скиллы и навыки публичного выступления
7. Начинаем выступать с презентациями сами (на мероприятиях/вебинарах)
8. Повышаем насмотренность с помощью отраслевых конференций.
Автор
#Design #Creative
Сквирклморфизм (Squirclemorphism) в дизайне интерфейсов
Вы заметили рост популярности этого тренда?
Последние годы богаты на новые стили UI дизайна. Начиная с простого плоского дизайна, Material дизайна и заканчивая неоморфизмом, и глассморфизмом.
... Давайте погрузимся в мир сквирклов (суперэллипсов)!
Читать об этом
#Design #UI #Creative
Вы заметили рост популярности этого тренда?
Последние годы богаты на новые стили UI дизайна. Начиная с простого плоского дизайна, Material дизайна и заканчивая неоморфизмом, и глассморфизмом.
... Давайте погрузимся в мир сквирклов (суперэллипсов)!
Читать об этом
#Design #UI #Creative
Браузерный генератор Pattern Generator текстур позволяет создавать уникальные royalty-free текстуры.
У Pattern Generator гибкие настройки: выбрав базовый стиль, вы можете затем настроить свою текстуру с помощью цветов, фильтров и преобразований.
Каждый стиль узора имеет свои уникальные преобразования.
Кнопка «Shuffle» — это та же кнопка «Random», которая перемешивает стили и выдает рандомизированные элементы.
Экспортнуть файл можно не только в JPEG или PNG, но и в качестве кода для inline SVG и фоновой картинки CSS.
#Design #Creative
У Pattern Generator гибкие настройки: выбрав базовый стиль, вы можете затем настроить свою текстуру с помощью цветов, фильтров и преобразований.
Каждый стиль узора имеет свои уникальные преобразования.
Кнопка «Shuffle» — это та же кнопка «Random», которая перемешивает стили и выдает рандомизированные элементы.
Экспортнуть файл можно не только в JPEG или PNG, но и в качестве кода для inline SVG и фоновой картинки CSS.
#Design #Creative
Важный принцип UX : не усложняйте
Оптимизированный пользовательский интерфейс сокращен для повышения скорости и эффективности. Вы можете подумать, что для этого нужно просто сжать изображения, использовать понятный язык и избежать ненужного ввода данных, но почти всегда нужно сделать больше.
При создании прототипа пользовательского интерфейса вы должны внимательно следить за каждым элементом – каждым изображением, призывом к действию, абзацем, кнопкой или элементом стиля – и спрашивать: «Это действительно необходимо?».
- Если от него избавиться, потеряет ли конечный пользователь что-нибудь значимое?
- Будет ли им труднее достичь своей цели или сайт им станет меньше?
Если элемент не оправдывает своего присутствия, выбросьте его.
Простой дизайн легче продемонстрировать, понять, запустить и поддерживать. И вы всегда можете добавить что-то обратно, если станет ясно, что на это есть спрос.
Автор
#Design #UX
Оптимизированный пользовательский интерфейс сокращен для повышения скорости и эффективности. Вы можете подумать, что для этого нужно просто сжать изображения, использовать понятный язык и избежать ненужного ввода данных, но почти всегда нужно сделать больше.
При создании прототипа пользовательского интерфейса вы должны внимательно следить за каждым элементом – каждым изображением, призывом к действию, абзацем, кнопкой или элементом стиля – и спрашивать: «Это действительно необходимо?».
- Если от него избавиться, потеряет ли конечный пользователь что-нибудь значимое?
- Будет ли им труднее достичь своей цели или сайт им станет меньше?
Если элемент не оправдывает своего присутствия, выбросьте его.
Простой дизайн легче продемонстрировать, понять, запустить и поддерживать. И вы всегда можете добавить что-то обратно, если станет ясно, что на это есть спрос.
Автор
#Design #UX
Как найти проект, если вы еще новичок?
1. Вы можете сами создать проект и работать над ним.
2. Например, вы выучили все виды кнопок и полей. Попробуйте создать регистрационную форму на сайте или в приложении. По мере работы вы будете сталкиваться с разными задачами, вопросами и проблемами, но со временем вы узнаете, как создать процесс регистрации.
3. Вы можете стать волонтером проекта и предложить свою помощь в качестве UX / UIдизайнера. В результате ваш дизайн будет использоваться разработчиками и будет опубликован, а вы, в свою очередь, научитесь работать с различными типами задач и добавите этот дизайн в свое портфолио.
4. Создайте дизайн для бизнеса своих знакомых, родственников и друзей – кафе, салон красоты, услуги фотографа и т. д. Нет гарантии, что ваш дизайн потом будет запущен в производство (возможно, в данный момент ваш друг не готов тратить время или деньги на программиста), но зато вы попрактикуетесь и научитесь работать с клиентами.
Автор
1. Вы можете сами создать проект и работать над ним.
2. Например, вы выучили все виды кнопок и полей. Попробуйте создать регистрационную форму на сайте или в приложении. По мере работы вы будете сталкиваться с разными задачами, вопросами и проблемами, но со временем вы узнаете, как создать процесс регистрации.
3. Вы можете стать волонтером проекта и предложить свою помощь в качестве UX / UIдизайнера. В результате ваш дизайн будет использоваться разработчиками и будет опубликован, а вы, в свою очередь, научитесь работать с различными типами задач и добавите этот дизайн в свое портфолио.
4. Создайте дизайн для бизнеса своих знакомых, родственников и друзей – кафе, салон красоты, услуги фотографа и т. д. Нет гарантии, что ваш дизайн потом будет запущен в производство (возможно, в данный момент ваш друг не готов тратить время или деньги на программиста), но зато вы попрактикуетесь и научитесь работать с клиентами.
Автор