登录 |

打印 | 字体大小: « »

用“交叉”设计的方式促进风格统一

不少公司都问到了“如何保证网站风格统一”的问题,特别是有多条产品线的网站。没错,保持风格统一确实是网站的一个大问题,不仅仅是视觉、文字的表面统一,还包括页面架构以及交互流程、交互方式的统一,此处不再多说。为只有统一的网站才能给用户更好的统一体验。几乎每个小型网站往中型网站的转化过程都会遇到这样的问题。

在以往的软件项目中,一般解决这个问题的方法是由专人来管理和总结统一的“设计规范”。但在网站项目上,这样做似乎并不适用。
一来是因为网站的更新频率过高,规范的维护成本增加实用性降低,二来是因为一般的网站开发团队都很难拿出来时间人员去专门搞这个事情,更主要的是就算有了详细而系统的规范应用起来的执行成本也是非常之高的。YUI对于大多数互联网公司来说也是不实际的。

一般情况下我建议让团队内部采用“交叉”的协作方式,通过人来保证整体的大致统一。然后再通过个别人的“把关”来弥补文字和视觉上的统一。做法如下:

1、保证产品设计部门的部门完整。
尽量不要把人员从“组织原则”上拆分到各个不同的产品或者项目组。拆分设计部门是很危险的事情,就算在一个很和谐的公司,不同部门之间的设计师在保持沟通和行为统一上都很难做到。这样搞产品势必不会统一。

2、充分贯彻“延续设计”的思想。
做一个设计之前想“我们网站之前有什么地方的设计和这个类似,可以直接延续哪个布局规则和交互方式”?,如果没有,才重新思考新的布局规则和交互方式,新设计之前依然需要想一下“现在这个这种新方式可以延续在以后什么样的类似设计上”。

3、尽量保证固定的设计师“主导”同一个产品的升级和调整。
在设计部门内部安排好什么设计师主要负责什么项目,不要任务来了谁有时间就谁上。每个设计师都有自己的风格,经常换不同的设计师设计同一个产品,设计风格势必难以统一。由一个设计师设计的产品,起码可以在思想和想法上保持一致。

4、让每个设计师都参与到多个产品中,项目和人员交叉进行。
让每个设计师根据自身能力“主导”一个或者两个产品,但同时“参与”到多个产品中,一个产品由一个设计师一直“主导”设计,但由多个设计师同时参与。那怕是很简单的参与。
甲主导A产品,同时参与B、C产品;乙主导B产品,同时参与A、C产品;..,这样甲在参与乙主导的B产品时即可以提供一些必要的讨论和建议,也可以告诉乙“我在做A产品的时候,一个类似的地方是怎么怎么处理的”,同样回头自己在做A产品时可以想到“乙在做B产品时,一个类似的地方是怎么怎么处理的”。。。 这样,不同产品之间的一些风格延续就可以通过设计师日常工作自然而然的做到了。

5、视觉风格的统一由设计小组的“组长”把握,每一个风格的设计都需要“把关”,慢慢形成统一。视觉设计的同时往往很难,特别是有多个设计师时大家都有着各自的“设计风格”。

6、文字的风格有专人把关,并慢慢形成规范

当然,到了一定程度必要的规范还是需要的。但建议把握尺度,逐步完善,保持更新。更重要的是确保“执行”。

分类:UCD ,08/03/14 8:08 下午 | 115,346 次浏览 |

