移动端UI设计规范模板参考以及设计规范的好处

2018也快要过完了(-_-),我们的移动端的UI设计规范也层出不穷。很多APP设计师也要在年底给公司或者是团队做一个总结。那么一个像样的APP ui设计规范也是很有必要的作品回顾。

在创业公司做着一位独立设计师,说好听点是独立设计师,难听点,就是唯一的设计师。创业型公司,UI UE你要全包。但是我还是很有追求的在每个版本改版之后,更新设计规范。我的设计规范没有大公司那么高大上,只包含了字体选用,配色运用,ui kit这些东西。

很多设计师做这个设计规范,纯粹只有两个原因:

1、要设计的界面太多了,而且产品迭代很快,来不及一个个界面标注重复性的东西,于是我就出一个字体运用规范,让开发看一个文档就好了。有个设计文档和UI设计规范,可以减少很多设计与开发之间的沟通。

后来给开发团队引进了zeplin,安卓小伙伴持续用着,ios开发,一直看着我的sketch源文件,在我教会开发sketch后,我连字体规范都少写了很多。

2、把这些东西一个版本的整理迭代好了,哪天来一场说走就走的旅行,没有交接成本,即使公司找不到设计师,开发哥哥直接用这个规范,就可以分分钟上岗党设计师了。直接甩这个规范的sketch源文件就可以了。

好了,我们言归正传,看看最新的 移动端UI设计规范模板参考吧。

看完,是不是心里有底了吗?

移动端一套完整的UI设计师也就是包含8个方面:

1、标准色

2、标准字

3、图标

4、 按钮

5、公共控件

6、模块

7、布局

8、APP效果展示图

换句话说就是

配色   字体   排版   布局   按钮   表单   提示框、标记、标签

弹窗、提示框  图片尺寸(banner、模块图片、头像图片)等元素进行规范整理。

也就是每一位APP设计师都会经历的一个过程。也是APP设计师学习和进步的过程。

推荐一个关于设计规范的网址:https://ds.mockplus.cn/

来自https://www.25xt.com/appdesign/13754.html

原文链接:https://www.25xt.com/appdesign/13754.html

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏CSDN技术头条

苹果正在怎样毁掉设计之名

【编者按】Don Norman与Bruce “Tog” Tognazzini,在20世纪80年代初期两人分别担任各自项目的领导者,他们从所经历的项目中提取编纂的...

23290
来自专栏即时通讯技术

技术福利:最全实时音视频开发要用到的开源工程汇总

实时音视频的开发学习有很多可以参考的开源项目。一个实时音视频应用共包括几个环节:采集、编码、前后处理、传输、解码、缓冲、渲染等很多环节。每一个细分环节,还有更细...

1.5K30
来自专栏web前端教室

学习前端开发,不知道怎么做,不知道问什么了,怎么办

我刚开始搞培训的时候,不是很懂学生的心理。我想法很简单,你不会,我教你,你努力学,学会就挣钱,很清晰。但人本身是复杂的,他会受很多外在因素的影响。 他会想,我学...

23280
来自专栏世玉的专栏

引战 -- VUE.JS 是否真的无比强大?还是粉丝过于头脑发热?

其实很早想再写一篇文章,可惜没什么素材,今天写代码时候一个很小的CSS问题,问了3个技术群,居然没有一个人可以回答出来的,然后还是靠自己花了几分钟...

20290
来自专栏腾讯社交用户体验设计

搞点新意思-QQiPad主题带你飞

15630
来自专栏理论坞

UI初学者的弯路,你走过几条?

对于初学UI设计的人而言,可能对UI具体是做什么,或者自己是否能顺利转行胜任这样的岗位存在一定的顾虑,今天我们就来重点说说UI是做什么的,以及学UI到有哪些需要...

7020
来自专栏MixLab科技+设计实验室

DIY一个人工智能设计师_v0.0.1

本文包含了两个系列的内容: 《设计师会编程,程序员懂艺术》 《写给设计师的人工智能指南》 在这里给设计师介绍人工智能在设计领域的应用,也亲手实现了一个融合设计、...

43860
来自专栏编程微刊

网站二次开发的总结

17860
来自专栏即时通讯技术

腾讯技术分享:腾讯是如何大幅降低带宽和网络流量的(图片压缩篇)

每年年初腾讯公司都要制定 SNG 成本优化年度目标,过去三年已经用技术手段为公司节省了超过 10 亿的现金流。产品的架构和容量也越来越健康,继续成本优化变得十分...

63020
来自专栏腾讯社交用户体验设计

QQ音乐V5 : 星设定 - 腾讯ISUX

17020

扫码关注云+社区

领取腾讯云代金券