品牌策划公司如何做好设计？需要懂得哪些内容？

　　作为品牌策划公司的视觉设计师，能熟悉产品的信息架构、界面逻辑、元素所指，视觉表达能直观清晰，让用户使用产品时，体验它认同它，并产生愉悦即是成功，而懂业务是体验的基础。但如果你是完全不懂业务的新手，该如何做好视觉设计呢?来看今天分享的亲历经验。

　　相信很多品牌策划公司视觉设计师会有这样经历，当接触到一个新的项目;如果是熟悉业务类型产品，设计起来轻松熟络，如果是一个陌生的业务类型，则需去摸索与尝试，找到合适的设计定位与视觉风格。当视觉对交互的业务性质、框架逻辑、层级关系不熟悉时候，视觉效果是画出来了却漏洞百出.

　　1、交互会问：上下两个表格为什么用线分开?两个表格均指index trend，分开都不是从属关系了..

　　2、前端会问，以下按钮是左右无限循环吗?还是说左右只能按一个?还有它的不可用状态又是什么?

　　3、在交互上是有翻页效果，怎么视觉效果上没有呈现?

　　4、下面几个折线图是属于上面对应所选中的指标，视觉上感觉不对呀?

　　5、上传包用圆环图方式呈现，那几十个上传包岂不是几十个圆环图，还是进度条好点吧?

　　如果不熟悉业务，视觉上从框架结构到细节跳转都经不起推敲;缺少业务探究过程与对每个细的深思熟虑，用户体验会好么?

　　作为一个品牌策划公司的视觉设计师，在设计开始前-设计过程中-设计结束都需花心思与时间去了解产品业务，统筹性的输出。能熟悉产品的信息架构、界面逻辑、元素所指，视觉表达能直观清晰，让用户使用产品时、体验它认同它、并产生愉悦即是成功--而懂业务是体验的基础。这一过程是需要花心思与技巧的。下面一起分享一下其过程(主要指PC类业务)。

　　一、从熟悉业务系统开始

　　不懂业务流程视觉同学拿到交互稿一看，框架结构复杂、海量的信息内容、80%的专业术语与量词都是没听过的;怎么办?先找se/产品经理看需求文档，看不懂没有关系，起码先对需求混个眼熟;接着独自开始熟悉交互稿流程，大概了解产品的业务逻辑与核心场景，心中有个路线;试着理顺那繁杂的流程，记录不明白的点;再找交互设计师对稿从头到尾听讲一次，过程中不懂的即问;在大司很多时候过40页的tob类交互稿需要2小时,更复杂的可能是一个上午的时间。

　　总之，在视觉设计前主动投入学习成本，看懂交互说明，做好充足准备;toc业务产品到tob业务产品系统，有时候其繁杂程度就像玩游戏通关，过一个级别难度高一点，等通关完毕游戏顺利结束，也胜利了。你们准备好了晋级吗?

　　二、系统且有目的学习过程

　　上面讲到品牌策划公司视觉设计师熟悉交互稿过程中，将不懂的步骤和细节问题记录下来，再与交互设计师对稿拉通，讲解交互逻辑。这里需要理清的具体内容包括以下几点：

　　1、产品的类型(toB or toC产品)/ 定位风格/核心功能;心中有个大致的方向

　　2、布局方式(上导航下内容、左导航右内容等)，是否看到了让用户清晰知道自己所在的信息结构中的位置，深度与广度之间合理性，能否找到页面跳转的快捷入口;每一个页面都能清晰了解位置所在则上下链接。

　　3、业务框架逻辑与流程，正如《用户体验要素》的框架层，整体界面设计、导航设计、信息呈现设计，因为到了这一步，需要看到真正能呈现给用户看到的东西，确定其功能范围和页面各个模块的层级关系。

　　4、页面承接关系(如：点击、反馈形式、链接、跳转、下钻、弹出框、tips等)

　　5、细节控件的状态(如：焦点/默认状态、可以/不可用状态、点击/非点击状态、默认/鼠标经过/选择状态、默认/放大状态、停止/开始状态等)

　　6、挑选典型页面or是否全量输出

　　三、有根据的理性思考

　　理清以上步骤后，对交互有了一个较为大概的思路，即使不是100%清晰但也有了一个可以发散的视觉设计方向。

　　1、理解业务，产品定位确定后;

　　开始视觉风格的思考，即《用户体验要素》表现层，视觉设计和内容优化。开始设计是有意思的，商业需求的了解和用户的目标的认清才能做出合理的设计，表现是最终产品气质的体现。如toB或许是严谨的/数据的/理性的/视觉表现力应该有所收敛的/or toC的应该是感性的/色彩较为丰富的/图形化的/生动的…

　　2、是否有设计规范的?

　　如果有，是否要求根据现有的指导性设计规范来进行设计?100%遵循规范?or80%?还是细节控件?还是说不需要遵循规范，只是统一风格即可?由于每一个产品的设计定位与思考逻辑都是不一样的，基于当前的设计规范是否适用满足与支撑现业务产品的视觉设计，都需理清楚。

　　记得来大司接触的第一个设计项目是平台管理类型产品，且基于现有的设计规范——AgileUI进行设计。在设计之前需要花时间逐一去熟悉规范和理解规范，并在规范的基础上进行视觉输出。

　　3.运用设计规范来指导设计，存在它的两面性

　　设计规范一般是具有指导性意义，且设计人员进行设计时必须遵守的规定;设计规范具有统筹性作用，可用性原则和审美常识下避免犯错的方法，可保持设计印象的延续性。但运用规范同时也存在它的双面性。

　　优点：

　　视觉设计输出的效率高，出错性少;

　　高效率的也看输出，利于项目的快速推荐;

　　基于项目经验，开发难度小，技术可实现性强;

　　版本输出时间成本低，项目迭代次数快，项目成本相对较少;

　　缺点：

　　视觉设计师的设计水平发挥收到限制

　　挑战度低，一直遵循规范设计久而久之会感到枯燥，想打破这种设计模式

　　因此，在项目中遇到设计规范需要遵循时，请在有限的空间中尽量发挥自己的设计才华,从细节处致力用户体验的提升。

返回列表