🎨 Полезный инструмент для начинающих дизайнеров
Если вы только начинаете свой путь в дизайне, важно изучить названия и функции элементов интерфейса. Знать, где находится хедер, чем отличается модальное окно от дропдауна и как правильно использовать чекбоксы, — это базовые знания, без которых нельзя проектировать интерфейс.
📌 На сайте Call to Inspiration можно найти коллекцию интерфейсных элементов с описанием их функций и примеров использования. Это отличный ресурс для изучения базовых понятий и расширения насмотренности.
🔍 Совет: после изучения попробуйте самостоятельно воссоздать элементы в Figma, чтобы лучше их запомнить!
Goltsov | DSGN
Если вы только начинаете свой путь в дизайне, важно изучить названия и функции элементов интерфейса. Знать, где находится хедер, чем отличается модальное окно от дропдауна и как правильно использовать чекбоксы, — это базовые знания, без которых нельзя проектировать интерфейс.
📌 На сайте Call to Inspiration можно найти коллекцию интерфейсных элементов с описанием их функций и примеров использования. Это отличный ресурс для изучения базовых понятий и расширения насмотренности.
🔍 Совет: после изучения попробуйте самостоятельно воссоздать элементы в Figma, чтобы лучше их запомнить!
Goltsov | DSGN
CallToInspiration – Small details for very exacting ideas!
Call for inspiration using the purple hat for when you have inspiration blocks or need fresh new ideas. A great tool created by a deisnger for web professionals.
👍2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Ребрендинг SNCF Voyageurs (французская железнодорожная компания) от агентства Rosa Paris.
Концепция состоит из 25-ти логотипов, отражающих разнообразные темы: от ретро-эстетики до современных поп-культурных отсылок, таких как дизайн в стиле Барби.
Каждый логотип предназначен для определённых групп пассажиров: любителей чтения, ценителей ностальгии или, например, гурманов.
Goltsov | DSGN
Концепция состоит из 25-ти логотипов, отражающих разнообразные темы: от ретро-эстетики до современных поп-культурных отсылок, таких как дизайн в стиле Барби.
Каждый логотип предназначен для определённых групп пассажиров: любителей чтения, ценителей ностальгии или, например, гурманов.
Goltsov | DSGN
👍3❤2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Spline представил Spell – AI инструмент для генерации 3D миров по изображению с использованием Gaussian splatting.
Достаточно загрузить фото и задать описание, чтобы получить 3D сцену.
Goltsov | DSGN
Достаточно загрузить фото и задать описание, чтобы получить 3D сцену.
Goltsov | DSGN
🔥2👍1
Я стал членом жюри премии WDA 2025
Workspace Digital Awards — одна из самых престижных международных премий в сфере digital. Ежегодно за награды борются лучшие digital-агентства и инхаус-команды ведущих компаний. Победителей выбирает экспертное жюри, в которое входят лидеры отрасли и представители известных брендов.
Goltsov | DSGN
Workspace Digital Awards — одна из самых престижных международных премий в сфере digital. Ежегодно за награды борются лучшие digital-агентства и инхаус-команды ведущих компаний. Победителей выбирает экспертное жюри, в которое входят лидеры отрасли и представители известных брендов.
Goltsov | DSGN
🔥7👍5
Кажется, что UX на Кипре разрабатывается, копируя идеи с таких сайтов, как User Inyerface.
Приведу пример, с которым сталкиваюсь ежемесячно: для оплаты сим-карт мне приходят на почту ссылка на форму оплаты и PDF-вычет. Чтобы заполнить форму, нужно отдельно открывать PDF и искать нужные данные для заполнения полей. Информация представлена крайне неинтуитивно — например, «amount check» означает число, указанную в квадратных скобках цены €34,07[0]. Инструкция как найти эти данные написана очень мелко снизу и самое интересное, что каждый месяц эти данные меняются.
В защиту скажу, что это b2b симки. Для обычных клиентов можно оплатить через банк или любой терминал оплаты в магазине, где печатся код и нужно командой отправить запрос, вообщем как у рф в 2000-х.
Но это не отменяет того, что можно весь процесс оплаты сделать в два клика.
Goltsov | DSGN
Приведу пример, с которым сталкиваюсь ежемесячно: для оплаты сим-карт мне приходят на почту ссылка на форму оплаты и PDF-вычет. Чтобы заполнить форму, нужно отдельно открывать PDF и искать нужные данные для заполнения полей. Информация представлена крайне неинтуитивно — например, «amount check» означает число, указанную в квадратных скобках цены €34,07[0]. Инструкция как найти эти данные написана очень мелко снизу и самое интересное, что каждый месяц эти данные меняются.
В защиту скажу, что это b2b симки. Для обычных клиентов можно оплатить через банк или любой терминал оплаты в магазине, где печатся код и нужно командой отправить запрос, вообщем как у рф в 2000-х.
Но это не отменяет того, что можно весь процесс оплаты сделать в два клика.
Goltsov | DSGN
👍1🤯1🙈1
This media is not supported in your browser
VIEW IN TELEGRAM
Firstly - eSIM оператор, сделал, на мой взгляд лучшее #UX решение для запроса предоставления доступа в настройках.
Обычно приложения показывают модальное окно с просьбой дать доступ и в лучшем случае – автоматически открывают настройки по тапу на кнопку. Но как только пользователь уходит в системные настройки, он теряет контекст и может запутаться.
Firstly решает эту проблему иначе: после покупки eSIM оператор не просто запрашивает доступ к мобильным данным, а сопровождает пользователя на каждом этапе. В системных настройках появляется пошаговый гайд в формате Picture in Picture, который остается на экране и помогает выполнить нужные действия.
Goltsov | DSGN
Обычно приложения показывают модальное окно с просьбой дать доступ и в лучшем случае – автоматически открывают настройки по тапу на кнопку. Но как только пользователь уходит в системные настройки, он теряет контекст и может запутаться.
Firstly решает эту проблему иначе: после покупки eSIM оператор не просто запрашивает доступ к мобильным данным, а сопровождает пользователя на каждом этапе. В системных настройках появляется пошаговый гайд в формате Picture in Picture, который остается на экране и помогает выполнить нужные действия.
Goltsov | DSGN
👍3🔥1
В #Figma теперь можно быстро добавлять определённые текстовые иконки, используя комбинации символов.
Работает на всех шрифтах. Но нужно убедиться, что в настройках включён пункт Use Smart Quotes/symbols
Например:
1. Чтобы добавить © – нужно ввести (с) и нажать пробел.
2. Чтобы добавить → – нужно ввести -> и нажать пробел.
Goltsov | DSGN
Работает на всех шрифтах. Но нужно убедиться, что в настройках включён пункт Use Smart Quotes/symbols
Например:
1. Чтобы добавить © – нужно ввести (с) и нажать пробел.
2. Чтобы добавить → – нужно ввести -> и нажать пробел.
Goltsov | DSGN
🔥4
Написал небольшую статью о том, как мы ездили в Марокко проводить исследования.
#research #custdev #ux #productdesign
Goltsov | DSGN
#research #custdev #ux #productdesign
Goltsov | DSGN
Telegraph
Как я съездил в командировку в Марокко для проведения интервью с пользователями
В inDrive я сейчас работаю над большой фичей в команде межгорода. Подробности пока раскрывать не могу, впереди ещё много работы до релиза. Зато могу поделиться, как недавно ездил в командировку в Марокко, чтобы провести CustDev интервью и UX-тестирование…
🔥5👍1
Если вы также хотите совмещать работу и путешествия, в inDrive сейчас открыта вакансия Senior Product Designer в команду GEO.
🔹 Важно:
Вакансия предусматривает релокацию на Кипр, в Казахстан или Грузию, после чего возможен удобный формат работы (из дома, офис, гибрид).
Мы ищем дизайнеров с опытом работы над картографическими сервисами, которые можно продемонстрировать в портфолио.
📩 Если хотите откликнуться, отправьте своё портфолио и резюме на sergejgolcov@gmail.com
Если ваш опыт будет релевантен, то порекомендую нашим HR.
Goltsov | DSGN
🔹 Важно:
Вакансия предусматривает релокацию на Кипр, в Казахстан или Грузию, после чего возможен удобный формат работы (из дома, офис, гибрид).
Мы ищем дизайнеров с опытом работы над картографическими сервисами, которые можно продемонстрировать в портфолио.
📩 Если хотите откликнуться, отправьте своё портфолио и резюме на sergejgolcov@gmail.com
Если ваш опыт будет релевантен, то порекомендую нашим HR.
Goltsov | DSGN
🔥2
OpenAI представила обновление модели 4o в #ChatGPT: теперь она не только генерирует изображения, но и понимает визуальный контекст.
Модель умеет:
1. создавать персонажа в той же позе и с теми же предметами, но в разных стилях;
2. распознавать порядок объектов на изображении и генерировать их в нужной последовательности;
3. добавлять текст, который будет встроен в изображение;
4. создавать изображения на прозрачном фоне;
5. визуально реконструировать изображение (можно нарисовать черновик комикса, а ChatGPT дорисует по исходной компоновке)
Goltsov | DSGN
Модель умеет:
1. создавать персонажа в той же позе и с теми же предметами, но в разных стилях;
2. распознавать порядок объектов на изображении и генерировать их в нужной последовательности;
3. добавлять текст, который будет встроен в изображение;
4. создавать изображения на прозрачном фоне;
5. визуально реконструировать изображение (можно нарисовать черновик комикса, а ChatGPT дорисует по исходной компоновке)
Goltsov | DSGN
YouTube
Detailed Directions with 4o Image Generation
Speaker: Kenji Hata
🔥2
3. Направление текста 🔗 Читать полный гайд по интернационализации
Интернационализация невозможна без поддержки разных направлений письма и соответствующей структуры интерфейса. Мы привыкли к направлению слева направо (LTR), поскольку это стандарт для русского и большинства других языков. Но существует целый ряд языков, таких как арабский, иврит, фарси, урду и другие языки Ближнего Востока и Южной Азии, где используется направление справа налево (RTL).
Что важно учитывать при адаптации под RTL:
1. Интерфейс должен быть полностью зеркален: необходимо менять порядок элементов, выравнивание текста, расположение кнопок и направляющих иконок. Например, кнопка «Назад» в RTL-языках располагается справа, а не слева, как в LTR.
В веб-разработке для этого используют атрибуты dir="rtl" и dir="ltr". На iOS и Android переключение направления интерфейса обычно происходит автоматически — в зависимости от системного языка или локали приложения. При необходимости есть и более детальные настройки (например, принудительное задание направления на уровне компонентов).
2. Не все иконки нужно зеркалить: направляющие стрелки и другие "направленные" символы действительно должны отражаться. Но есть универсальные иконки, которые остаются одинаковыми в обеих ориентациях, например:
🚫 перечёркнутый круг (запрет)
🌍 иконка планеты (глобус)
3. Культурные особенности влияют на выбор иконок: например, в мусульманских странах нельзя использовать иконку с бутылкой или бокалами для обозначения ресторана — это может восприниматься оскорбительно, так как алкоголь запрещён в исламе.
4. Текст может сочетать RTL и LTR: интерфейсы должны корректно обрабатывать bi-directional текст, когда в одной строке встречаются слова и фразы с разным направлением письма. Например:
– Названия брендов (YouTube, OpenAI)
– Email-адреса (support@example.com)
– Номера телефонов (+971 50 123 4567)
– Коды рейсов (QR789)
5. Корректное отображение чисел и валют: при использовании восточных арабских цифр (١٢٣٤٥) нельзя применять западные разделители (., ,). Вместо них следует использовать:
(U+066C) — арабская запятая для отделения тысяч
(U+066B) — арабская точка для десятых
Пример: ١٬٢٣٤٫٥٦ ر.س — 1,234.56 SAR (телеграм не отображает эти символы, так что лучше загуглите если интересно).
Также существуют множество гайдов по проектированию RTL интерфейсов:
1. Human interface guidelines
2. Material Design
3. RTL styling 101
Goltsov | DSGN
Интернационализация невозможна без поддержки разных направлений письма и соответствующей структуры интерфейса. Мы привыкли к направлению слева направо (LTR), поскольку это стандарт для русского и большинства других языков. Но существует целый ряд языков, таких как арабский, иврит, фарси, урду и другие языки Ближнего Востока и Южной Азии, где используется направление справа налево (RTL).
Что важно учитывать при адаптации под RTL:
1. Интерфейс должен быть полностью зеркален: необходимо менять порядок элементов, выравнивание текста, расположение кнопок и направляющих иконок. Например, кнопка «Назад» в RTL-языках располагается справа, а не слева, как в LTR.
В веб-разработке для этого используют атрибуты dir="rtl" и dir="ltr". На iOS и Android переключение направления интерфейса обычно происходит автоматически — в зависимости от системного языка или локали приложения. При необходимости есть и более детальные настройки (например, принудительное задание направления на уровне компонентов).
2. Не все иконки нужно зеркалить: направляющие стрелки и другие "направленные" символы действительно должны отражаться. Но есть универсальные иконки, которые остаются одинаковыми в обеих ориентациях, например:
🚫 перечёркнутый круг (запрет)
🌍 иконка планеты (глобус)
3. Культурные особенности влияют на выбор иконок: например, в мусульманских странах нельзя использовать иконку с бутылкой или бокалами для обозначения ресторана — это может восприниматься оскорбительно, так как алкоголь запрещён в исламе.
4. Текст может сочетать RTL и LTR: интерфейсы должны корректно обрабатывать bi-directional текст, когда в одной строке встречаются слова и фразы с разным направлением письма. Например:
– Названия брендов (YouTube, OpenAI)
– Email-адреса (support@example.com)
– Номера телефонов (+971 50 123 4567)
– Коды рейсов (QR789)
5. Корректное отображение чисел и валют: при использовании восточных арабских цифр (١٢٣٤٥) нельзя применять западные разделители (., ,). Вместо них следует использовать:
(U+066C) — арабская запятая для отделения тысяч
(U+066B) — арабская точка для десятых
Пример: ١٬٢٣٤٫٥٦ ر.س — 1,234.56 SAR (телеграм не отображает эти символы, так что лучше загуглите если интересно).
Также существуют множество гайдов по проектированию RTL интерфейсов:
1. Human interface guidelines
2. Material Design
3. RTL styling 101
Goltsov | DSGN
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
Goltsov | DSGN
⚡️Гайд по интернационализации
Интернационализация – это процесс подготовки продукта к адаптации для разных регионов, языков и культурных особенностей без необходимости вносить значительные изменения в код.
Она включает в себя проектирование гибкой архитектуры…
Интернационализация – это процесс подготовки продукта к адаптации для разных регионов, языков и культурных особенностей без необходимости вносить значительные изменения в код.
Она включает в себя проектирование гибкой архитектуры…
❤1🔥1
Сегодня на Кипре — официальный выходной: местные отмечают Национальный день, вспоминая начало борьбы за независимость от британского правления. А для меня это отличный повод сесть на велосипед и укатить подальше от ноута и созвонов 🚴♂️🌴
Вместе с коллегами решили проехать от Лимассола до пляжа Писсури, маршрут более 80 км туда-обратно. Это была моя первая поездка в группе, и, честно говоря, я в восторге: едешь в колонне, встаёшь в хвост, и можно спокойно держать 30 км/ч без особых усилий из-за минимального сопротивление воздуха.
Правда, удержаться так весь маршрут не удалось. На многочисленных подъёмах пульс уходил за 190, и я просто не вывез горный рельеф — в итоге отстал от группы и до конца оставалось около 10 км, но уже не было сил ехать дальше в итоге поехал в обратную сторону, наслаждаясь морским пейзажем, живописными полями и виноградниками.
До переезда на Кипр я несколько лет жил в Азии, кочуя с места на место. Из-за этого пришлось на время забросить вело-увлечение — не до габаритного хобби, когда всё своё носишь с собой. А теперь, спустя пару месяцев на острове, я наконец-то вернулся к любимому увлечению — да ещё и на велосипеде, о котором давно мечтал: Cannondale Topstone 1.
P.S: Маршрут записался в одну сторону только.
Goltsov | DSGN
Вместе с коллегами решили проехать от Лимассола до пляжа Писсури, маршрут более 80 км туда-обратно. Это была моя первая поездка в группе, и, честно говоря, я в восторге: едешь в колонне, встаёшь в хвост, и можно спокойно держать 30 км/ч без особых усилий из-за минимального сопротивление воздуха.
Правда, удержаться так весь маршрут не удалось. На многочисленных подъёмах пульс уходил за 190, и я просто не вывез горный рельеф — в итоге отстал от группы и до конца оставалось около 10 км, но уже не было сил ехать дальше в итоге поехал в обратную сторону, наслаждаясь морским пейзажем, живописными полями и виноградниками.
До переезда на Кипр я несколько лет жил в Азии, кочуя с места на место. Из-за этого пришлось на время забросить вело-увлечение — не до габаритного хобби, когда всё своё носишь с собой. А теперь, спустя пару месяцев на острове, я наконец-то вернулся к любимому увлечению — да ещё и на велосипеде, о котором давно мечтал: Cannondale Topstone 1.
P.S: Маршрут записался в одну сторону только.
Goltsov | DSGN
1🔥4❤1
Расскажу немного о своём хобби: я экспериментирую с генерацией плагинов для Figma с помощью ChatGPT. Это отличный способ сделать что-то полезное для дизайнерского комьюнити и одновременно глубже разобраться в том, как устроена Figma из-за постоянного изучения возможностей её API.
На данный момент я уже выпустил три плагина:
1. 💬Chat Builder (6.8k пользователей) — помогает быстро создать переписку в виде чата прямо в интерфейсе плагина и сгенерировать фрейм с сообщениями в виде баблов.
2. 📊Chart BG (3.3k пользователей) — позволяет рисовать графики с градиентной заливкой. Особенно полезен для крипто- и финансовых сервисов.
3. 📱Border Mockup (2.3k пользователей) — предназначен для массового добавления обводки и скругления для фреймов верхнего уровня. Это помогает визуально отделить макеты от белого фона и улучшить читаемость компоновки.
А ещё один мой плагин «убила» сама Figma 😅. Для одной из задач мне была нужна быстрая возможность добавлять нижнее подчёркивание к отдельным словам в тексте. Раньше для этого приходилось выделять каждое слово вручную и включать подчёркивание —ещё и в большинстве случаев приходилось делать detach компонентов. Я сделал плагин Underline it, который решал эту проблему в пару кликов. Но спустя пару месяцев Figma выпустила обновление, добавив поддержку стилей текста с подчёркиванием. Всё, что делал мой плагин, теперь можно сделать прямо в редакторе — без костылей и лишних шагов из-за чего смысл в нём потерялся и его стали реже использовать.
#Figma #плагины
Goltsov | DSGN
На данный момент я уже выпустил три плагина:
1. 💬Chat Builder (6.8k пользователей) — помогает быстро создать переписку в виде чата прямо в интерфейсе плагина и сгенерировать фрейм с сообщениями в виде баблов.
2. 📊Chart BG (3.3k пользователей) — позволяет рисовать графики с градиентной заливкой. Особенно полезен для крипто- и финансовых сервисов.
3. 📱Border Mockup (2.3k пользователей) — предназначен для массового добавления обводки и скругления для фреймов верхнего уровня. Это помогает визуально отделить макеты от белого фона и улучшить читаемость компоновки.
А ещё один мой плагин «убила» сама Figma 😅. Для одной из задач мне была нужна быстрая возможность добавлять нижнее подчёркивание к отдельным словам в тексте. Раньше для этого приходилось выделять каждое слово вручную и включать подчёркивание —ещё и в большинстве случаев приходилось делать detach компонентов. Я сделал плагин Underline it, который решал эту проблему в пару кликов. Но спустя пару месяцев Figma выпустила обновление, добавив поддержку стилей текста с подчёркиванием. Всё, что делал мой плагин, теперь можно сделать прямо в редакторе — без костылей и лишних шагов из-за чего смысл в нём потерялся и его стали реже использовать.
#Figma #плагины
Goltsov | DSGN
Figma
Chart BG | Figma
✏️ Please, drop your suggestions in the comments! It'll help make the plugin even better and more useful.
Description:
"Chart BG is a Figma plugin that automatically adds a gradient background to the selected vector object. The plugin creates a new layer…
Description:
"Chart BG is a Figma plugin that automatically adds a gradient background to the selected vector object. The plugin creates a new layer…
👍4✍1🔥1