Polish

Кога да се използва

/impeccable polish е последното нещо, което изпълнявате преди пускане. То лови малките детайли, които разделят пусната функция от полирана: размествания от половин пиксел, непоследователни разстояния, забравени състояния на фокус, преходи при зареждане, които проблясват, текст, който се отклонява в тона. Също така подравнява функцията с вашата дизайн система, заменяйки хардкоднати стойности с токени, разменяйки персонализирани компоненти със споделени и поправяйки всяко отклонение от установените модели.

Обърнете се към него, когато функцията е функционално завършена, нищо не е счупено и нещо все още се усеща не наред. Също така се обърнете към него, когато функция се е отклонила от дизайн системата и трябва да бъде върната в ред.

Как работи

Polish започва, като открива дизайн системата (токени, скала на разстояния, споделени компоненти), след което работи методично през шест измерения:

1. Визуално подравняване и разстояния: пикселно-перфектно придържане към решетката, последователна скала на разстояния, оптично подравняване на икони.
2. Типография: последователност на йерархията, дължина на реда, вдовици и сираци, кернинг на заглавията.
3. Цвят и контраст: употреба на токени, паритет на темите, WCAG съотношения, индикатори за фокус.
4. Състояния на взаимодействие: посочване, фокус, активно, деактивирано, зареждане, грешка, успех. Всяко състояние отчетено.
5. Преходи и движение: плавно изглаждане, без layout накъсвания, уважение към prefers-reduced-motion.
6. Текст: последователен глас, правилно време, без заместващи низове, без изоставени TODO-та.

Умението е изрично относно едно нещо: polish е последната стъпка, не първата. Ако функцията не е функционално завършена, полирането й е пропиляна работа.

Пробвайте

/impeccable polish the pricing page

Здравословно изпълнение изглежда така:

Визуално подравняване: поправени 3 извънрешетъчни елемента (8px базова линия)
Типография: стегнат кернинг на h1, поправена вдовица в препоръката
Взаимодействие: добавено състояние при посочване на FAQ елементи, фокус пръстен на имейл входа
Движение: смекчен вход на модала, добавен fallback за намалено движение
Текст: премахнат един "Lorem ipsum" остатък, подравнен глас на бутоните

Пет малки поправки, без пренаписвания. Това е формата на добър polish пас.

Клопки

• Полиране на работа, която не е завършена. Ако има TODO-та в кода, не сте готови. Изпълнете /impeccable polish само върху завършени функции.
• Третиране на polish като редизайн. Polish усъвършенства това, което съществува. Ако установите, че преструктурирате layout, сте имали нужда от /impeccable critique или /impeccable layout вместо това.
• Изпълнение на /impeccable polish без /impeccable audit първо. Polish хваща проблеми базирани на усещане. Audit хваща измеримите. Използвайте и двете.