交互学堂
专注分享专业知识

UED沉思录

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、交互文档为准。

赞(0) 打赏
未经允许不得转载:IAMUE » UED沉思录

交互学院

在线学习交互设计课程1元秒杀Sketch入门课程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