Shopify Polaris
Shopify Polaris / 2017– / 风格 / 平台界面语言
Shopify's UI framework for giving products, orders, payments and customers one commerce language. Cards and sections separate decisions, while short status and action language helps a merchant keep the store moving.
White cards stacked on a pale ground / Green used as success or forward motion / Title, status and primary action gathered at the top / Compact badges for product, order and payment states
辞典词条
- 适用场景
- Management screens that connect order status to the next operational action；Giving business tools a calm, humane voice without losing rigor
- 字体
- Lead with the page title and primary action; split status and explanation into badge and body text.
- 版面
- Stack white cards on a pale ground, with one business decision per card.
- 材料
- Use neutrals as the base, green for success and progress, and red only for danger.
- 注意
- Putting everything in a card removes the order of the page. Define the workflow and primary action outside the cards first.
- 延伸阅读
- Shopify admin page structure / Commerce status labels / Polaris as Web Components
相关词条
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- Link
- https://indexstyle.org/zh/styles/shopify-polaris
- Markdown
- [Shopify Polaris — IndexStyle](https://indexstyle.org/zh/styles/shopify-polaris)
- HTML
- <a href="https://indexstyle.org/zh/styles/shopify-polaris">Shopify Polaris — IndexStyle</a>