网页设计就是戴着锁链跳舞

  在网页设计初期,我们会先收集大家对设计方向的期许,我们经常收集到这样的建议:

  产品经理:要易用,要简洁

  设计总监:要特色,要亮点

  部门经理:要大气,要统一

  ……

  

  设计师要三头六臂,左右逢源,顾此又顾彼。

  首先,对网站而言,视觉和体验是一体的,相辅相成携手共赢。视觉上的统一要求体验上的一致,体验上的创新也要求视觉上的突破,然而某些需求的字眼本身就是自相矛盾或难以捉摸的,如何又简洁又特色又兼顾统一?对工具类网站的设计,大方向是力求简洁精炼的,作为辅助手段引导用户操作,在易用性和美观性之间拿捏火候,恰到好处的展现出来。

  产品上线,无论好坏,就已持有自身固有的特色呈现给大家。我们看搜索类网站:google、baidu、soso、yahoo、包括设计感十足的bing,虽然各雷同产品的雷同设计比比皆是,可圈可点,但每个产品仍努力不懈的追求标新立异,无论是从体验还是设计都希望跳出竞争对手的圈圈,做出差异化,拉开距离。

  

  再看SNS类网站:

  

  对于信息量大,实用性强的此类网站要求轻松入门,低成本高效率的满足用户需求。可各个产品的属性雷同,怎么更吸引用户停驻呢?一方面是功能的完善和拓展,像客户端的体验一样便捷(facebook以此闻名);一方面是设计的趣味性,在细节体验上呵护用户的感受(白社会乃后起之秀)。

  每个产品要持有自身的特色,才能脱颖而出。

  QQ校友和城市达人在产品规划初期就保持了视觉的统一性,强化腾讯SNS类产品的品牌特征,在今后不断的优化过程中,更注重用户体验细节上的趋于统一。

  

  回想一下5年前的设计,我们大多接触的是产品海报式的宣传网站,将传统技法和网页设计结合,光效,水墨、纸艺等等,如今更是发挥的炉火纯青

  

  可今天的产品官网往往不允许这样大张旗鼓的设计,这其中考虑的因素很多,统一性、易用性、流量、广告收入等等等等。。。在种种束缚的条件下如何展示个性化,既留住目标用户,又吸引潜在用户,让他们在体验的过程中不失乐趣?这是对网页设计师最大的挑战。

  smashingmagazine上有很多流行趋势分析的文章,包括很多设计原理的追溯,不得不佩服老外的归纳总结能力和有板有眼的理论化探讨,结合不同的实际案例,我们的设计师都在有意无意的在尝试一些能够使页面舞动的小技巧:

  页面细节修饰

  首先是透明效果的应用:

  常见于导航或者页头和页尾,及banner效果等

  范例:QQ秀导航区

  

  范例:microsoft产品展示区

  

  除此之外还有渐变、光效、模糊等等技巧:

  模糊效果常结合透明一起使用,营造一种纵深的感觉。

  色彩光谱的渐变,更吸进人们的注意,方法简单并且具有很强的视觉冲击力。

  范例:http://www.realmacsoftware.com/

  

  产品展示区域

  首先介绍多媒体的应用

  随着宽带的发展,越来越多的丰富内容在线上展示,很多产品借助多媒体方式来展示他们的产品特性,全方位快捷有效的传达内容,这应该是产品欣赏和功能演示的最佳方式啦

  范例:microsoft产品

  

  

  可惜目前国内还比较少见,毕竟宽带的普及有限,另外也不是所有人都喜欢观看视频。但多媒体展示确实开启了一片新天地。

  除此之外,我们还可以在网页中内嵌全flash的效果展示,对图文动画的配合要求很高。

  范例:http://www.bkwld.com

  

  如果你的产品经理全部毙掉了这些酷炫的表现手法,要求网速第一。那么还可以将展示图片做到淋漓尽致的精美,让它成为烘托整个网站的点睛之笔。

  范例:CDC内部资源网

  

  增强对比

  有时候要吸引用户关注页面上的重点内容,高亮出这些模块或点缀,采用色块对比不仅仅是丰富页面视觉效果,更重要的是增加页面的导读性:

  范例:wordpress

  

  范例:CDC内部期刊

  

  类似的细节修饰,还有其他的表现方式,比如打破传统的手写体,字体艺术博大精深,不同的字形带来不一样的感受,增加一些有趣的细节,强化对比:

  

  排版技术

  网页设计中越来越多的采用传统工艺(印刷技术),从模块排列到图文搭配,甚至到文字的对齐方式都与传统印刷技术形似。栅格化设计日益普及,尤其对于多栏布局,栅格用来保证结构的平衡和层级的划分。

  基础网格的简单示意:

  

  范例:

  

  每一个新的idear总伴随着对固有模式的挑战,打破原有的束缚,折衷考虑创意与可用性之间的平衡。我们的设计师在不断的探索和学习,研究每一款产品的特色,吸纳他们的亮点,提升对细节的把控能力。

  页面上能够舞动的小细节很有很多,诸如此类的惊喜不断,比如

  moko的卡通人物(http://www.moko.cc)

  designmind的图片倒角处理(http://designmind.frogdesign.com)

  yoho上超cool的大头像(http://www.yoho.cn)

  

  等等等等,结合自身的网站特点,挖掘出更精彩的亮丽。设计师应该不断提升敏锐度和想象力,用心体会每一个优秀网站的细小设计。就不会苦于无从下手从哪里完善细节啦!

  参考网站:www.smashingmagazine.com

相关阅读:

网页设计中进行优化代码重要性

网页设计需要掌握的基本技能

网页设计师看过来:09年网页设计21条新思路

卢松松:SEO优化 网页设计很重要

卢松松:浅谈四大门户网站的评论网页设计

时间: 2024-07-29 01:53:22

网页设计就是戴着锁链跳舞的相关文章

戴着锁链跳舞

在网页设计初期,我们会先收集大家对设计方向的期许,我们经常收集到这样的建议: 产品经理:要易用,要简洁 设计总监:要特色,要亮点 部门经理:要大气,要统一 -- 设计师要三头六臂,左右逢源,顾此又顾彼. 首先,对网站而言,视觉和体验是一体的,相辅相成携手共赢.视觉上的统一要求体验上的一致,体验上的创新也要求视觉上的突破,然而某些需求的字眼本身就是自相矛盾或难以捉摸的,如何又简洁又特色又兼顾统一?对工具类网站的设计,大方向是力求简洁精炼的,作为辅助手段引导用户操作,在易用性和美观性之间拿捏火候,恰

网页设计中的单个色彩:富有感情的红色

译自:The Passionate Color Red 中文原文:设计中的色彩:热情的红色原作者:Jennifer Farley请尊重版权,转载请注明来源! 今天是一个新的系列文章的开始,我们将讨论设计中的单个色彩,包括一个简要的色彩心理学理论和大量可见的实例.色彩是设计中的一个很重要的元素.它被用于影响我们的心情,影响购物选择,以及作为情感的象征.那么让我们从最富有感情的色彩(也是本人最喜欢的)--红色开始吧. 对色彩的看法可能比较主观,但是有一个普遍的认识就是,暖色调聚集在色谱中红色的区域(

网页设计理论:网页设计风格

文:Jeffrey Zeldman 我的父亲是个业余画家,我的童年就是被他的那些美术书籍塑造的.跟很多小孩一样,我对「纯粹的再现」十分着迷.那些巨细无遗的版画--搏斗中的角斗士,风景如画的村庄,日出时的罗马废墟--每每让我瞠目结舌.口不能言.当时我对艺术的理解就是「画功好」.在那年幼而懵懂的日子里,细节越丰富.蚀刻的线条越密集.树叶越多,这艺术家就越棒.稍后我邂逅了漫画,再往后是美术馆.麦菲·派瑞(Maxfield Parrish)让我想嗑药,也让我明白自己永远当不了画家.保罗·克利(Paul

网页设计师学习网页设计的经验和技巧

随着公司影响力的壮大和产品的不断提升,相关的形象设计要逐步跟得上,需要逐渐提升,所以就招一个应届生网页设计师,算是一块成长.应届生有拼劲.肯学,但也好高骛远,起点都差不多,如何培养网页设计师就变得至关重要了.总结自己接触和学习设计的一点经验与大家分享,希望得到大家更多的建议. 一.配色 其实对色彩的感觉是设计师应具备的最基本素质,其作品不管是对网页界面.系统界面.还是产品包装等等都有广泛应用.基本的一些理论,什么冷暖色.对比色/补色.色彩心理.搭配原则等等,满大街都是,有意者随便搜一两篇看看就行

网页设计心得:网页设计中的包容原则

让我们来探索 包含原则 奥妙.它允许我们忘记在我们的社交行为中根深蒂固的那种"他们"和"我们"之间的对立.聚焦包含原则将无障碍/通用设计的争论从上述利益冲突中解放出来,让我们拥抱一种更宽阔.更接近自然的设计哲学.最重要的一点,聚焦包含原则也帮助我们了解到,我们不仅是为了别人才重视可访问性,也是为我们自己好. 设计师的工作一直与"可视性(affordance)"有着密切的利害关系.这个词自唐纳德·诺曼(Donald Norman)的名著<设计

2014年网页设计女神TOP15

  长得好看还是技术大牛是什么体验?来感受下今天这15位女神级设计师,实力与美貌都有.同学们身边还有哪些女神,赶紧艾特她们出来呐 ^ ^ 在男性主宰的网页设计世界,他们的女性同行也正日益刷新着她们的存在感.事实上,我们现在可以发现很多高水平的女网页设计师.她们的创意.创新.新的思路和设计网站的技术普遍评价都比较高. 下面这些顶级女网页设计师都在此领域取得了不斐的成就,获得了大多数人对其工作质量的普遍赞誉. Rina Miele Rina Miele是位伟大的全职自由职业设计师.除了网页设计,她也

25个巧用字体排版帅气的优秀网页设计

  虽然排版是网页设计 中极为重要的组成部分,但是绝大多数的网站并未在排版上做过专门的设计和调整. 事实上,在我看来我们日常访问的许多网站在排版设计上并无亮点,这也是为什么,当我们发现这些在排版设计上用心雕琢的网站的时候,会由衷地感受到喜悦和别样的幸福感. 如果你厌倦了无处不在的宋体.雅黑.Arial和Helventica,那么你应该会喜欢接下来的案例,这些巧用字体排版帅气的优秀网站会再次扩充你的网页收藏夹. 1. V02 Group 雅致的文字排版悬浮在半空中,和背景融为一体,这种设计除了众所

那些意境情怀俱佳的咖啡类网页设计

  音乐可以穿越时光,而美食可以跨越国界,它们和好设计一样,都无需语言来赘述.在过去的几年中,那些设计优秀的餐馆.酒吧类网站开始抓住更多设计师的眼睛和吃货的胃,成了"唯有爱与美食不可辜负"的真实注脚. 新鲜精致的美食与优雅的环境无缝融合,搭配的字体和色彩让你的饥饿感止不住地翻涌起来,你的胃口和情绪会被这些精心设计的网站完全调动起来.优设曾经发过设计优异的美食和美酒类的网站,今天我们来看看这类网站的另外一个重要分支:咖啡类网页设计. 在美国,平均每个人每年会喝500~700杯咖啡,在中国

网页设计色彩及网站配色

一个网站,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的版面布局,而是网站的色彩.色彩对人的视觉效果非常明显,一个网站设计成功与否,在某种程度上取决于设计者对色彩的运用和搭配.因为网页设计属于一种平面效果设计,在排除立体图形.动画效果之外,在平面图上,色彩的冲击力是最强的,它很容易给用户留下深刻的印象.因此,在设计网页时,我们必须要高度重视色彩的搭配. 一.色彩的基础知识 色彩五颜六色.千变万化,我们平时所看到的白色光,经过分析在色带上可以看到,它事实上包括红.橙.黄.绿.青.蓝.紫