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