Обновить

Дизайн

Сначала показывать
Порог рейтинга
Уровень сложности

Как быть 3D Артисту (Художнику) в 2020-х. Глава 2. Арт (II часть)

Уровень сложностиСредний
Время на прочтение17 мин
Количество просмотров1.6K

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

Сейчас же хочу поговорить одновременно: о более предметном и о более абстрактном.
Предлагаю Вашему вниманию темы на разбор:
- Арт скиллы в 3D.
- Эмоции.
- Знания. Вкус. Насмотренность.

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

Стать ЕЩЕ круче!

История одного редизайна. Экран карты в мобильном приложении ОТП Банка

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров2K

Привет, Хабр! Меня зовут Митя и я занимаюсь развитием цифровых продуктов в ДБО в ОТП Банке.

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

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

Читать далее

GIMP: фильтр Balance

Уровень сложностиПростой
Время на прочтение2 мин
Количество просмотров1.2K

В практике обработки изображений часто встают задачи различных выравниваний цветовых компонент этих самых изображений. И в первую очередь это касается яркостной составляющей изображений. К этим задачам относится такой фильтр как Retinex. Этот фильтр хорошо выравнивает яркостную составляющую изображения, но беспощадно искажает соотношение цветовых составляющих - картинка становится "кислотной".

Для нужд STEX (ScanTailor-Experimental) была поставлена задача разработки фильтра, производящего выравнивание яркостной составляющей, но щадящей цвет. Это необходимо для вытягивания слабовыраженных контуров, не поддающихся отрисовке ни одним из имеющихся в STEX порогов без доп. префильтрации с сохранением гармоничности цветных иллюстраций.

Данный фильтр разрабатывался в GIMP и был реализован в STEX для яркостной компоненты, а позднее в виде CLI утилиты stbibalance на базе STB в полноцветовом исполнении.

Читать далее

UX/UI портфолио. Часть 1: Я хороший мальчик

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров3.1K

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

За год изучения вопроса и погружения в тематику посмотрел большое количество текстов и видео. Если все эти материалы сжать в одну эмоцию, то это однозначно будет «страдание». Дизайнеры страдают… Недавно попалось видео в котором молодая дизайнерка рассказывала трагическую и поучительную историю своего трудоустройства, сравнимую по накалу страстей ни много ни мало с самим Гамлетом. Фабула: заказчики дураки, а я в белом пальто стою красивая. Ну, и конечно, не обошлось без советов космического масштаба и космической же глупости…

Высокая конкуренция — это всегда стресс, но это не значит, что действовать нужно наугад в надежде, что в итоге количество перейдет в качество… может не перейти. Про графический дизайн не берусь судить, но в дизайне интерфейсов, UX/UI главная задача — сделать удобно, понятно и эстетично. Ровно эти же требования предъявляются и к хорошему портфолио т.е. умелый UX/UI дизайнер вынужден подходить к своему портфолио «юиксово», но к сожалению так бывает далеко не всегда.

Я задумал написать серию небольших статей в жанре «что такое хорошо и что такое плохо» в отношении портфолио UX/UI дизайнера. Надеюсь, эти скромные труды хотя бы немного снизят градус страданий от отказов и игнора со стороны потенциальных работодателей.

Читать далее

Боль расставания с деньгами и как дизайнер может на нее повлиять. Исследования

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров3.5K

Отдавать свои деньги — неприятно. Для этого ощущения есть специальный термин Pain of Payment или стресс расставания с деньгами. 

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

Но интереснее всего, конечно, это тема бизнесу и маркетингу. Я в этой статье я расскажу про то, что может быть полезно дизайнеру и продакт-менеджеру: научные исследования о том, как дизайн приложения может помочь человеку меньше страдать, расставаясь с деньгами.

Читать далее

Хаос и структура продуктового дизайнера

Уровень сложностиПростой
Время на прочтение5 мин
Количество просмотров568

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

