服务热线

400-7070-669

您的位置:新闻资讯 > 建站知识 > 详情

如何制作APP产品设计规范

行业洞察 / 2018-10-09

很多UI设计师在工作的时候难免需要跟程序进行大量的沟通,程序员经常会问一些问题,例如:这个地方的色值是多少,这个图标的尺寸大小是多少,这个标题的字体大小是多少等等...,所以在设计中必须要有一个设计规范让项目之间的沟通和制作更简单和符合标准。

为什么要有设计规范?

很多设计师尤其在一些小公司,可能公司只有一个设计师。整个产品的设计方案都是由他一个人出图,风格和页面元素都是统一的。所以没有必要再去花时间做一个没有用的规范。但实际上规范并不是给设计师使用的。它的作用是让整个设计和开发团队能更好的进行沟通,统一制作的组建。方便开发时候直接调用。对于设计,也不用进行重复的标注和改图。 而且设计师在大量的设计方案制作过程中也难免会有一些变差,导致些许页面与整体的元素不符。所以为了更好的让产品统一规范让开发人员更好的还原设计。制作设计规范是必不可少的。

那什么样的规范才是符合要求的呢?

设计规范一定要有指导的作用,简单易用。能让人快速找到自己想要知道的规范要求,提升工作效率。所以制作规范的时候要注意自己地方。1、规范在完成主要的界面方案之后再来制作。2、不要让规范限制了自己的思想,在设计的时候如果发现规范有不合理的时候要尽早改正。3、规范要符合产品,不可随大流。

 设计规范具体包含了哪些元素?

设计稿尺寸

不同的设计师可能出现不同的设计尺寸,尤其现在不同分辨率的手机型号非常多。所以在制作之前尤其多人合作的情况,要提前确定一个统一的设计尺寸。

间距大小

间距包括页面边距,各个模块和模块间的距离。页面边距一般以20px24px32px为多。模块之前的会比较复杂,尽量规范之后按照制定的规范进行设计。


颜色

颜色包含了主色调、背景色、文字、分割线色值、图标色值、渐变色等等,这些颜色都要尽量统一规范。

字体

字体规范主要就是需要把常用的字号放在规范里,如标题字号、副标题、正文、详情页标题、导航标题等等。除此之外还要考虑行间距、段落间距等等。

图标

图标的尺寸大小也需要尽量统一,不同板块的图标尺寸也会不同。尽量不同模块确定好不同的尺寸,如底部导航图标、页面图标、个人中心等等

按钮

按钮的规范包含了尺寸、色值、圆角度以及不同的工作状态,如点击状态、默认状态、置灰状态。

图片

图片包括 APP 内出现的所有图, 一般情况下都是产品图和头像, 但是需要注意的是在制定规范之前, 要先把图片比例定好, 常见的比例有 1:12:14:316:9 等等。

导航

导航要注明导航的高度、导航字体字号、颜色、图标的间距等等。


总结

规范的意义就是为了让团队能够更高效的进行团队协作,不同项目不同产品可能也会略有差异,所以规范也不要完全照搬网上或者其他公司的规范要求。尽量根据自己产品的情况定制一套符合产品要求的规范,让设计规范能更好的发挥作用。


本文来自莫道创意,转载请注明出处!