Goltsov о дизайне
98 subscribers
61 photos
37 videos
71 links
Рассказываю о продуктовом дизайне, работе, путешествиях и новостях

https://www.linkedin.com/in/sergeygoltsov

#ux #ui #design #figma #productdesign
Download Telegram
Если вы также хотите совмещать работу и путешествия, в inDrive сейчас открыта вакансия Senior Product Designer в команду GEO.

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

Мы ищем дизайнеров с опытом работы над картографическими сервисами, которые можно продемонстрировать в портфолио.

📩 Если хотите откликнуться, отправьте своё портфолио и резюме на sergejgolcov@gmail.com

Если ваш опыт будет релевантен, то порекомендую нашим HR.

Goltsov | DSGN
🔥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
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥1
Сегодня на Кипре — официальный выходной: местные отмечают Национальный день, вспоминая начало борьбы за независимость от британского правления. А для меня это отличный повод сесть на велосипед и укатить подальше от ноута и созвонов 🚴‍♂️🌴

Вместе с коллегами решили проехать от Лимассола до пляжа Писсури, маршрут более 80 км туда-обратно. Это была моя первая поездка в группе, и, честно говоря, я в восторге: едешь в колонне, встаёшь в хвост, и можно спокойно держать 30 км/ч без особых усилий из-за минимального сопротивление воздуха.

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

До переезда на Кипр я несколько лет жил в Азии, кочуя с места на место. Из-за этого пришлось на время забросить вело-увлечение — не до габаритного хобби, когда всё своё носишь с собой. А теперь, спустя пару месяцев на острове, я наконец-то вернулся к любимому увлечению — да ещё и на велосипеде, о котором давно мечтал: Cannondale Topstone 1.

P.S: Маршрут записался в одну сторону только.

Goltsov | DSGN
1🔥41
Расскажу немного о своём хобби: я экспериментирую с генерацией плагинов для 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
👍41🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Посмотрел адаптацию Devil May Cry от Netflix — и остался под впечатлением. Особенно зашла вступительная заставка: динамичная, контрастная, со стильной подачей, которая сразу задаёт нужное настроение.

Но что действительно удивило — это выбор трека для интро. Вступление звучит под “Rollin’” от Limp Bizkit. По словам создателей, мир сериала существует во временной петле конца 90-х — начала 2000-х, в эпоху PlayStation 2. Поэтому “Rollin’”, вышедший в 2000 году, здесь звучит более чем органично.

Хотя, в первый момент было ощущение, что запустил Need for Speed: Most Wanted — помню, как гонял на BMW M3 под этот трек там.

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

Goltsov | DSGN
🔥31
Сервисы, которые я часто использую в работе:

💳5 sim — позволяет за пару рублей получить виртуальный номер телефона для регистрации в различных онлайн‑сервисах. Это незаменимая штука при анализе конкурентов на локальных рынках, где нужна верификация через местный номер — к примеру, в Индии или Японии. Очень удобно купить номер, зарегистрироваться в нужном приложении и самому проходить нужный флоу.

📍Сервисы подмены GPS‑координат незаменимы для проверки функций, ориентированных на конкретные регионы. В inDrive мы, например, работаем на рынках Латинской Америки, Азии и Африки. Для тестового Android‑устройства я использую приложение Local Edit. Очень удобно проверять в разных регионах функционал связанный с навигацией.

Goltsov | DSGN
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥1
Прошло шесть месяцев с момента моего переезда на Кипр — а значит, завершился и мой испытательный срок в inDrive. Да, здесь он длится не привычные три месяца, а целых шесть. За это время я успел глубоко погрузиться в работу команды Intercity и внести вклад в другие направления. Разработал новую форму заказа, которую мы сейчас активно тестируем в разных регионах, добавил несколько фичей для веб-версии сервиса и даже съездил в рабочую командировку в Марокко.

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

С большим интересом жду, что будет дальше. Уверен, впереди — много интересных задач и профессионального роста.

Goltsov | DSGN
🔥9
Вакансия в Google, всё по классике: амбициозные задачи, работа с ИИ, и… забытые служебные комментарии.
Рекрутер просто скопировал шаблон и даже не удалил внутренние инструкции:

“Use this template only when existing Area Templates don’t apply…”

Всегда перечитывайте, что публикуете, даже если вы Google. 😅

Goltsov | DSGN
🔥4
Please open Telegram to view this post
VIEW IN TELEGRAM
Очень нравятся плакаты в Лимассоле. Тут часто происходят разные мероприятия и на улицах старого города постоянно вывешивают вот такие постеры.

Акцидентная типографика, динамичная композиция и яркие цвета всегда заставляют меня обратить на них внимание.

Goltsov | DSGN
🔥21
Примерно год назад я сделал плагин для Figma – Chat Builder, он позволяет создавать экраны чатов, задавая структуру переписки и генерируя фрейм с баблами сообщений. Им воспользовались уже более 9400 пользователей, за что большое спасибо!

Недавно я выпустил крупное обновление с несколькими классными фичами:
1. Обновлённый UI: более мягкий редизайн с микро-анимациями и поддержкой drag & drop, чтобы легко менять порядок сообщений.
2. Память фреймов: плагин теперь распознаёт уже созданные чат-фреймы. Достаточно выбрать фрейм и снова открыть плагин — переписка загрузится автоматически, её можно редактировать или дополнять.
3. Поддержка JSON: теперь можно скопировать JSON-шаблон из плагина, попросить ChatGPT (или другой инструмент) сгенерировать на его основе переписку, вставить обратно и готово, чат создастся без ручного ввода.
4. Buy me a coffee: если плагин оказался полезен, теперь есть необязательная возможность поблагодарить меня через Buy Me a Coffee.

Goltsov | DSGN
2🔥2