以下是 规范 相关内容,总共有 103 条记录。
从命名规则、组件拆分、Variants 组织到发布复用,这篇教程用一套可落地的流程,教你在 Figma 里快速搭建稳定可维护的组件库。
很多团队把“一致性”理解成所有页面长得一模一样,结果牺牲信息层级与效率。本文用 6 条可落地的规则解释:什么时候该一致,什么时候该刻意变化,并给出快速自检清单。
基线网格不是“印刷时代的老工具”,而是让文字排版稳定、可控、可复用的底层规则。本文用一套可落地的检查清单,帮你把正文从“看着还行”变成“怎么缩放都顺”。
一份可直接照做的组件库搭建流程:从命名与层级、组件约束、变量 Token、到交付清单与维护机制,帮助团队减少返工、提升一致性。
一篇可直接照抄的设计交付清单:从文件命名、图层结构、导出切图、标注到自检流程,把“交付一次就返工”变成可复用的标准。
交付靠口头解释会带来大量偏差与返工。本文从标注内容选择、组件规则、状态说明到验收方式,讲清如何把设计意图写进可被实现的规则里,让还原更稳定。
组件库变乱往往不是组件太多,而是命名缺少规则,导致检索困难、误用频繁。本文从语义分层、属性命名、变体组织到代码映射,给出一套可执行的命名方法。
图标不统一会让界面显得杂乱、降低可信度。本文从线宽与端点样式、网格与留白、语义映射与命名方法出发,讲清如何把一套图标做成可维护的体系。
组件库失控通常不是因为组件太多,而是命名和变体表达不清晰。本文给出一套可执行的命名规则:以语义为中心、统一词汇表、让变体关系一眼可见,并把命名落地到设计与开发。
图标集一旦不统一,界面会出现一种说不出的“拼凑感”。本文从画布、线宽、圆角、对齐到语义隐喻,讲清楚如何建立一套可执行的图标规范,并把它落地到组件与状态中。
组件怎么摆都不齐,通常不是审美问题,而是缺少统一坐标、间距体系与组件规则。本文总结9个最常见原因,并给出一套可落地的统一方法(含检查清单),适合Figma Sketch等场景。
把UI做得“能用”比做得“好看”更难。整理10个新手最容易踩的细节坑:对齐、间距、状态、字号、对比、触达面积、文案长度、图标一致性、导出规范、交付信息。每个坑都给可操作的修正方法。
您是否经常为电商平台设计产品图片?以下是各大电商平台常用的作图尺寸规范,让您的设计更加符合要求,提升商品展示效果。
部分纯鸿蒙 HarmonyOS 应用已上线,图标上有“HMOS”角标的即为纯 HarmonyOS 应用,角标的官方规范藏的比较深,素材君找了翻了很久才找到,这边分享给正在开发鸿蒙应用的设计师。
早前阿里、头条已经开源了自己的设计组件资源,上周腾讯刚刚开源自己的的设计系统TDesign,可见现在做设计“内眷”多严重啊,为此素材君整理了目前国内外开源的UI设计组件资源,UI设计入门必备资源。不仅可随意对...
辅助线是标志设计中很重要的一个部分,这篇文章中详细讲解标志设计的规范,带你理解辅助线制图规范。
我们都知道,如果按照图标的实际尺寸设计图标的话,会出现图标视觉大小不统一的问题,那么我们应当如何解决这个问题呢?这个问题就是我们要制定系统图标栅格系统的原因。
今天分享游戏web类设计方面的小技巧,整理的很全面,掌握了这些设计技巧,会让你的设计水平瞬间提升个等级,值得学习,推荐收藏
每一个技巧都结合案例讲解,案例中正确错误不是绝对的,做一个对比的参考作用。
Android中的颜色使用形式为 " FFBFBFCC "(html)和0xFF777777(代码)。颜色用8位十六进制数数来表示,前2位表示Alpha 分量(遮光度或者叫不透明度),剩下的6位是R、G、B的分量,两两一组形...