Практическо ръководство за именуване на UI компоненти

Именуването е сложно. Езикът, който използваме, оформя начина, по който мислим за нещата и разговаряме за тях. Затова често се сблъскваме с объркване относно цветове, икони и UI компоненти. Важно е да изберем правилните имена, които да бъдат едновременно ясни и гъвкави.

Как да именуваме нещата

Ако търсите вдъхновение за именуване на HTML класове или CSS свойства, Classnames е отличен ресурс, който предлага тематично групирани списъци от думи. Тук можете да намерите термини, описващи различни поведения и асоциации, както и тематични колекции от думи от природа, изкуство и мода.

Как да именуваме цветовете

Изборът на правилно име за цвят може да бъде предизвикателство. David Aerne поддържа огромен репозиторий с над 30 355 уникални имена на цветове, събрани от различни източници и потребителски приноси. Този ресурс включва и инструменти за избор на цвят и търсене на имена.

Как да именуваме слоеве и групи

Според Javier Cuello, доброто име трябва да бъде логично структурирано, кратко и значимо. Той предлага набор от най-добри практики за именуване на слоеве, групи и компоненти, които помагат за постигане на последователност.

Как да именуваме дизайн токени

Командата на Intuit разработи гъвкава система за токени, която служи като основа за множество продукти. Nate Baldwin споделя ценни прозрения относно създаването на таксономията на дизайн токените в Intuit.

Често срещани имена за UI компоненти

Изучаването на имената, които другите използват за подобни неща, е отличен начин да започнете. Component Gallery предлага колекция от примери за над 50 UI компонента с различни имена.

Как да именуваме нови функции

Функциите често имат ниска степен на приемане поради лоша откриваемост. Erin Gannon предлага практически насоки как да осигурим успешното откритие и разбиране на новите функции.

Как да именуваме променливи (таксономична карта)

Vodafone UK Design System предоставя пример за ръководство по именуване с таксономична карта на променливи, която категоризира дизайна в добре организирана система.

Ръководство за именуване на дизайн токени + инвентаризация

Romina Kavcic създаде полезен инструмент за именуване на дизайн токени, който помага в конфигурирането на собствена структура за именуване.

Именуване на продукти или услуги

Onym е чудесен ресурс с инструменти и методологии за намиране на имена за продукти или услуги.

Полезни ресурси за именуване

• Classnames
• Color Names Repository
• Naming Best Practices by Javier Cuello
• Intuit Design Token Taxonomy Case Study
• Component Gallery
• Naming Features Guide by Erin Gannon
• Vodafone Variables Taxonomy Map
• Design Token Naming Guide + Builder
• Onym Naming Repository

Design Patterns For AI Interfaces, новият видео курс на Vitaly с практически примери от реални продукти — с предстоящо живо UX обучение.