视觉设计不懂业务时如何着手设计？.pdfVIP

视觉设计不懂业务时如何着手设计 ？ 信很多视觉设计师会有这样经历 ，当接触到一个 的项目 ；如果是熟悉业务类型产品 ，设计起来轻 松熟络 ，如果是一个陌生的业务类型 ，则需去摸索与尝试 ，找到合适的设计定位与视觉风格。当视 觉对交互的业务性质、框架逻辑、层级关系不熟悉时候 ，视觉效果是画出来了却漏洞百出. 1、交互会问 ：上下两个表格为什么用线分开 ？两个表格均指index t rend ，分开都不是从属关系了.. 2、前端会问 ，以下按钮是左右无限循环吗 ？还是说左右只能按一个 ？还有它的不可用状态又是 什么 ？ 3、在交互上是有翻页效果 ，怎么视觉效果上没有呈现 ？ 4 、下面几个折线图是属于上面对应所选中的指标 ，视觉上感觉不对呀 ？ 5、上传包用圆环图方式呈现 ，那几十个上传包岂不是几十个圆环图 ，还是进度条好点吧 ？ 如果不熟悉业务 ，视觉上从框架结构到细节跳转都经不起推敲 ；缺少业务探究过程与对每个细的深 思熟虑 ，用户体验会好么 ？ 作为一个视觉设计师 ， 在设计开始前 －设计过程中 －设计结束都需花心思与时间去了解产品业务 ， 统筹性的输出。能熟悉产品的信息架构、界面逻辑、元素所指 ，视觉表达能直观清晰 ，让 用户使用 产品时、体验它认同它、并产生愉悦即是成功 －－而懂业务是体验的基础。这一过程是需要花心思 与技巧的。下面一起分享一下其过程 （主要指PC类业 务 ）。 一、从熟悉业务系统开始 不懂业务流程视觉同学拿到交互稿一看 ，框架结构复杂、海量的信息内容、80%的专业术语与量词 都是没听过的 ；怎么办 ？先找se/产品经理看需求文 档 ，看不懂没有关系 ，起码先对需求混个眼熟 ；接着独自开始熟悉交互稿流程 ，大概了解产品的业务逻辑与核心场景 ，心中有个路线 ；试着理顺 那繁杂的流程 ，记录 不明白的点 ；再找交互设计师对稿从头到尾听讲一次 ，过程中不懂的即问 ；在 大司很多时候过4 0页的t o b类交互稿需要2小时,更复杂的可能是一个上午的时 间。 总之 ，在视觉设计前主动投入学习成本 ，看懂交互说明 ，做好充足准备 ；t oc业务产品到t o b业务产 品系统 ，有时候其繁杂程度就像玩游戏通关 ，过一个级别难度高一点 ，等通关完毕游戏顺利结束 ， 也胜利了。你们准备好了晋级吗 ？ 二、系统且有目的学习过程 上面讲到视觉设计师熟悉交互稿过程中 ，将不懂的步骤和细节问题记录下来 ，再与交互设计师对稿 拉通 ，讲解交互逻辑。这里需要理清的具体内容包括以下几点 ： 1、产品的类型 （t o B o r t o C产品 ）/ 定位风格 ／核心功能 ；心中有个大致的方向 2、布局方式 （上导航下内容、左导航右内容等 ），是否看到了让用户清晰知道自己所在的信息结构 中的位置 ，深度与广度之间合理性 ，能否找到页面跳转的快捷入口 ；每一个页面都能清晰了解位置 所在则上下链接。 3、业务框架逻辑与流程 ，正如 《用户体验要素》的框架层 ，整体界面设计、导航设计、信息呈现 设计 ，因为到了这一步 ，需要看到真正能呈现给用户看到的东西 ，确定其功能范围和页面各个模块 的层级关系。 4 、页面承接关系 （如 ：点击、反馈形式、链接、跳转、下钻、弹出框、t ips等 ） 5、细节控件的状态 （如 ：焦点 ／默认状态、可以／不可用状态、点击 ／非点击状态、默认 ／鼠标 经过 ／选择状态、默认 ／放大状态、停止 ／开始状态等 ） 6、挑选典型页面o r是否全量输出 三、有根据的理性思考 理清以上步骤后 ，对交互有了一个较为大概的思路 ，即使不是100%清晰但也有了一个可以发散的视 觉设计方向。 1、理解业务 ，产品 位确 后 ； 开始视觉风格的思考 ，即 《用户体验要素》表现层 ，视觉设计和内容优化。开始设计是有意思的 ， 商业需求的了解和用户的目标的认清才能做出合理的设计 ， 表现是最终产品气质的体现。如t o B或 许是严谨的／数据的／理性的／视觉表现力应该有所收敛的／o r t o C的应该是感性的／色彩较为丰 富的／图形化的／生动的… 2、是否有设计规范的 ？ 如果有 ，是否要求根据现有的指导性设计规范来进行设计 ？100%遵循规范 ？o r80% ？还是细节控件 ？还是说不需要遵循规范 ，只是统一风格即可 ？由于每一个产品的设计定位与思考逻辑都是不一 样的 ，基于当前的设计规范是否适用满足与支撑现业务产品的视觉设计 ，都需理清楚。 记得来大司接触的第一个设计项目是平台管理类型产品 ，且基于现有的设计规范——A ileUI进行 设计。在设计之前需要花时