#hlam_news
#author_jusfan
Цветовые схемы для проекта
Если вы когда-нибудь застрянете посередине креативного процесса и не будете знать, куда идти дальше в формировании цветовой гаммы проекта, просто взгляните на вашу цветовую палитру и спросите себя, могу ли я сократить количество цветов до 3. А далее ColorBox позволит вам создать в 1 клик оттенки выбранных цветов.
https://colorbox.io
Наиболее эффективная цветовая схема веб-сайта и приложения будет соответствовать соотношению 60-30-10, где основной цвет 60% (включая оттенки), 30% вторичный цвет и 10% - это цветовой акцент (кнопки, иконки и др). Распределение дополнительных цветов с учетом этих пропорций поможет визуально организовать и добавить баланс в ваш дизайн.
Сколько обычно цветов используете в проекте?
#author_jusfan
Цветовые схемы для проекта
Если вы когда-нибудь застрянете посередине креативного процесса и не будете знать, куда идти дальше в формировании цветовой гаммы проекта, просто взгляните на вашу цветовую палитру и спросите себя, могу ли я сократить количество цветов до 3. А далее ColorBox позволит вам создать в 1 клик оттенки выбранных цветов.
https://colorbox.io
Наиболее эффективная цветовая схема веб-сайта и приложения будет соответствовать соотношению 60-30-10, где основной цвет 60% (включая оттенки), 30% вторичный цвет и 10% - это цветовой акцент (кнопки, иконки и др). Распределение дополнительных цветов с учетом этих пропорций поможет визуально организовать и добавить баланс в ваш дизайн.
Сколько обычно цветов используете в проекте?
#hlam_news
#author_jusfan
Виды анимации в мобильном приложении
Правильная анимация в приложении делает его удобным и не отвлекает от самого приложения.
1) Визуальный фидбек крайне важен для любого UI. Увеличивающаяся иконка или движение элемента в определенном направлении при свайпе - показывают, что "что-то происходит", отвечая на действия юзера.
2) Функциональное изменение показывает как меняется функция элемента. Например, кнопка, иконки (Гамбургер становится Х).
3) Ориентация в пространстве - например, гамбургер меню открывается с той же стороны, где была иконка.
4) Иерархия элементов и их взаимодействие - если кнопка активирует всплывающее меню, то лучше, чтобы меню появлялось из кнопки, а не просто выплывало из какого-то угла экрана. Это поможет пользователю понять, что эти два элемента (кнопка и всплывающее меню) связаны.
5) Состояние системы - когда происходит запись звука, то экран приложения должен показывать динамику звуковой дорожки. Один из наиболее распространенных примеров анимации этого типа это «потяните чтобы обновить».
6) Забавные анимации - Зачастую они используются бессмысленно, но так прикольно с ними взаимодействовать. Главное правило: она не должна скрывать функции приложения и быть длинной.
Используете анимации в своих проектах?
#author_jusfan
Виды анимации в мобильном приложении
Правильная анимация в приложении делает его удобным и не отвлекает от самого приложения.
1) Визуальный фидбек крайне важен для любого UI. Увеличивающаяся иконка или движение элемента в определенном направлении при свайпе - показывают, что "что-то происходит", отвечая на действия юзера.
2) Функциональное изменение показывает как меняется функция элемента. Например, кнопка, иконки (Гамбургер становится Х).
3) Ориентация в пространстве - например, гамбургер меню открывается с той же стороны, где была иконка.
4) Иерархия элементов и их взаимодействие - если кнопка активирует всплывающее меню, то лучше, чтобы меню появлялось из кнопки, а не просто выплывало из какого-то угла экрана. Это поможет пользователю понять, что эти два элемента (кнопка и всплывающее меню) связаны.
5) Состояние системы - когда происходит запись звука, то экран приложения должен показывать динамику звуковой дорожки. Один из наиболее распространенных примеров анимации этого типа это «потяните чтобы обновить».
6) Забавные анимации - Зачастую они используются бессмысленно, но так прикольно с ними взаимодействовать. Главное правило: она не должна скрывать функции приложения и быть длинной.
Используете анимации в своих проектах?
#hlam_news
#author_jusfan
Ниже анимация меню YELP на Android. Почему динозавр? Почему лифт? Никто не знает. Вероятно, это всего лишь небольшой проект кого-то из команды разработчиков Yelp.
Как вам такая анимация?
#author_jusfan
Ниже анимация меню YELP на Android. Почему динозавр? Почему лифт? Никто не знает. Вероятно, это всего лишь небольшой проект кого-то из команды разработчиков Yelp.
Как вам такая анимация?
«ВКонтакте» представила бесплатный конструктор одностраничных сайтов для бизнеса на основе сообществ.
Пользователи могут просматривать страницу и связываться с продавцом без авторизации в соцсети.
Создатель получит ссылку вида «vk.link/design_in_trash».
@design_in_trash
Пользователи могут просматривать страницу и связываться с продавцом без авторизации в соцсети.
Создатель получит ссылку вида «vk.link/design_in_trash».
@design_in_trash
#hlam_news
#author_jusfan
Ивент от Apple 'Еще кое-что' 2020
Apple объявила о ивенте 'Еще кое-что' (One more thing) 10 ноября, на котором, компания анонсирует свои первые компьютеры Mac на базе Arm, которые будут работать на чипах Apple Silicon вместо процессоров Intel, которые компания использовала с 2005 года.
Интересно, что фраза «One More Thing» уже использовалась ранее в Apple ивентах Стивом Джобсом при анонсе важных продуктов. Последний раз при анонсе iPhone X в 2017 году.
Чего ждать?
Ходят слухи, что Apple начнет использовать свои чипы Apple Silicon в MacBook, а в будущем для всей линейки продуктов - от ноутбуков до настольных компьютеров.
Вполне вероятно, что на мероприятии будет запущена и macOS 11 Big Sur, которая уже несколько месяцев находится в стадии бета-тестирования.
Будете смотреть ивент?
#author_jusfan
Ивент от Apple 'Еще кое-что' 2020
Apple объявила о ивенте 'Еще кое-что' (One more thing) 10 ноября, на котором, компания анонсирует свои первые компьютеры Mac на базе Arm, которые будут работать на чипах Apple Silicon вместо процессоров Intel, которые компания использовала с 2005 года.
Интересно, что фраза «One More Thing» уже использовалась ранее в Apple ивентах Стивом Джобсом при анонсе важных продуктов. Последний раз при анонсе iPhone X в 2017 году.
Чего ждать?
Ходят слухи, что Apple начнет использовать свои чипы Apple Silicon в MacBook, а в будущем для всей линейки продуктов - от ноутбуков до настольных компьютеров.
Вполне вероятно, что на мероприятии будет запущена и macOS 11 Big Sur, которая уже несколько месяцев находится в стадии бета-тестирования.
Будете смотреть ивент?
#hlam_news
#author_jusfan
Самое ненавистное в работе UX Дизайнера
Есть вещи, которые ненавидят в своей работе UX дизайнеры (от небольших агентств до Кремниевой долины).
1️⃣ И на 1-м месте - РАБОТАТЬ С ДРУГИМИ ЛЮДЬМИ: клиенты, коллеги, босс, или другие UX Дизайнеры.
2️⃣ На 2-м месте - объяснять свою идею другим людям. Дизайнеры обожают свою работу, но ненавидят презентовать это менеджрам или людям, которые не понимают UX.
3️⃣ 3-е место - собираться командой и придумывать идеи.
Такие данные были получены в результате опроса UX дизайнеров немецким дизайн агенством AJ&Smart.
Согласны с таким рейтингом?
#author_jusfan
Самое ненавистное в работе UX Дизайнера
Есть вещи, которые ненавидят в своей работе UX дизайнеры (от небольших агентств до Кремниевой долины).
1️⃣ И на 1-м месте - РАБОТАТЬ С ДРУГИМИ ЛЮДЬМИ: клиенты, коллеги, босс, или другие UX Дизайнеры.
2️⃣ На 2-м месте - объяснять свою идею другим людям. Дизайнеры обожают свою работу, но ненавидят презентовать это менеджрам или людям, которые не понимают UX.
3️⃣ 3-е место - собираться командой и придумывать идеи.
Такие данные были получены в результате опроса UX дизайнеров немецким дизайн агенством AJ&Smart.
Согласны с таким рейтингом?
Дизайн в хлам 💣 via @vote
Что вам не нравится в работе UX Дизайнера?
anonymous poll
Когда креативный директор не знает что такое Grid – 26
👍👍👍👍👍👍👍 27%
Все нравится – 21
👍👍👍👍👍👍 22%
Другие UX дизайнеры – 17
👍👍👍👍👍 18%
Придумывать идеи – 14
👍👍👍👍 14%
Oбъяснять свою идею другим людям – 12
👍👍👍 12%
Все вышеперечисленное – 7
👍👍 7%
👥 97 people voted so far.
anonymous poll
Когда креативный директор не знает что такое Grid – 26
👍👍👍👍👍👍👍 27%
Все нравится – 21
👍👍👍👍👍👍 22%
Другие UX дизайнеры – 17
👍👍👍👍👍 18%
Придумывать идеи – 14
👍👍👍👍 14%
Oбъяснять свою идею другим людям – 12
👍👍👍 12%
Все вышеперечисленное – 7
👍👍 7%
👥 97 people voted so far.
#Дружеский пост
Делимся интересной статьей о новом сервисе, который наши коллеги дизайнеры психонули и запилили на Tilda. Это маркетплейс карьерных возможностей, который помогает людям сменить профессию!
В статье простым языком про:
- Рисеч и пользовательские портреты
- Дизайн процесс от проектирования к дизайну
- Монетизация проекта
В общем, хватит слов, читайте и лайк не забудьте 💚
Читать «Изи Пизи»
@design_in_trash
Делимся интересной статьей о новом сервисе, который наши коллеги дизайнеры психонули и запилили на Tilda. Это маркетплейс карьерных возможностей, который помогает людям сменить профессию!
В статье простым языком про:
- Рисеч и пользовательские портреты
- Дизайн процесс от проектирования к дизайну
- Монетизация проекта
В общем, хватит слов, читайте и лайк не забудьте 💚
Читать «Изи Пизи»
@design_in_trash
#hlam_news
#author_jusfan
macOS Big Sur уже доступна!
Прошло почти пять месяцев между его объявлением на WWDC и вчерашним публичным выпуском. Это первая версия macOS, специально созданная для новых компьютеров Mac на базе Arm - крупнейшее изменение в оборудовании Apple примерно за 14 лет!
🍏 Одним из больших дополнений является Центр управления - iOS / iPadOS, которая представляет собой полупрозрачную панель в правой части экрана.
🍏 Safari также был обновлен: теперь он выглядит намного минималистичнее и приятнее для работы.
🍏 Но два самых больших изменения - это добавление расширений в стиле Chrome и отчета о конфиденциальности, в котором показаны все трекеры на любом конкретном веб-сайте и сколько из них отслеживают ваши перемещения в Интернете за последние 30 дней.
🍏 Big Sur - это более яркие цвета, больше используется прозрачность, а значки в виде прямоугольников.
Скачали? 👀
#author_jusfan
macOS Big Sur уже доступна!
Прошло почти пять месяцев между его объявлением на WWDC и вчерашним публичным выпуском. Это первая версия macOS, специально созданная для новых компьютеров Mac на базе Arm - крупнейшее изменение в оборудовании Apple примерно за 14 лет!
🍏 Одним из больших дополнений является Центр управления - iOS / iPadOS, которая представляет собой полупрозрачную панель в правой части экрана.
🍏 Safari также был обновлен: теперь он выглядит намного минималистичнее и приятнее для работы.
🍏 Но два самых больших изменения - это добавление расширений в стиле Chrome и отчета о конфиденциальности, в котором показаны все трекеры на любом конкретном веб-сайте и сколько из них отслеживают ваши перемещения в Интернете за последние 30 дней.
🍏 Big Sur - это более яркие цвета, больше используется прозрачность, а значки в виде прямоугольников.
Скачали? 👀
MacOS 11
Big Sur
Бесплатный UI Kit
Библиотека пользовательского интерфейса Sketch и Figma Desktop для создания веб-приложений и настольных приложений.
Ускорьте свой рабочий процесс с помощью бесплатной аккуратно организованной структуры элементов и стилей.
СКАЧАТЬ
Big Sur
Бесплатный UI Kit
Библиотека пользовательского интерфейса Sketch и Figma Desktop для создания веб-приложений и настольных приложений.
Ускорьте свой рабочий процесс с помощью бесплатной аккуратно организованной структуры элементов и стилей.
СКАЧАТЬ
This media is not supported in your browser
VIEW IN TELEGRAM
Вот и подкатил обновленный Sketch 70
Обновленный интерфейс, который полностью соответсвует MacOS Big Sur.
https://t.iss.one/design_in_trash
Обновленный интерфейс, который полностью соответсвует MacOS Big Sur.
https://t.iss.one/design_in_trash
#вп
Авторский канал @designertyt о UI/UX дизайне.
Надежда Левичева делится инструментами, ресурсами, конспектами книг для дизайнеров и статьями про интерфейс. А когда это всё опробовано на собственном опыте, сразу понятно – только годный материал.
Авторский канал @designertyt о UI/UX дизайне.
Надежда Левичева делится инструментами, ресурсами, конспектами книг для дизайнеров и статьями про интерфейс. А когда это всё опробовано на собственном опыте, сразу понятно – только годный материал.
#hlam_news
#author_jusfan
С праздников Figma-дизайнеры! 🥳
На днях Figma исполнилось 5 лет! Ее создатели сделали ставку на браузер и не прогадали. А все дело в том, что они использовали Google Docs, а затем возвращались в реальный мир и интуитивно поняли, что в Инете то проще :) Ведь там легче осуществлять взаимодействие с другими людьми, больше прозрачности и быстрее доступ.
Некоторые дизайнеры негативно восприняли эту идею и даже говорили, что "если это будущее дизайна, они меняют карьеру." Вполне закономерно, что страх перед новым вызвал у людей ШОК. Для других прозрачность казалась большим контролем!
Но практика показала, что работа в цифровом пространстве для совместной работы перемещает команды от мышления «мои идеи» к «нашим идеям». Figma - это приглашение оставить эго за дверью и создать совместное с другими сознание.
Любите работать в Figma?
#author_jusfan
С праздников Figma-дизайнеры! 🥳
На днях Figma исполнилось 5 лет! Ее создатели сделали ставку на браузер и не прогадали. А все дело в том, что они использовали Google Docs, а затем возвращались в реальный мир и интуитивно поняли, что в Инете то проще :) Ведь там легче осуществлять взаимодействие с другими людьми, больше прозрачности и быстрее доступ.
Некоторые дизайнеры негативно восприняли эту идею и даже говорили, что "если это будущее дизайна, они меняют карьеру." Вполне закономерно, что страх перед новым вызвал у людей ШОК. Для других прозрачность казалась большим контролем!
Но практика показала, что работа в цифровом пространстве для совместной работы перемещает команды от мышления «мои идеи» к «нашим идеям». Figma - это приглашение оставить эго за дверью и создать совместное с другими сознание.
Любите работать в Figma?
#hlam_news
#author_jusfan
Цвет года Pantone 2021
Точнее 2 цвета сразу! 9 декабря Pantone объявил о своих цветах 2021 года: PANTONE 17-5104 Ultimate Grey и PANTONE 13-0647 Illuminating. Выбрав два цвета только второй раз за 22 года, Pantone описал выбранные желтый и серый как независимые, но дополняющие друг друга цвета, представляя тему единства и взаимной поддержки.
Как вам цвета?
#author_jusfan
Цвет года Pantone 2021
Точнее 2 цвета сразу! 9 декабря Pantone объявил о своих цветах 2021 года: PANTONE 17-5104 Ultimate Grey и PANTONE 13-0647 Illuminating. Выбрав два цвета только второй раз за 22 года, Pantone описал выбранные желтый и серый как независимые, но дополняющие друг друга цвета, представляя тему единства и взаимной поддержки.
Как вам цвета?
#hlam_news
#author_jusfan
Дизайн тулы 2020
Расцвет видеосвязи и удаленной работы был очевиден, но как пандемия изменила привычки дизайнеров? Ведь они почти не выходят из дома? Более 4000+ дизайнеров по всему миру участвовали в опросе: из них 155 из России, 959 США, 3000+ другие страны.
1. На Маке работают - 3432, Windows - 1029 и Linux - 40 .
2. Для UI дизайна используют:
Figma - 1975
Sketch - 1152
Dobe XD - 473
Photoshop - 79
3. Прототипирование:
Figma - 1702
InVision - 407
Adobe XD - 502
Sketch - 370
Figma выиграла почти во всех номинациях: UI Дизайн, User Flow, Прототипирование, Дизайн Система. Юзер тестирование - ZOOM. Мозговой штурм - MIRO.
Какой тул вы используете чаще всего?
#author_jusfan
Дизайн тулы 2020
Расцвет видеосвязи и удаленной работы был очевиден, но как пандемия изменила привычки дизайнеров? Ведь они почти не выходят из дома? Более 4000+ дизайнеров по всему миру участвовали в опросе: из них 155 из России, 959 США, 3000+ другие страны.
1. На Маке работают - 3432, Windows - 1029 и Linux - 40 .
2. Для UI дизайна используют:
Figma - 1975
Sketch - 1152
Dobe XD - 473
Photoshop - 79
3. Прототипирование:
Figma - 1702
InVision - 407
Adobe XD - 502
Sketch - 370
Figma выиграла почти во всех номинациях: UI Дизайн, User Flow, Прототипирование, Дизайн Система. Юзер тестирование - ZOOM. Мозговой штурм - MIRO.
Какой тул вы используете чаще всего?
#hlam_news
#author_jusfan
Morph плагин в Figma
С помощью этого плагина можно создавать такие эффекты, как Skeuomorph, Neon, Glitch, Reflection, Стекло и т. д.
Прямо в Figma!
1️⃣ Преобразование в один клик:
Просто выберите любую фигуру, вектор или текстовый слой, выберите эффект морфинга из плагина и бум!
2️⃣ Эффекты легко настраиваются под ваши потребности!
Пробовали уже этот плагин?
#author_jusfan
Morph плагин в Figma
С помощью этого плагина можно создавать такие эффекты, как Skeuomorph, Neon, Glitch, Reflection, Стекло и т. д.
Прямо в Figma!
1️⃣ Преобразование в один клик:
Просто выберите любую фигуру, вектор или текстовый слой, выберите эффект морфинга из плагина и бум!
2️⃣ Эффекты легко настраиваются под ваши потребности!
Пробовали уже этот плагин?
Forwarded from Fonnnts
Шрифт Tampico (бесплатные символы)
Новый шрифт с эффектом Rough, который включает 80+ глифов и альтернативных символов.
(для личного пользования файл ниже)
Автор: Dmitry Mashkin, Artcoast Studio
Платная версия
@fonts_in_trash
Новый шрифт с эффектом Rough, который включает 80+ глифов и альтернативных символов.
(для личного пользования файл ниже)
Автор: Dmitry Mashkin, Artcoast Studio
Платная версия
@fonts_in_trash
This media is not supported in your browser
VIEW IN TELEGRAM
Новый элегантный и практичный веб-дизайн: веб-сайт электронной коммерции модного бренда. Подход к дизайну основан на минималистичном и просторном макете, чтобы ничто не отвлекало посетителей от красивого фотоконтента, представляющего предметы и разделяющего общий стиль бренда.
Fashion Brand Website
tubik
Fashion Brand Website
tubik