0-1
从一个还只是信息框架层面到一个可以启动开发的视觉设计稿，我会将这个过程称为从零到一
普通工作流程是拿到交互稿，UI控件规范（作用是为了保证整个大系统的页面之间的交互逻辑一致性和视觉的统一性。）将对应的规范套入对应的交互中，注意间距，品牌色，列表样式。然后就完成了视觉稿，整个过程从零到一。
175DA5B690E34EAE8986A6DCFCA6C8CC.png
297B8FCF11544052ACE4DC870E12E199.png
1-0 破圈思考
常态化执行视觉后，考虑如何突破，寻找1的问题
如上图：a.文字标题的弊端，只能通过阅读文字识别，是否可以增加图形化标识；b.没有游戏氛围感，如何匹配产品DNA；c.枯燥无趣
0-1 redesign
根据结论，确认可以破圈的方向。a.保留重要的不可变动的信息：列表，标题，左右切换；b.可变动的信息和布局是哪些？板式？增加氛围图？增加辅助信息？c.如何达到目标效果：氛围感、图形标识、有趣。
将已有的视觉设计，通过打散布局和信息结果，并将他们通过更优的方式重组，再给一些轻微异化的样式，就能得到新的设计
总结：0-1-0-1循环
归零是指把之前界面的信息结构打散并重组，并且还需要优化结构和满足基本需求。
总结的基本操作方法：
1.与产品沟通诉求点，了解视觉层面需要满足的内容
2.了解产品未来的趋势。思考前瞻性的视觉概念
3.将页面的所有元素和信息解组，分析所有信息属于哪些类型，整理出不可变动信息、可变动的信息、可增加的信息、可变的布局样式。
4.信息重组，在思考板式的过程中，就可以将之前分解出来的信息来重组，可变换信息就要思考可变换样式的可能性。通过产品的需求，和对设计的预期，不断尝试重组信息结构，找到合适的板式和视觉样式。
例如：
1615DBCA9797490D9CA6C70A7BB12D33.png
C43B494DB8F44CA98698345ADD3AE6B4.png
思考维度
UI板式、交互优化、情感化融入、动效助力
参：https://isux.tencent.com/articles/redesign-thinking-anime.html
网友评论