国内优秀网页界面赏析
浅析⽹页⾸页界⾯设计
开宗明义,⽆论是对于⼀篇⽂章、⼀场会议或⼀部专题⽚,还是对于⼀个⽹站来说,都是必不可少的。那么能为⼀个⽹站开宗明义的地⽅(标签)就是 Title(标题)和Description(描述、副标题),⽽能够为Title和Description提供进⼀步诠释的就是⽹站的⾸页。
展⽰哪些信息
页⾯的重要性是建⽴在它所呈现信息的基础之上,反过来说,页⾯要向⽤户展⽰哪些信息是决定其重要与否的⾸要指标。在⽹站页⾯中,⽹站标题、副标题、菜单(狭义上的导航,请参看《WEB导航设计》)、⽤户登录信息、关于、版权信息这⼏项是⽹站的基础信息,是⼀个⽹站⾝份的像征,承载着向⽤户表明⽹站⽴场、提供何种产品或劳务、⽹站⾃我介绍、如何联系⽹站的重要使命,在设计页⾯时,这些信息必不可少。
⽽⽹站的⾸页,除了需要显⽰以上这些基础信息之外,最重要的是还承担着⽹站转化率的重任,这也是所有类型的⽹站⾸页的最重要任务。如何让⽹站⾸页完成这项重要的任务呢?我的理解是把⽹站所提供的产品或劳务通过版式设计、⽂案设计、⾊彩设计之后,展⽰在⾸页适当的位置,并使其不受其它信息元素⼲扰,甚⾄使其它元素为它(产品或劳务)服务。
突出主题思想
知道了⾸页需要展⽰哪些信息,知道了信息之间的权重,如何把信息呈现得更符合信息本⾝,却不是⼀件容易的事,需要时间的磨练与经验的积累。就设计本⾝⽽⾔,是⼀件感性的事,不像数学公式,它缺乏严谨的理论做为指导,所以在⼯作中,经常出现与Boss、同事意见相左的情况。我个⼈的经验是在⾮重要信息的设计上使其具有普适性,在重要信息的设计上突出设计的主题思想,在与Boss、同事讨论时,尽量把讨论的重点放在主题思想的呈现⽅式与其对转化率(或市场⽬标)的作⽤之上。你可以说这是功利的设计,没错,所有的设计都是以商业利润为最终⽬的。
如何突出
在版式设计上,要求把信息分门别类,让⽤户在扫描(只为扫描⽽设计,请参考《Don’t Make Me Think》)页⾯时保证视觉流的流畅性,在短时间内(3-5秒)发现⾸页包函哪些区域(如菜单、⼴告、注册、个⼈信息、链接、按钮等),⽅便⽤户在第⼀时间内做出选择。在设计过程中,建议严格遵循四个排版的原则,即:对⽐、对齐、重复和亲密性(请参看《写给⼤家看的设计书》)。如yahoo、renren、cnet的⾸页设计。
在⽂案设计上,副标题的⽂案设计,要求⽂案简洁明了、开宗明义,语⾔、句式的表达需符合⽹站的整体调性。如⼈⼈⽹的“因为真实,所以精彩”,阿⾥巴巴的“全求最⼤的采购批发市场”,babytree的“爱、交流、成长”等等。在产品或劳务宣传的⽂案设计上,要求简短、易懂、描述要完整,语⾔要情
感丰富,具有扇动性,吸引⽤户注意⼒,最终促使⽤户付出⾏动,这就达到了⽬的(转化率或点击率)。显⽰的要素通常包括谁/什么、有多少、何时、何地、如何做、为什么这六⼤要素(请参看《餐⼱纸的背⾯》)。如⼈⼈⽹、开⼼⽹⾸页的主题表现形式。这些应该是⽂案设计的⼯作,但现状是Boss不会专门聘⽤Copywriter,⽹页中的⽂案⼀般都是由交互设计师来完成,⽽⼩公司是由美⼯来完成。所以,了解⼀些⽂案设计知识是很有必要的。
在⾊彩的设计上,即要符合⽹站整体特征,⼜要适合所渲染信息的特征。⼀般采⽤同⾊系或相邻⾊系对⽹站基础信息进⾏渲染,对于突现主题的信息采⽤基础信息⾊彩的补⾊或对⽐⾊进⾏渲染,从视觉上体现信息的权重与逻辑关系,达到突出重要、弱化次要地⽬的。
这是什么
西⽠、thindpad、iphone、百事可乐、著名作家、⼆战。当你看到这些名词时,脑海⾥不由的浮现出它们的特征。⽐如你看到“著名作家”时,可能想到了鲁迅,⽽英国⼈看到“著名作家”时,很可能想到的是莎⼠⽐亚;再⽐如看到“⼆战”这个名词,你可能想到了“狗⽇的”,⽽犹太⼈想到的可能是 “希特勒”。这与⽤户的知识背景有很⼤的关系。在进⾏⽹站页⾯设计时,⽤户知识背景也必须考虑其中,我曾见过⼀领导在与同事们讨论页⾯设计时,在⽩板上画分类列表,⼀直是把它画在左侧,并以列表式呈现。这个现象⾜以说明,他所接触到的分类列表可能多数呈现在页⾯左侧,所以他⽆意识的也认为分
类列表应该在左侧,换句话说,放在右侧或其它地⽅,就不是分类列表了。或许我定义得有些极端,但这个现象确实能反应出知识背景对⽤户习惯的影响是不可估量的。
所以,在设计时,⽹页界⾯应该设计得要像⽹页界⾯,软件界⾯设计得要像软件界⾯,游戏界⾯设计得要像游戏界⾯,⼴告设计的要像⼴告。千万不要为了得到视觉上的创新,把界⾯设计成了四不像。或许这种观点显得过于保守,但有利于把风险降到最低。其实⽹站最吸引⽤户的地⽅是内容的质量,⽽并不是花哨、绚丽的视觉设计。视觉设计的主要⽬的在于采⽤合适的视觉元素表现出内容的权重与逻辑,属于配⾓。在⼩品《我是主⾓》中,也很明确的突出了配⾓与主⾓应该各⾃扮演好⾃已的⾓⾊,作为配⾓的视觉设计不能抢了主⾓(内容)的戏。
不要纸上谈兵
赵括纸上谈兵害⼈害已。理论是可以通过学习得到,⽽经验只能在实践中获取。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。