Абстракция в процессе — это не когда ты не знаешь, что делаешь. Это когда ты ещё не знаешь, что из этого получится. У тебя уже есть обрывки идей, сырые инсайты, эмоции от пользователей, странные ощущения, которые нельзя выразить словами — но именно они и двигают тебя вперёд. Это как быть внутри тумана, но интуитивно идти в правильном направлении. Никакой структуры. Никаких диаграмм. Только внутренний компас и ощущение: «Тут что-то есть».

И да, это очень некомфортно. Потому что мир продуктового дизайна давно оброс фреймворками, CJM’ами, метриками, таймлайнами и бэклогами. И ты вроде как должен всё объяснить — команде, бизнесу, себе. А у тебя — только странный набросок, скрин экрана и фраза: «Мне кажется, вот в этом что-то есть».

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

Читать далее

GIMP: реверс фильтров

Уровень сложностиПростой
Время на прочтение2 мин
Количество просмотров1.2K

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

Операция обращения (реверс) действия фильтра производится с помощью наложения "Grain Extract" ("Извлечения зерна"). Это наложение работает как diff/patch двух слоёв, при условии, что эти слои отличаются не более чем на половину цветового диапазона (256/2 = 128 для 8-ми битных изображений).

В данной статье будет рассмотрено применение "Извлечение зерна" только для обращения действия фильтров. Это будет определять порядок наложения слоёв. В зависимости от порядка наложения diff/patch слоёв будет инвертироваться.

Для примеров в качестве исходного возьмём изображение "Лена".

Читать далее

Сделай удобно: подборка UI/UX-кейсов из цифровых и нецифровых продуктов (#14)

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров2.4K

Продолжаю изучать различные UI/UX/CX кейсы в мобильных приложениях, веб-сайтах и в реальном мире. Дизайнерам и менеджерам по продукту, чтобы вдохновиться и добавить в заметки.

Под катом: Youtube, Glovo, Intsagram, Tiny Glade.

Читать далее

UI-челлендж: 30 виджетов за 30 дней. Часть 2

Уровень сложностиПростой
Время на прочтение1 мин
Количество просмотров1.1K

Привет! Меня зовут Настасия, я автор телеграм-канала гиперфокус, привет и дизайнер из Яндекса в Авто.ру Бизнес. В прошлом году я уже проходила UI-челлендж и делилась этим в этой статье на Хабре — рисовала виджеты каждый день, где основное правило было успеть до 00:00, либо начинаешь с самого начала. И у меня это вышло, правда со второго раза, но я не сдалась и завершила его) Было непросто, но классно. С тех пор многое поменялось, но любовь к этому формату осталась

И вот — я снова в игре. Только теперь не одна, а вместе с моей коллегой и дизайнером Ренатой из Авто.ру. Мы запустили новый раунд челленджа: 30 дней — 30 UI-виджетов. Если в прошлый раз, когда я проходила путь одна и повторяла уже существующие виджеты, то сейчас мы генерируем новые идеи под заданные темы

Для этого у нас появился телеграм-чат, где всё происходит: мы делимся работами, обсуждаем, фейлим (и не боимся этого), хвалим и просто держим ритм. Это очень помогает не сдаться на середине, ребята, которые начали путь вместе с нами, уже показывают классные результаты и получают фидбек от нас и участников

Чтобы добавить немного структуры и мотивации, мы ввели простые правила и решили разыграть два приза:

Условия участия:
— Присоединиться можно до 18 мая, после этого чат закроется
— Если начали не с первого дня — не страшно. Можно догнать в своём темпе
— Челлендж завершается 7 июня, итоги подведём 18 июня

Приз — две личные консультации от меня и Ренаты.
Разберём портфолио, дадим фидбек и наметим вектор развития

Если тебе хочется порисовать, освежить насмотренность, войти в ритм или просто быть рядом — присоединяйся. Мы уже начали, но ты точно успеешь влиться 💙

Читать далее

GIMP: обзор классических апскейпов

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров1.6K

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

Во всех публикациях в сети по апскейпу в GIMP предлагается использование только встроенного средства "Размер изображения". А в большинстве указывается применение только фильтра "кубическая" для интерполяции. Продемонстрируем:

Читать далее

GIMP: «Сложный» порог

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров3.1K

