网站设计风格流行趋势
星期四, 05月 29th, 2008下边是一组出色的网站设计,反映了当前网站设计风格的流行趋势。这些网站看起来都非常的精美,简洁且能将网站功能表现的一目了然: www.forecastadvisor.com www.linkedin.com www.plaxo.com www.orbitdownloader.com www.google.com 从以上的站点,可以找到以下几个共通的设计特征: 布局简单 页面居中显示 为内容而设计,而非为版面而设计 适当的3D效果 柔和的背景色 搭配醒目的色彩 搭配可爱的图标 技巧性的页面留白 文字大小适中 布局简单 我们现在所看到的界面,基本上都是1或2列结构的页面,相对于几年前的互联网页面,已经简单了数倍。更可喜的是,无论是设计人员,开发人员或者是普通用户,都已经意识到并接受“简洁为佳”的理念. 这些页面,都可以让用户一眼便阅读到底,不必来回转动眼球去寻找有用的信息。这样的页面,能够让阅读的体验更加的舒适。 页面居中显示 大家可能会注意到,上边的页面全部是居中显示的。在WEB2.0流行以前,还可以找到很多靠左的流动布局或者完全充满页面的布局。但是现在,大部分的页面都选择了屏幕居中布局。 最左边的图是靠左的流动布局,这种布局经常会给人凌乱和局促的感觉。 中间的图示完全充满页面的布局,请注意到,这种布局经常应用在要将所有的内容都在首屏上展示出来,以便用户可以不滚动页面边浏览的页面的全部内容。但是这种页面会局限内容的展示,并给人过于拥挤的感觉。而且从用户体验上来讲,用户似乎并不在意滚动页面-只要内容对他们有用,有恰当的配色,字号和行间距使阅读舒服。 右边的图示居中显示的布局,看起来更直观,更友好,更大方。 为内容而设计,而非为版面而设计 比较好的页面设计常常并不在意页面的背景设计,而是注重表现页面的内容本身。这种设计方式,有利于将阅读者的注意力更加集中在内容上。 这种设计方式被体现在: 简单而少量的页内块结构 更加简单,柔和的页面结构 使用醒目的颜色和3D效果来突出所要表述的内容本身或需要传达的主要价值体现 聚焦在使网站的主题更明确而非界面更好看 适当的3D效果 很多热门的设计都巧妙的使用了“倾斜”来使自己的设计更加的生动活泼。除此之外,精巧的圆角,柔和的镜面效果,起伏的凹凸感和细致的阴影效果都使页面看起来更加的富有生机。 有变化的爆炸星,也被广泛的应用: 柔和的背景色 目前,大多数的网站都选用了很柔和的颜色作为背景色,甚至干脆使用白色。朴素的背景无疑会使读者的注意力移走,从而更加突出页面的内容。 搭配醒目的色彩 在朴素的背景下,大胆的使用鲜明的色调将读者的注意力吸引到要表达的重要内容上,已经成为网站设计的一个重要的流行元素。 搭配可爱的图标 需要说明的是,无论是醒目的颜色或者是惹人喜欢的图标,都不能使用太多,否则他们会抢去用户的注意力,从而降低页面内容本身的重要性。 无疑,3D的效果,和精心设计的图标都会让人觉得页面设计精致,然而如果过量使用,绝不会产生加法的效果。他们会使页面显得杂乱,使读者感到迷惑。 技巧性的页面留白 想想一下,一个异常拥挤的页面,和一个用适当空白分割页面内容的页面哪个更适合阅读? 人的眼球需要一些“空隙”来辅助识别物体。在页面上适当的留下空白区域,会有利于用户区分页面的功能或内容,也有利于突出显示要传达给用户的最重要的部分。想一想Google是怎么做的吧。 文字大小适中 设置适当的字体尺寸,不仅仅是在开发者的屏幕上做到文字大小适当,而是要求在所有分辨率的屏幕上都显示适当。这并不是一件容易的事,却是能让用户感到愉快的事。另外,用粗体,斜体,颜色都可以标志出内容的层次关系,这样做,可以让阅读更加轻松。千万不要认为这是一件小事,它足以让你失去用户。 Source article>> View My Profile