Александр Щеблыкин рассказал о RTL-адаптации интерфейса и показал, как её упростить с помощью переменных в Фигме.

— Написание слов может отличаться в разных диалектах. Например, «Назад» пишется по-разному в Саудовской Аравии и ОАЭ с Оманом;
— Если на английском написан целый абзац, стандартно выровненный по левому краю, его не выравнивают по правому краю в RTL-режиме;
— А вот отдельный пункт ненумерованного списка, даже если он на английском, стоит выровнять как и все остальные пункты;
— Изображения отражать не надо, но композицию с картинками и текстом надо адаптировать под направление чтения. То есть если в LTR текст был слева, а картинка справа, в RTL они поменяются местами;
— Размер текста и межстрочное расстояние для компенсации увеличивают на 10%, так как арабский текст визуально меньше;
— Числа, записанные и западно-арабскими, и восточно-арабскими цифрами, читают слева направо;
— Знак вопроса пишется зеркально, отличаются и другие знаки препинания. Но появились они 100 лет назад, и на арабском спокойно можно выражаться без них;
— Отражают иконки, отображающие текст или направление чтения (есть пример и с отражённой иконкой с текстово-графической композицией), а также движение вперёд и назад;
— Не отражают иконки, изображающие реальные объекты, а также логотипы и универсальные символы вроде знака «✓»;
— В дизайн-системе переменная RTL переключает интерфейс на арабский;
— Есть переменные EN Only и AR Only, которые позволяют не усложнять простые компоненты. Например, хлебных крошках могут лежать «шеврон вправо» и «шеврон влево», связанные с переменными EN Only и AR Only так, что одновременно отображаться будет только один шеврон;
— Есть отдельные коллекции иконок для RTL, так как автоматическое отражение работает не всегда;
— Также в Фигме в виде переменных есть словарь — набор переводов на английском, русском и арабском, когда-либо использовавшихся в проекте.

#localization #figma

Готовы перейти от разработки к управлению людьми и проектами?

8 октября в 20:00 МСК приглашаем на открытый урок «Всё о курсе Team Lead: прямой разговор с руководителем программы». На вебинаре мы честно расскажем, что ждёт студентов на курсе, какие темы будут разобраны и какую ценность вы получите. Это возможность услышать инсайды о программе из первых уст и задать любые вопросы напрямую руководителю.

Урок будет полезен тем, кто уже задумывается о переходе в роль тимлида: старшим инженерам, начинающим руководителям и всем, кто хочет развиваться в IT-менеджменте.

➡️ Зарегистрируйтесь сейчас и узнайте, как повышение квалификации поможет вам вырасти в эффективного лидера: https://vk.cc/cQ7P9d

🎁 Все участники вебинара получат промокод, дающий скидку на обучение на курсе «Team Lead» 15%

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Анимированный лонгрид о творчестве японского дизайнера Сигео Фукуды

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

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

readymag.website/margo.li/fukuda/more-design

#awd_site

🛠 Tramvai — Фреймворк для создания универсальных react-приложений с модульной структурой и упором на производительность.

🌍 Сайт

Daily Coding #инструменты #React

Ребрендинг X5: эволюция бренда

ONY представили ребрендинг X5 — одного из крупнейших ритейлеров России. Компания отказалась от дескриптора Group, при этом сохранила узнаваемый логотип и шрифт, разработанные в 2021г.

Х5 уходит от образа консервативного корпоративного бренда и строит новый образ технологичного и инновационного ритейлера, а новый визуальный стиль — один из инструментов работы над образом.

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

ONY выстроило систему, которая одинаково убедительно работает в B2C, B2B и HR-коммуникациях.
Баланс гладких и шероховатых фактур, контраст тёплых и холодных оттенков и продуманная модульность формируют язык, который легко масштабируется и подстраивается под разные задачи бренда.

Смотреть кейс

Ребрендинг X5: эволюция бренда

ONY представили ребрендинг X5 — одного из крупнейших ритейлеров России. Компания отказалась от дескриптора Group, при этом сохранила узнаваемый логотип и шрифт, разработанные в 2021г.

Х5 уходит от образа консервативного корпоративного бренда и строит новый образ технологичного и инновационного ритейлера, а новый визуальный стиль — один из инструментов работы над образом.

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

ONY выстроило систему, которая одинаково убедительно работает в B2C, B2B и HR-коммуникациях.
Баланс гладких и шероховатых фактур, контраст тёплых и холодных оттенков и продуманная модульность формируют язык, который легко масштабируется и подстраивается под разные задачи бренда.

Смотреть кейс

Ребрендинг X5: эволюция бренда

ONY представили ребрендинг X5 — одного из крупнейших ритейлеров России. Компания отказалась от дескриптора Group, при этом сохранила узнаваемый логотип и шрифт, разработанные в 2021г.

Х5 уходит от образа консервативного корпоративного бренда и строит новый образ технологичного и инновационного ритейлера, а новый визуальный стиль — один из инструментов работы над образом.

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

ONY выстроило систему, которая одинаково убедительно работает в B2C, B2B и HR-коммуникациях.
Баланс гладких и шероховатых фактур, контраст тёплых и холодных оттенков и продуманная модульность формируют язык, который легко масштабируется и подстраивается под разные задачи бренда.

Смотреть кейс