ui设计师规范要点总结

《ui设计师规范要点总结》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、一网学-有课堂的远程培训：www.ywxue.com____________________________________________________________________________________________UI设计师规范要点总结什么是设计规范？设计规范哪些要点值得关注?今天分享一篇台湾UI设计培训师Akane_Lee老师的好文，列出了她对设计规范的要点总结，能帮助设计师们变得更加专业，有志于UI设计的同学，现在就该行动咯。@Akane_Lee：要做设计规范前，先来了解什么是设计规范，不是把所有组件都摆在同一张图上排排站吃果果就好

2、，设计规范(DesignCode/DesignSpecifications)一文中提到：设计规范是指对设计的具体技术要求，是设计工作的规则。一般包括总体目标的技术描述、功能的技术描述、技术指标的技术描述，以及限制条件的技术描述等。设计规范的层次粗分成3个层面：公司、产品线、单一产品。包含视觉、品牌、用户体验等。设计规范的目的量化指标确定一般可用性原则和审美常识下的避免犯错的方法，以及一旦出现错误后的补救方案。确认设计关键点获得该设计规范针对范围内的关键点，包括设计方向和设计元素，以通过项目设计的过程，达到团队成员的更加密切的配合效果。它是一份检验文件，记录过

3、程中的错误，留作以后的经验。并在此可以做出项目和产品设计的里程碑。规范设计原则这个原则有可能是针对单个项目的，也有可能是整个设计团队的指导原则，这个原则要被反复强调，反复实施，团队人员要共同为这个原则负责。简单来说就是：告诉你这些组件可以怎么用、用在哪里、有什么样的限制、怎么验收。以上取自设计规范(DesignCode/DesignSpecifications)产品组成产品的组成大约可以拆分成页面>组件>元素>图(影片)、文字、icon、窗体、互动等。各元素都可能需要制定色彩、透明度、尺寸、间距、文件格式、质量、风格等。互动包含手势操作、过场动画、特效、音效

4、、震动等。先将各个产品拆到最小单位，再进行分类整理，通常就是那几种分类方式。参考现有的设计规范会更容易理解。别人家的设计规范一网学-有课堂的远程培训：www.ywxue.com____________________________________________________________________________________________我又把Googledesignguidelines(自备梯子)掏出来了，这份应该是目前最流行、写得详细的一份设计规范。可以从里面分析设计规范要包含哪些内容。从左方的选单中可以看到这份文件包含：总览、动画、

5、风格、布局、组合组件、图片、易用性、资源。点开后还有更详细的分类，之后才会是内文部份。一网学-有课堂的远程培训：www.ywxue.com____________________________________________________________________________________________每一个组件或元素都会包含元素意义使用规则、限制运用场合、时机，与其原因和同质元素间的一制性(新制规则)组合运用各种状态平台差异性正确示范、错误示范元素意义这个元素有什么的功能、对用户来说有什么帮助、呈现什么信息等等。使用规则、限制，与其原因要

6、怎么使用这项元素、使用这项元素需要注意什么事情?为什么?运用场合、时机什么情况下会使用到这项元素?它会出现在什么地方?和同质元素间的一致性(新制规则)若现有同质元素不敷使用、需另制新款时，必须符合哪些规定以求风格一致?(如icon)组合运用当元素和其他组件混合使用，会有什么限制?是否有特例情况?各种状态若元素会因操作或其他原因呈现不同样貌状况时，规则为何?平台差异性若产品发布于各种平台上，该元素是否会有不同的情况?正确示范、错误示范除了正确示范外，将常见的错误一并标示可以降低出错虑、节省来回修改的时间。不仅只有文字之外，最好附上图片甚至动画说明。制作文件的规

7、范只要是「文件」都有它的规范存在，即使是StyleGuideline。制作这份文件也有它的规则存在。阶层一网学-有课堂的远程培训：www.ywxue.com____________________________________________________________________________________________分类顺序视觉维护人员阶层你的产品可拆分成几个阶层?阶层的规则是什么?如果不懂的话先套用GoogleDesign的分类，之后就知道怎么创健自己产品的阶层。分类即使分了阶层，也会有各式各样的元素待整理，比如按钮。同性质的放在一起

8、或是同个区块才会用到的方在一起，要看你的产品适合套用