全国服务热线4000-662-088 专线13828842088 在线咨询 预约方案申请

调整UI设计稿的三大原则四点技巧

【摘要】

调整 UI 设计稿的几点原则

一,以自家产品为核心

调整点一定是围绕着「更好的提升自家产品用户体验」这个前提的,而不是基于产品经理或者 UI 设计师个人的审美风格、好恶倾向。应该彼此多交流,交代清楚要求。

二,彼此尊重并肯定对方的权威

这点矛盾差异经常出现在UI 设计师和产品经理资历不对等的情况下。

比如UI已经有3-5年的经验,但产品经理却还是个毛头小子,此时,往往 UI会比较强势对产品设计的插手也会比较多 。

聪明的产品可以尝试找个机会和设计师同学深聊(比如一起加班回家的晚上请对方撸串哈哈哈),达成以团队合作共同优化产品设计和努力提升用户体验为目标,将个人的意见弱化,团队的目标强化。

另外,每当设计师提出了一个绝妙创意时,即使这个想法你觉得可能并不怎么适合自家产品,也不要直接了当的否定。更好的方式是:发自内心的感谢设计师同学,承认这是个很不错的想法,并向其表明会考虑移至下个版本或者说放在其他功能模块里。

珍视设计师的创意会让他们觉得自己被重视,也增强了他们在产品研发中的「参与感」。

三,设计过程中保持足够的沟通

在设计师们准备动手前最好提前提出本次设计的重点以及页面层级和产品框架。让他们清楚哪些地方是要遵循现有产品文档的,哪些是可以供他们施展创意的。

设计过程中多和设计师沟通自己的想法,并尽可能的具象或者描述出来自己想要的感觉。两个人在交流中往往会激发更完美的解决方案的火花。

调整 UI 设计稿的几个技巧

1. 保证页面层级关系

设计师给我们反馈回来的稿件,往往都是色彩缤纷,内容饱满非常形象生动的。也是开发最终用来布局的确认稿。但当创意过多时,可能会导致页面主要内容不突出。这一点应该是产品经理调整 UI 设计稿时最关注的地方。

在这一页最想触达用户的内容是什么。

如果你无法从 UI 的稿件中找到你想表达的层级关系,这个时候往往你们需要谈谈。

为了不增加用户认知成本,更快的触达我们最想让他关注的点。一般一页内 3 个板式比较合适。

另外,如果场景类型相同、或者内容模块相似,可以 对场景、内容递归分组,使用相同模板,让整个界面看起来有条理并且很清爽。

2. 根据 IOS、安卓的特性调整页面

这点对于初创公司的产品经理来说其实并不实用,创业公司面临的处境是人少事多工期短。功能最优先,页面视觉上的优化往往不太看重。

而针对实力雄厚的大公司来说,有足够的人力物力时间的情况下,需要最优打磨页面的时候,根据系统特性调整页面可能会给用户带来小小的惊喜。

3. 设计样式保持统一

产品经理对于自己产品的框架结构及表现层应该是非常熟悉的,对于双重展开的内容为了降低用户的认知负担。对于一些既定组件,可以建议设计师伙伴采用同一套设计样式。

4. 砍掉不必要的元素

这两年从INS开始,各巨头都开始追求简约设计。简约设计并不是说随意设计,而是说砍掉许多不必要的元素,只保留页面中最核心的部分。如果这个按钮、图片仅是为了设计展示没有任何实际上的功用。或者说仅仅是为了看起来酷炫而没有任何实际功用,那么完全可以考虑将其降级或者直接干脆砍掉。

在保证给用户以足够反馈提示下一个清爽的页面不仅可以提高系统运行速度更可以提升用户体验,并且显得很Fashion。