UED沉思录

Q:设计前期至输出时常见问题及解决思路

 以下分享，全是血淋淋的教训积累与总结。

当然也是这段时间在AJK优秀Leader的带领下成长出来的。

Q:设计师存在的表象问题?

• 设计方案缺乏理论系统化

• 因需求而丧失设计原则

• 页面结构较为混乱，映射设计思路不清晰

• 页面设计细节打磨程度较低

• 页面制作时参数命名不严谨

• 输出适配的兼容欠考虑

Q:设计的根本目的是什么？

解决问题

Q:设计需要具备哪些能力？

洞察力「发现身边的好设计」

分析力「分析需求、解决痛点的思路」

匠人精神「设计技能、高品质输出」

Q:APP设计师的日常?

你的APP装了多少？200+

你每天看了多少APP？100+

你关注最佳APP有多少？20+

你每天花多少时间研究APP? 5+

设计方案的系统化理论，痛点五维分析、分层渐进法

明确需求

现功能及新功能走查检验

产品诉求痛点分析

搜集相关数据验证需求改进方案的可行性

提炼设计重点

寻求合理技术支撑

确立设计方向

设定解决方案

页面设计拆分方法

整个页面的先后顺序

各模块之间在同窗口中展示时，让视觉焦点清晰

字重配比排布

标签、按钮、引导操作先后强弱顺序

修饰性图样添加控制

从开发制作的角度出发搭建你的源文件（更接近范围、结构层）

设计中1+1未必大于2?

产品要求:营造产品多元化,尽可能的展示更多的信息,珍惜一屏空间

设计方案:加形式、样式,字段全展示,布局信息塞满

用户感受:页面好热闹,阅读困难,紧迫焦躁感

设计源件中的细节

1. 页面结构模块用组的形式归类「例如：TOP BAR / CONTENT / BUTTON BAR」

2. 页面结构及单元名需要建立时命名「例如：Banner / List / Text / Line / Button」

3. Position / Size 不要有小数点，取整数，尽量用偶数

4. Opacity 以5、10单位参数进行增强渐弱，个别微调90以上可进行个位数调整。「例如：91～99」

5. 页面信息内容规律栅格、对齐

6. 牵涉均分、平铺时考虑小屏适配

7. 元素平铺，均分在不同系统上开发制作方式不同，需要提前与开发进行沟通确认方案

8. 页面设计时使用较为逼真字段，不建议使用重复文字填充。图片同要求

9. 图标制作时，注意图标的小数点、边缘是否模糊清晰「建议开启：Show Pixels功能时刻自查」

交互节点自查

1.流程、路径、转场、动效

更新，加载

2.交互说明

动作行为，页面跳转路径，注解说明

3.各场景内容显示

登录，功能使用前后，无内容状态，极限状态

4.控件设备专属应用

IOS平台，Android平台

5.网络场景

网络慢、网络超时、无网络、是否需要缓存

6.新老版本兼容

新改页面后台上传数据的向下兼容维护

视觉节点自查

1.一致性

页面面模块文字、线、符号、在遵循可读性、设计风格一致性的基础上保持相对应的对齐；

图标所在模块中的大小比例保持相对应的统一；

页面板块、分割线、文字间距空隙需保持一致；

全局控件严格按照规范输出，包括控件内的文字大小、间距、字色、控件颜色、导角弧度参数；

2.限制性

同一个板块、同一个页面内容不得出现3种以上的字体、字号、颜色、线条样式、比例、底图背景色；

字符分割（例：日期、分秒、状态、标点符号等）使用半角输入；

3 有理有据

设计中因输入法或软件缺陷无法达到居中对齐效果，自行单独调试或单独设计弥补缺陷；

除规范定义的色彩，非标设计需有一定的含义及用色原理；

4.自我检查

交付评审前必须对以上内容严格自检，并和交互设计师保持视觉、意见统一；

视觉稿评审前与 PRD、交互文档保持一致，如有修改及时与交互设计师及产品相关人员进行商议确认修改，一切以 PRD、交互文档为准。