5432
Сайт: https://dsgners.ru Реклама/связь: @design_guru_bot
Напоминаем вам, что у нас есть чат для общения на дизайнерские темы. Тут вы можете обмениваться опытом, знаниями, идеями, или получить фидбэк по своей работе.
http://t.me/UIUX_Talk
🍔«Гамбургер» — словарь дизайнера
Иконка меню, которую часто используют в приложениях и мобильных адаптациях сайта.
Называется так, потому что обозначается тремя горизонтальными полосками, расположенными друг над другом, и визуально похожа на бургер.
Использование такой иконки сохраняет простоту и минимализм интерфейса.
Дизайн-система Apple – одна из самых «старых»
Web, macOS, iOS, iPadOS, watchOS, visionOS, tvOS
Apple Human Interface Guidelines (или просто HIG) — одна из самых старых дизайн-систем в мире. За годы существования в ней скопилось много кейсов и правил, направляющих дизайнеров, редакторов, разработчиков и менеджеров в работе. Важно отметить, что HIG создаётся не только для использования внутри компании, ей должны следовать все разработчики приложений на платформе Apple, иначе приложения не пройдут в App Store.
Вайрферм - словарь дизайнера
Слово «wireframe» переводится с английского, как «каркас». В UX/UI-дизайне и веб-дизайне этим термином обозначают черновой вариант приложения или сайта.
Вайрферм помогает схематично визуализировать расположение различных элементов на экране, например, текстовых блоков, изображений и кнопок. Вместо фотографий и изображений на этом этапе обычно используют заглушки, а вместо готового реального текста — шаблонный текст Lorem.
👾Distortion – стиль «искажение» в дизайне
Distortion («дисторшн», «дисторция») в переводе с английского - искажение. В глобальном смысле, это визуальный эффект, основанный на искажении элементов.
К дисторшену в дизайне можно отнести любые приемы, которые вносят хаос в композицию, добавляют ощущение, что что-то пошло не так (шумы, глитчи, неравные интервалы, несочетающиеся цвета, наложение текстур, тектовые искажения).
Каковы основные функции темной темы в дизайне?
У тёмной темы есть чёткие задачи. Первая - снижение нагрузки на глаза в ночное время. Менее контрастный свет позволяет глазам легче адаптироваться к нагрузке.
Вторая - возможность взглянуть на продукт по-новому. Сменить тему помогает представить продукт в новом свете.
🤔Да кто такой этот ваш UI?
User Interface, или
Пользовательский интерфейс
Это все кнопки, таблички, поля для ввода текста, выбор цветов, систематизация элементов, колонки.
Иначе говоря, это внешний вид интерфейса.
🍊NDA - важный документ для дизайнеров.
NDA или non-disclosure agreement - это соглашение
о неразглашении. Его обычно заключают, когда хотят защитить конфиденциальную информацию.
Например, финансовые условия договора, закрытые данные компании или интеллектуальную собственность.
Обычно с дизайнерами NDA заключают большие компании или стартапы.
Разрешение
Разрешение относится к количеству пикселей на дюйм (PPI) или точек на дюйм (DPI), которые могут быть отображены на экране или выведены на печать в заданных размерах.
Оно играет важную роль в определении уровня детализации и четкости изображения. Высокое разрешение означает большее количество пикселей на единицу площади, что обеспечивает более детализированное и четкое изображение. Низкое разрешение, напротив, может привести к размытости и потере деталей.
В цифровом дизайне разрешение имеет влияние на качество изображений на экране, веб-страницах или в цифровых документах. Высокое разрешение особенно важно при работе с фотографиями или детализированной графикой.
При работе с печатным дизайном разрешение также влияет на качество печати. Более высокое разрешение позволяет получить более четкую и детализированную печать, но может требовать большего объема данных и места для хранения файлов.
Дополненная реальность: хайп и деньги
Я не расскажу про дизайн под виртуальную реальность. Зато, будет про применимость технологии в реальной жизни. Как технология приносит деньги, в чём соль и риски. Возможно, эти примеры вдохновят вас и помогут сделать продукт лучше.
Ссылка на статью: https://dsgners.ru/ux/657-dopolnennaya-realnost-hayp-i-dengi
Обрезка
Обрезка (обрезка изображения) относится к процессу изменения размеров или формы изображения, чтобы подогнать его под конкретные требования макета или композиции. Обычно это делается путем удаления лишних частей изображения или изменения его пропорций.
Обрезка может быть использована для достижения различных целей в дизайне, включая улучшение композиции, усиление визуального центра или создание пространственного эффекта. Она помогает управлять пропорциями и фокусировкой зрительного восприятия, чтобы подчеркнуть определенные элементы или создать баланс в композиции.
Процесс обрезки может осуществляться с помощью графических редакторов или инструментов дизайна, где вы выбираете определенную область изображения, которую хотите сохранить, а все, что находится за пределами этой области, обрезается.
Обрезка играет важную роль в дизайне, позволяя создавать более привлекательные и эффективные визуальные композиции, выделять ключевые элементы и улучшать восприятие изображений.
Начертание
Начертание относится к стилю и форме буквенных символов. Оно определяет внешний вид шрифта и включает такие атрибуты, как толщина линий, форма и углы символов.
Различные типы начертания, такие как полужирное, курсив, капитель, легкое и контурное, используются для создания визуальных эффектов, подчеркивания важности текста и создания эстетической подачи.
Выбор правильного начертания имеет важное значение для создания желаемого стиля и эмоциональной реакции на текст. Опытные дизайнеры умело используют различные начертания, чтобы достичь нужного визуального воздействия и подчеркнуть ключевые элементы сообщения.
Начертание помогает выделить важные элементы, создать контраст и усилить визуальный эффект текста. Точный выбор начертания может влиять на восприятие и настроение текста, а также создавать узнаваемый стиль и эстетическую целостность в дизайне.
С помощью Adobe Animate CC можно создавать векторную анимацию, рекламу, мультимедийный контент, динамические проекты, приложения, игры и многое другое. Канал @AnimateAdobe поможет тебе в его освоении. Тут ты научишься применять инструменты анимации на практике и узнаешь все фишки создания 2д анимаций.
Читать полностью…
Завершили набор на стажировку CreativePeople x Humbleteam: 4 совета как попасть в сердечко дизайн-директорам при выполнении тестового
Мы закончили летний набор на стажировку UX/UI-дизайнеров от CreativePeople и Humbleteam. За это время мы провели 2 стрима: в первом рассказали про формат стажировки и дали тестовое. А во втором — детально рассмотрели, как можно было бы решить задачу из тестового задания.
По итогу мы разобрали все присланные 623 отклика! А 57 человек выделились на общем фоне и попали в категорию «горячо», а значит их решения были интересны, и они смогли неформально подойти к задаче.
Ссылка на статью: https://dsgners.ru/ux/1023-zavershili-nabor-na-stajirovku-creativepeople-x-humbleteam-4-soveta-kak-popast-v-serdechko-dizayn-direktoram-pri-vyipolnenii-testovogo
Want to earn $5000/month from your project and realize your creativity 100%?
The @MotionDsgn channel shares cool things and life hacks on motion design.
Everything is here: scripts, plugins, themes, as well as free lessons that make professionals out of beginners.
You will be able to improve the quality of your work and earn more.
Everyone who earns money from design is already here!
@MotionDsgn
And you?
Леттеринг — это техника рисования надписей.
Самое главное — у них всегда уникальный визуальный характер, и их дизайн всегда несёт определённую идею.
Пример, который многим знаком, — леттеринг, сделанный мелом на доске в кафе или баре. Такие декоративные надписи часто делают, чтобы объявить об акциях, рассказать о меню — или просто для украшения интерьера.
По статистике — ваш продукт успешнее продадут милые, «мимимишные» вещи, чем реалистичные фигурки или иконки!
Милые вещи притягивают взгляд. Мы смотрим на них, и у нас поднимается настроение. Но это не просто баловство, а успешный феномен, продуманный подход, который вызывает у людей нужные эмоции и, в конечном счете, побуждает их к совершению покупки.
Анализирование конкурентов на маркетплейсах для создания наиболее эффективной карточки и графической воронки
Само по себе выражение «анализ конкурентов» неоднозначное и не даёт никакого конкретного ответа. Можно пробежаться глазами по ТОП-10 поисковой выдачи, а можно углубиться в каждую интересную карточку, оценить решения, увидеть недочеты и применить полученные данные в карточке клиента
Ссылка на статью: https://dsgners.ru/graphic-design/2327-analizirovanie-konkurentov-na-marketpleysah-dlya-sozdaniya-naibolee-effektivnoy-kartochki-i-graficheskoy-voronki
Коммуникационный дизайнер: за что отвечает?
Он отвечает за дизайн самой информации: как говорит бренд (Tone of Voice), как он себя позиционирует, какие эмоции вызывает. Поэтому коммуникационный дизайн связан с разными дисциплинами: копирайтингом, маркетингом, анимацией, иногда даже с саунд-дизайном.
Графический дизайнер транслирует смыслы и эмоции через графику. Коммуникационный дизайнер — дизайнер этих эмоций и смыслов.
Исследование работы с метриками среди дизайнеров в продукте и студии
440+ респондентов из студий и продуктов, и печальная статистика, которая указывает на большой разрыв между бизнесом и дизайном. Читаем, удивляемся!
Ссылка на статью: https://dsgners.ru/product-design/2232-issledovanie-rabotyi-s-metrikami-sredi-dizaynerov-v-produkte-i-studii
Dark Patterns. Как приложение зарабатывает миллион долларов ежемесячно на прогнозе ветра?
Разберёмся каким образом приложение имеющее кучу бесплатных аналогов и использующее данные из открытых источников может хорошо зарабатывать, а другие нет. Какие приёмы монетизации выуживают деньги на подписку из кошелька потребителя?
Ссылка на статью: https://dsgners.ru/product-design/2113-dark-patterns-kak-prilojenie-zarabatyivaet-million-dollarov-ejemesyachno-na-prognoze-vetra
🤔Да кто такой этот ваш UX?
User Experience, или
Пользовательский опыт
Это впечатления, которые возникают у человека при взаимодействии с продуктом.
Другими словами, это функционал интерфейса.
Решение болей с версткой таблиц в интерфейсе на примере ERP-системы
В процессе работы с уже существующими интерфейсами я часто решаю боли, которые возникают у пользователей. Эти боли может принести клиент, они могут проявиться в ходе исследования или в ходе анализа интерфейса, который мы проводим на старте работы.
Показываю как решаю боли клиента в интерфейсе ERP-системы для управления производством.
Ссылка на статью: https://dsgners.ru/ux/1173-reshenie-boley-s-verstkoy-tablits-v-interfeyse-na-primere-erp-sistemyi
Тон, Тональностью, Оттенок и Тень
Разница между Тоном (Hue), Тональностью (Tone) Оттенком (Tint) и Тенью (Shade)
Тон (Hue) - самый базовый цвет, определяющий его место в цветовом круге.
Тональность (Tone) - степень яркости или темноты цвета.
Оттенок (Tint) - светлый цвет, полученный при смешивании цвета с белым.
Тень (Shade) - темный цвет, полученный при смешивании цвета с черным.
Эти понятия в дизайне помогают создавать разнообразие цветов и контраста, добавлять глубину и эффекты в визуальной композиции.
Hey bro!
Learn design - earn money
On the @designbros channel, cool and useful content, services, tools and free sources that you love so much are released every day.
Один из лучших каналов по дизайну в телеге
Там нет перепостов из инсты или тиктока. Там только качественный авторский контент.
Автор пишет статьи на разные темы, от ux исследований и до дизайн-токенов
Переходи в канал, смотри закрепленное сообщение и ищи по тегам интересующую тему
Канал тут
Тренды анимации в 2023 году:
• Смешивание 2D и 3D
• Фотореалистичная отрисовка
• Морфинг
• NFT и крипто-искусство
• Изометрическая графика
Как грамотно повторить эти тренды, узнайте в Secret Motion — телеграм канал, который вдохновляет моушен дизайнеров и показывает, как работать в таких популярных программах, как After effects, Blender 3D и другие. Автор канала находит новые способы для создания эффектных проектов, которые захватывают внимание и приковывают взгляд.
- Как сделать эффектный сайт с 3D моделью.
- Чем озвучивать моушен дизайн.
- Пак бесплатных текстур-имперфекшенов в 4K.
@secret_motion — расскажет, в чем секрет крутой анимации. Это под силу даже новичку!
Контраст
Контраст относится к разнице между различными элементами визуальной композиции. Он используется для создания визуального интереса и привлечения внимания зрителя.
Контраст может быть достигнут путем использования различных элементов, таких как цвет, форма, размер, текстура и яркость, которые являются противоположными или сильно различающимися.
Например, контраст цвета может быть создан путем использования противоположных цветов (например, черного и белого) или цветов, находящихся на противоположных концах цветового спектра.
Контраст помогает улучшить читабельность, выделить ключевые элементы и создать эмоциональную атмосферу в дизайне.
Unreal Engine - игровой движок нового поколения, который позволяет создавать игры любого жанра. Его используют как крупные компании, так и небольшие инди-студии. Такие культовые игры как: Batman: Arkham, Asylum, Mortal Kombat 11, Borderlands, A Way Out, Mass Effect и BioShock: Infinite были разработаны на движке Unreal.
А на канале @UEsoft ты найдешь уроки, статьи, ассеты, модели, советы, эффекты, текстуры, новости и игры, самый полезный и интересный контент собранный со всего интернета.
Подписывайся
Мы сошли с ума! Бесплатно раздаем программы обучения!
Обычная цена: 45 000 руб.Цена сегодня: 0 руб.
Торопись 👈🏼
Реклама ООО "ГикБреинс"
erid: LjN8K5NHV