UI设计师如何建立自查清单

用户头像
北京/UI设计师/7年前/1740浏览
UI设计师如何建立自查清单
用户头像
花未未

帮助大家养成良好的工作习惯,降低错误率并提高工作效率

一、为什么要做自查清单


15 年开始负责管理工作之后,每个项目设计内部评审的环节都会有大量的细节的问题产生。每次都会强调这些细节问题不能再次出现,开始是会有改善,时间长点儿就开始又反复出现。所以为了让大家重视这些问题开始筹划制作 UI 设计师的自查清单,后面又经过不同项目的沉淀和优化逐渐形成了覆盖面较广可执行的文档。所以今天给大家分享一下,希望能对大家有帮助。



二、自查清单的作用


做自查清单主要是为了:

养成良好习惯,作为设计师不能只关注整体效果,对于细节的严谨态度也能提升作品的品质,养成对细节的关注的习惯持之以恒也会带来很大变化;

降低错误率,商业环境下的每一个设计输出都会因为与用户的接触而产生不同的影响,如果输出还存在明显错误一定会给公司带来不好的影响,严重了可能会给公司带来损失;

提高工作效率,有错误再进行修改不管问题大小都会有时间损耗,也会影响我们的时间分配,如果我们自己把这些问题都检查好,那我们就可以有更多的时间来把做精细化处理;



三、自查清单所包含内容


自查清单主要包含以下内容:

· 基础规范

· 内容展现

· 交互反馈


基础规范:

1. 设计尺寸不同的平台的设计尺寸是不一样的,要按照平台规范来选择尺寸。当然,大多数设计团队不同平台会有统一的设计尺寸来出图,这种情况下就不能特立独行,要和团队保持一致。

2. 颜色使用统一的品牌色才能形成统一的品牌传播性,不要在不同的项目用不一样的颜色。辅助色也要按照统一的标准来选用,同一界面不要用过多的辅助色。

3. 字号字体 ,各个平台的系统字体要不一样的,所以设计稿里面也要用和系统字体一致的字体,尤其是要考虑到不同平台最终的展现效果。移动端的最小字号为24px,PC端最小字号为12px,不要使用过小字号出现用户看不清字的情况。并且字号的使用标准要有统一的标准,不能随意使用。


内容展现:

1. 文案准确性,文案尽量使用真实数据来填充,英文准确需要大写或是缩写的一定要确认之后再用,不要存在错别字尤其是需要切图的文字

2. 信息层级,重视阅读效率和阅读体验,合理运用序列符号,布局层次分明,重点突出

3. 配图品质,图片品质,比例一致,视平线一致,


4. 控件一致性,圆角/直角一致,符合统一规范



交互反馈:

1. 极限情况,要考虑文案信息呈现的最大值和最小值情况,同时要给出合理的交互方式

2. 操作状态,对于可操作的控件各个状态完整,同一页面的不同状态完整

3.异常情况,相关提示的完整性




四、如何使用自查清单


自查清单的内容不是一蹴而就的需要所有设计师来共同维护逐步迭代。设计师可以将自查清单作为项目提交之前的最后一个流程,仔细核对是否存在错误。而设计管理者也可以就自查清单里错误出现的频次来定期总结和大家同步。


以上分享内容纯属个人总结,如有不同意见请在评论给予指正,同时希望我的分享能够对大家有帮助!

31
举报
|
40
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
卡通风格网页页面3D渲染
四个人物分别在上网贴纸合集
卡通女孩与网页表格3D渲染
网页页面矢量插画
卡通风格网页页面3D渲染
三个青年正在装修网页矢量插画
互联网,互联网插画,商务,数据,项目,合作,精准,投放,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,交流,沟通,渐变
网页图标
网页设计——纸杯蛋糕
一个男生和两个女生站在网页前面打招呼矢量
新年快乐送福网页矢量图banner
三位美女围着网页看信息矢量插画
B19【星空诗意&网页幽灵按钮】公司产品服务简介汇报
浏览电脑网页的元素
女生坐在网页面前办公矢量插画
网页背景
运动风人物插画
网页电商背景矢量插画
男生和女生站在网页面前矢量扁平插画
三个青年站在网页周边矢量插画
卡通风格网页页面3D渲染
一个人拿着优惠券准备支付购物电商矢量插画
banner
卡通女孩与网页表格3D渲染
 网页背景
你可能喜欢
大家都在看
登录注册