电脑网页界面设计有没有像material design这样的规范( 三 )



采用28原则只能针对产品80%的界面进行规范。这里讲的80%和20%是一个相对的概念,80%代表色彩、按钮、字体、间距等重要内容,这些内容需要进行详细的规范说明。另外的20%是指某些控件是不可复用并且不重要的,这种20%的内容不需要花费精力做进规范里。这个28原则需要设计师根据具体情况具体分析,作出更适合当下的设计。
错误四:规范没有迭代
\u0026amp;amp;lt;img src="https://www.zhihu.com/u0026lt;a href="https://pic3.zhimg.com/v2-97c3b3d32b479d5217cdcec87d291a2e_b.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic3.zhimg.com/v2-97c3b3d32b479d5217cdcec87d291a2e_b.jpg\u0026lt;/a\u0026gt;" data-rawwidth="800" data-rawheight="575" class="origin_image zh-lightbox-thumb" width="800" data-original="\u0026lt;a href="https://pic3.zhimg.com/v2-97c3b3d32b479d5217cdcec87d291a2e_r.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic3.zhimg.com/v2-97c3b3d32b479d5217cdcec87d291a2e_r.jpg\u0026lt;/a\u0026gt;"\u0026amp;amp;gt;电脑网页界面设计有没有像material design这样的规范

在完成v1.0版规范后,产品还会一直迭代,产品改版过程中必定会不断优化设计。
在产品迭代过程中需要对旧的规范进行更新优化,不好的、过时的规范需要及时同步归纳,并及时通知到项目相关人员。要不然,陈旧的规范起不到帮助设计工作的开展,反而是一种负面影响。
错误五:规范没有执行力
\u0026amp;amp;lt;img src="https://www.zhihu.com/u0026lt;a href="https://pic4.zhimg.com/v2-5ce421741daa01bd4a78df8acd49acbf_b.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic4.zhimg.com/v2-5ce421741daa01bd4a78df8acd49acbf_b.jpg\u0026lt;/a\u0026gt;" data-rawwidth="800" data-rawclass="origin_image zh-lightbox-thumb" width="800" data-original="\u0026lt;a href="https://pic4.zhimg.com/v2-5ce421741daa01bd4a78df8acd49acbf_r.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic4.zhimg.com/v2-5ce421741daa01bd4a78df8acd49acbf_r.jpg\u0026lt;/a\u0026gt;"\u0026amp;amp;gt;电脑网页界面设计有没有像material design这样的规范

有两种规范是缺乏执行力的:
第一、规范内容不具体,缺少对核心模块的细节说明。
第二、规范太全面死板太臃肿,无从看起,对后续设计有束缚。
三、设计规范怎么做?
◆ ◆ ◆
设计规范的模块分类有很多,会让新人感到无从下手,怎么样梳理才更能科学易用?以下六个维度可以作为参考。
1、信息系统:字体选择、颜色、层级区分
\u0026amp;amp;lt;img src="https://www.zhihu.com/u0026lt;a href="https://pic3.zhimg.com/v2-3908b33d844df4ca9d393f197eadce2a_b.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic3.zhimg.com/v2-3908b33d844df4ca9d393f197eadce2a_b.jpg\u0026lt;/a\u0026gt;" data-rawwidth="800" data-rawheight="489" class="origin_image zh-lightbox-thumb" width="800" data-original="\u0026lt;a href="https://pic3.zhimg.com/v2-3908b33d844df4ca9d393f197eadce2a_r.jpg" data-editable="true" data-title="zhimg.com 的页面"\u0026gt;https://pic3.zhimg.com/v2-3908b33d844df4ca9d393f197eadce2a_r.jpg\u0026lt;/a\u0026gt;"\u0026amp;amp;gt;


推荐阅读