当前网站设计风格的发展趋势!

简介:
这篇 文章 翻译至:

[url]http://www.webdesignfromscratch.com/current-style.cfm[/url]

它总结了一些当前网站设计风格的发展趋势。但是我得先提一句,它说的都是西方网站,未必适合我们中国网站的情况和中国网民的 审美 观。如果能给你一点点参考和借鉴的价值,就足够了。
————–Enjoy!————–
我很高兴看到2006年的网站设计比以往任何时候都要好。这并不仅仅是因为现在有更多的网站,因而可以找到更多长得不错的。事实上还是有很多长得抱歉的。我想是因为有越来越多的网页设计师比以往更懂得该如何做设计。
下面的这些例子显示了现代图形设计 技术 的精彩。它们看起都很漂亮、干净而且容易使用。
最热门的
我并不是说下面这些就是最好的,但它们是 典型


» The Alternative Energy Store




[u]



» Forecast Advisor





» emaginacion.com.ar





» iconbuffet.com





» Save Longstone Edge





» iomega.com





» linkedin.com





» mozilla.org





» Rapid Mortgages





» plaxo.com





» Prolotize


 
共同的特点
以上这些网站都有下面的特征:
布局简单 
中心定位 
3D效果 
柔和,自然的背 景色  
颜色鲜亮(要谨慎使用) 
可爱的图标(也要谨慎使用) 
有许多留白 
大字体 
我们一个一个来说。
布局简单
和几年前相比,设计师们似乎正在寻找更加简单的单栏或双栏布局。总的感觉就是设计师们普遍认同简单的页面表现更好。阅读这类页面只需要从上看到下即可,你的眼睛不用在页面上转来转去拼命寻找想要的东西。同时在浏览过程中它也提供更加平和、稳定的浏览 体验
中心定位
从上面的这些网站还可以发现第二个特点,它们的内容都分布在中轴线附近。
大概两年前,你可以找到很多“流动布局”和“左对齐并固定宽度”的布局,现在内容开始在出现在屏幕的中央。

左对齐的布局方式已经不如以前常见了,流动布局(全屏)也没有这么流行了。
尽可能在“一屏”以内显示更多的信息似乎是一直以来的至理名言(也就是尽可能不要滚屏)。而流动布局可以达到这一点。然而,现在我们似乎不太介意滚屏了,而且我们更乐意发挥由滚屏带来的优势,比如更多的留白和行高。
有节制地使用3D效果
上面所有的网站都使用了一些很细致的斜面、给分隔条的边缘来个轻微的倒角、给背景一点点 空间 感、或者使用一些很“跳”的带着浮雕和阴影的图标。倒影和渐变非常普遍,阴影也还在使用,不过非常小心。





到处都是带着闪光图案的商标:





柔和,自然的背景色
上面这些网站都有一个朴素的背景,最流行的就是白色和灰调渐变。这样的背景提供了一个又酷又柔和又中立的环境,让那些抢眼的颜色可以引导用户的目光。
颜色鲜亮(要谨慎使用)  
柔和、时髦的背景色为添加吸引眼球的特性提供了极好的基础,而强色调高对比度非常适合页面上的其他重要元素。






Iomega

比其他几个网站用了更重的颜色,它的推广 区域 使用了浓烈的暗红色。然而这并没有淹没页面上的其它部分,因为它采用了一致的色调和简单的形状。
可爱的图标(也要谨慎使用)
有一个“规则”:不要在同一个页面上使用太多 好看 的元素(这样会影响用户的注意力)。(译者注:所谓适可而止)
抢眼的颜色、3D效果、漂亮的图标和按钮可以给页面增加一些闪光点,给人一种高品质的 感受 。但是,如果用滥了,就会产生一种叠加效应,使页面变得混乱,用户变得迷惑。

 

  

 

 

有许多留白
Today’s web designs are so fresh, they feel like they’ve taken a deep breath.
有时候我甚至想把一些非常拥挤的网页粘到气球上,然后一直吹气直到页面上所有东西之前都有足够的空隙。
我们的眼睛需要被注视物的周围有一定的空间,这样才能看清楚它是个什么玩意儿。
一般来说,留白越多越好。我极少看到一个页面,然后会想:“唉,他们一定要再加点内容上去才行!”。
当然,留“白”不一定是 的,但它必须留出一定的空间。
很高兴地看到现在有很多设计都使用了合适大小留白,页面上的元素之间有足够的空隙。同时为了屏幕阅读也设定了额外的行间距。
看看这些让人舒服的留白吧!

 

  