В данной статье будет изложено проектирование "сложного" порога в GIMP. "Сложность" заключается в том, что к порогу изначально предъявлялись строго определённые характеристики.

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

Читать далее

GIMP: пороговые карты и их применение

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров885

В GIMP: префильтрация перед порогом было рассказано, как используется префильтрация перед порогом и насколько сильно она оказывает влияние на результат порога. Также было указано, что возможно воспроизведение пороговых карт (TM) локальных порогов с помощью стандартных фильтров GIMP. И также было указано, что пороговые карты можно использовать для нормировки изображения в виде префильтра для более гибкого использования этих пороговых карт.

В данной статье будет показано воспроизведение (неточное) пороговой карты локального порога Niblack и использование её для нормировки исходного изображения.

Читать далее

Чтение на выходные: «Иконы графического дизайна» Джона Клиффорда

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров2K

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

Читать далее

Ближайшие события

Как мы улучшили разбор спорных ситуаций с машинами без А/Б-тестов и бэкенда — продуктовая история из каршеринга

Уровень сложностиПростой
Время на прочтение6 мин
Количество просмотров1.1K

На связи продакт каршеринга Ситидрайв — Настя Голованова. Сегодня расскажу, как мы пересобрали UX пост-осмотра автомобиля без единой строчки бэкенда и без A/B-тестов — только через быстрое прототипирование, юзер-интервью и разумные продуктовые компромиссы. Получился кейс, где дизайн решает бизнес-задачу, а изменения в одном экране экономят миллионы. Будет полезно всем, кто работает на стыке клиентского опыта и юнит-экономики 🤝

Читать далее

«КОРУС в цвете»: как мы создавали коллекцию мерча для сотрудников

Время на прочтение9 мин
Количество просмотров1.7K

Привет, Хабр! На связи команда HR-бренда КОРУСа. Сегодня расскажем о том, как мы создавали коллекцию мерча для наших сотрудников «КОРУС в цвете» и на несколько месяцев превратились в самых настоящих представителей фэшн-индустрии.

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

Читать далее

Унификация цифровых продуктов «Северстали»

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров1.7K

Всем привет! Меня зовут Иван Кузнецов, я руковожу группой «Дизайн и клиентский сервис» в ИТ-команде «Северстали» Если в первой части мы поделились предпосылками, целями и общим видением будущей системы, то сейчас настало время заглянуть «под капот» и рассказать о том, как мы воплотили эти идеи в жизнь. Здесь подробно обсудим архитектурный подход, ключевые принципы построения системы, а также познакомим вас с важнейшим её аспектом – токенной системой, которая обеспечивает единообразие и адаптивность продуктов построенных на её базе.

Читать далее

Горячие клавиши в Figma с пояснением на русском

Уровень сложностиПростой
Время на прочтение9 мин
Количество просмотров8.9K

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

Смотреть горячие клавиши

Тренировка дизайнерской продуктовой насмотренности: 2 упражнения

Уровень сложностиПростой
Время на прочтение3 мин
Количество просмотров1.1K

Прокачивать насмотренность — обязательный навык для любого дизайнера.
Но просто бесконечно листать Dribbble и сохранять "референсы в закладки" — недостаточно.

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

Читать далее

Как я стал UI/UX-дизайнером после «весёлого» вечера

Уровень сложностиПростой
Время на прочтение2 мин
Количество просмотров3.3K

Или как войти в IT из-за пьянки в общаге.

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

Читать далее

Как мы переделывали интерфейс банкоматов — и что из этого вышло

Уровень сложностиПростой
Время на прочтение4 мин
Количество просмотров1.2K

Привет, Хабр! Меня зовут Ирина, я UX/UI-дизайнер в ОТП банке. Это был первый проект интерфейсов банкоматов для нашей команды. До этого команда работала с цифровыми продуктами, и привычных для нас вводных — аналитики, ресерча, накопленной статистики — просто не было. Зато была возможность переосмыслить пользовательский путь с нуля и сделать интерфейс чище, логичнее и ближе к тому, что клиент уже видел в остальных продуктах банка.

Читать далее