Сайт Cursor обновился.

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

Считывается почерк их хэда дизайна Ryo Lu, у которого на сайте портфолио закодирован кликабельный комп

Статья Амита Шина о новом CSS-свойстве corner-shape

Свойство позволяет создавать разные виды скруглений у фигуры и даже суперэллипсы, в которых переход между ровной стороной и скруглением плавный и изящный

Если border-radius задаёт величину скругления, то corner-shape определяет, как будет выглядеть кривая. Амит показал, как с помощью этого свойства создавать ромбы, шестиугольники и речевые пузыри для комиксов, как анимировать фигуры, чтобы они меняли форму

В статье есть примеры кода, которые можно скопировать для своих задач

frontendmasters.com/blog/understanding-css-corner-shape-and-the-power-of-the-superellipse

#awd_article

Вкус как стратегический актив в эпоху генеративного ИИ

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

Читать на дизайнерс | #статья

Фрейминг — как интерфейсы нас обманывают

Мозг предпочитает экономить энергию и обрабатывает информацию на основе предвзятых шаблонов

Читать на дизайнерс | #статья

Как это сделано: процесс проектирования Figma-плагина Mirage для быстрой генерации тестовых данных в таблицах

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

Читать на дизайнерс | #кейс

Вкус как стратегический актив в эпоху генеративного ИИ

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

Читать на дизайнерс | #статья

Фрейминг — как интерфейсы нас обманывают

Мозг предпочитает экономить энергию и обрабатывает информацию на основе предвзятых шаблонов

Читать на дизайнерс | #статья

Александр Щеблыкин рассказал о 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-коммуникациях.
Баланс гладких и шероховатых фактур, контраст тёплых и холодных оттенков и продуманная модульность формируют язык, который легко масштабируется и подстраивается под разные задачи бренда.

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