大字体
我并不是说你网站上的所有 文字 都要大得让人吃惊。事实上,在某些情境下,小字体也不错。
真正优秀的设计应该是这样:
让重要的文字比一般的文字更大
就像我们在上面提到的设计方法一样,它只有在一定的模式下使用才能起作用。如果所有的文字都很大,那就没有一个是大的了。

用大字体让你的访客迅速地了解这个页面是关于什么的,什么是重要的,并且指出接下来他们可以在哪里找到想要的东西。





















本文转自starger51CTO博客,原文链接:http://blog.51cto.com/starger/17215 ,如需转载请自行联系原作者


相关文章
|
8月前
|
机器学习/深度学习 编解码 人工智能
融合技术与美学:响应式网站设计与开发
在当今数字化时代,越来越多的人通过各种设备访问互联网。响应式网站设计与开发成为了满足不同设备和屏幕尺寸需求的关键。本文将探讨响应式网站设计的重要性、实现方法以及未来的趋势。
|
前端开发 iOS开发 MacOS
前端开发中新拟态风格的崛起
设计和前端开发是息息相关的,毕竟设计师的作品最终需要靠我们前端工程师来实现为可交互的界面。这也是为什么会有D2大会Designer & Developer Frontend Technology Forum的原因
338 0
前端开发中新拟态风格的崛起
25个超简约风格的国外酷站设计案例
  极简主义正被用于几乎所有的艺术形式,极简主义的概念形成也已经很久了。极简的艺术形式被定义为消除所有非必要元素,以便让呈现原本的特色。自从万维网诞生,网页设计领域相当流行,极简主义是将内容放到最前沿,以提高可用性和提供干净的浏览体验。
981 0
|
Web App开发
简单高效!25个漂亮的简约风格网站设计作品
  在过去几年里,网站设计领域发生了巨大变化。除了 RWD(响应式网页设计)和 Web 字体的革命,现代设计的发展趋势迅速流行扁平化的配色方案,网页排版变得更加重要,重点已放在内容第一。最后,页面加载速度已成为决定你的网站成功的关键因素。
1050 0
|
UED HTML5 移动开发
个人网站设计:25个国外优秀案例带给你灵感
  个人网站正变得越来越流行,它们可以有效地进行促销,找工作,个人品牌以及与朋友和家人沟通中使用。这些个人网站往往可以作为一个创造性的出口,并允许网站所有者更多的自由。   在这篇文章中,我们将分享精心设计的25例个人网站。
1775 0
|
移动开发 前端开发 JavaScript
优秀设计:12个带给你灵感的创意单页网站作品
  单页网站作为一个流行趋势已有一段时间了,但他们的受欢迎程度似乎并没有任何减少。这种页面设计方法并不适用于每个项目,但有时它是合适的,是有意义的。例如,当没有很多内容,而且你知道的内容在未来不会增长很多,那么制作成单页网站(Single Page Websites)的形式是很好的选择。
992 0
|
移动开发 前端开发 HTML5
国外经典设计:13个漂亮的插画网站设计案例
  很多网页设计趋势都是过眼云烟,但插画始终保持着一定的地位,是给你的网站创造出独特的外观和风格的好方法。今天,我们拥有一组有效的使用插画来添加个性和抓住用户的注意力网站的一些美丽的例子。   从小型和微妙的细节插画到全屏的插画背景,有很多不同的方法来满足这种风格的需要。
1074 0
时尚前沿:15个创意的 3D 字体设计艺术作品欣赏
  在这里,我们为大家呈现30个创意的3D版式设计,注意每个设计中字体,颜色,款式的使用,让您享受并得到他们的灵感。   版式设计是一个美丽的艺术形式。无论是粗体还是细体,用不同的字体或使用拟物化技术操纵文本是一项真正的挑战。
1014 0
经典网页设计:30个极具吸引力的网页设计作品
  使用醒目的颜色组合是一种常见的广告策略,因为它有助于快速捕捉观众的注意力。同样的方法也适用于在网上行业,例如广告横幅和宣传单,但它也可用于网站建设。   有许多研究表明用户对某些颜色有特别的亲和力,因此,使用这些颜色会增加成功的机会,提高用户回访率。
1083 0
|
移动开发 前端开发 HTML5
流行趋势:27个引领时尚的网页设计作品【下篇】
  之前的文章向大家分享过 HTML5 网页作品、CSS 网页作品、移动网页作品以及各行各业的网站作品,例如餐饮、酒店、设计工作室、旅游等等。网页设计师需要花费大量的时间来创建一个漂亮的网站,让我们一起来欣赏这些优秀设计师的作品。
962 0