网友评论(17)

  1. 经常关注你的网站
    留下个脚印吧

  2. 规模发展到一定程度,想要再迈上一个台阶的确是一个痛点

    除了那些建议,自己还想补充些:
    1,别忙着做精简和优化,虽然很多时候说好的设计是没有可以删减的了。但是当开始做的太精致,太“完美”之后,往往后期就无法补充,继续搭建了;这种情况下容易引起结构的重建。
    2,理清产品的层级关系,在同一层级中,所有分类最好以功能最复杂的单项的结构作为基本结构,因为谁也不能保证其他单项有一天不会发展到这种结构层次。

  3. 好文,收藏至20ju.com

  4. 可能是因为身在软件公司的原因,偶认为把项目当产品来设计是个前提条件!

  5. 每次来都会有新收获 :D

  6. 来这里总会收到启发!谢谢~

  7. 恩,3和4很重要

  8. 除了那些建议,自己还想补充些:
    1,别忙着做精简和优化,虽然很多时候说好的设计是没有可以删减的了。但是当开始做的太精致,太“完美”之后,往往后期就无法补充,继续搭建了;这种情况下容易引起结构的重建。
    2,理清产品的层级关系,在同一层级中,所有分类最好以功能最复杂的单项的结构作为基本结构,因为谁也不能保证其他单项有一天不会发展到这种结构层次。

  9. 5、视觉风格的统一由设计小组的“组长”把握,每一个风格的设计都需要“把关”,慢慢形成统一。视觉设计的同时往往很难,特别是有多个设计师时大家都有着各自的“设计风格”。

    6、文字的风格有专人把关,并慢慢形成规范。

  10. 借这篇文章,又回顾了很多白鸦以前的文章。

    本文主要应该谈的还是视觉和文字上保持基本统一的一种可行方案,很希望白鸦能有空能再简单提一下关于页面架构以及交互流程、交互方式的如果需要统一化,有哪些基本问题必须引起注意或是否有已经有某种可行方案可以借鉴。

  11. @raybit 这篇文章说的主要就是页面架构和交互方式

  12. 谢谢白鸭提醒,是我自己开始理解上还不到位,又仔细体会了一下,
    核心思想是产品外在的统一有赖于公司内部各项资源及职责间分配时统一协调,
    而对设计方面的统一,尤其要注重:
    1 横向上,提供统一的部门沟通渠道(即设计部门不易拆分以保证各设计师间能相互交互,并参与到不同产品中)
    2 纵向上,提供统一且又相对独立的产品设计通道(统一简分为出入两点,入点上需要注意“延续性设计”,出点上注意借把关来进一步“规范化设计”;独立则主要指的过程上,即项目主导设计思想整个过程尽可能要独立,故应以1个设计师的设计理念贯彻始终)

    横向提供大环境,纵向规范化产品设计加工流程。

  13. @raybit 貌似你还没有读到关键地方。第四点是核心。

  14. 呵呵,那倒不是真的没读到
    那种通过自然而然的设计师之间的沟通性学习使得各系产品的诸多风格或细节无形中达到某种统一,最终近乎“无为而治”的情形,我觉得那必然有赖于之前所提的横纵通道的打造。
    而在那基础之上设计师之间的相互建言、学习就要看设计师们自身的视角和素质了。前者的通道创造的是可能或者说是可行性,后者则将关乎最终的成效如何。前者是机制体制上的,需由上而下的改革;而后者更多是人自身的因素,要团队间有好的学习交流气氛。

    无奈,我所在的公司前者都还没有做好,后者就需要更多的时间了。总之,很感谢白y这篇文章,之前我们几位高级技术专家或总监一级的也提及web开发大规模化后这方面的问题,但是一直没有想到对我们而言行之有效的方法,我觉得你提出的这种交叉方案对我日后拟定这方面相关技术建议书有很大启示。

  15. 谢谢您的分享。

  16. 很好啊
    收益匪浅

  17. […] 白鸦说,用“交叉”设计的方式促进风格统一。这在理论上当然是一种策略。这样方式的逻辑思路是:如果多个设计人员均参与产品的工作,那么会在协作的过程中产生风格的融合——但这在事实上存在很多障碍。设计水平的参差不齐,必然造成设计工作上重复劳作,由多个人主导同一产品的设计,最后的结果往往是风格凌乱,彼此不满。 […]

发表评论

*必填

*必填 (不会被公开)