搜索

2010年网页设计的更具有趣味性

0410

随着CSS3和HTML5的出现,设计师和开发人员正试图利用新的功能来创造令人印象深刻的设计。粗略的大背景样式正在淡出设计领域,Serif字体和纹理背景将会很受欢迎。多亏出现了CSS3,我们将看到更多的圆角、RGBA的透明度以及大量的阴影。随着智能手机的兴起,移动互联网的设计将在今年重登历史舞台。

Serif字体

在过去十年里,大部分网站的设计都使用Verdana或Arial字体,但在未来十年将发生变化,人们将更关注Serif字体

Serif字体

Serif字体

Serif字体

大标题

在2010年将流行头部使用大标题。

大标题

大标题

大标题

自定义字体嵌入

随着Typekit扩大他们的字体列表,并且提供更多免费高品质的字体(如FontSquirrel, OpenType等),我想越来越多的人在新的一年将使用自定义字体嵌入。

自定义字体嵌入

自定义字体嵌入

自定义字体嵌入

纹理背景

使用大背景的设计趋势将会过时,逐渐被精细的或纹理的背景取代。

纹理背景

纹理背景

纹理背景

纹理背景

简约与网格设计

简约与网格设计

简约与网格设计

简约与网格设计

CSS3的新功能

虽然CSS3目前并不支持所有的浏览器,但许多的设计师都在尝试CSS3的新功能,如:圆角、多背景图片和动画等等。下面的这些网站都是使用了CSS3新功能,达到了非常好的效果。因此可以预见会出现更多的CSS作品。

圆形边框和盒子阴影

边界半径和盒子阴影是最常用的 CSS3属性。

圆形边框和盒子阴影

圆形边框和盒子阴影

圆形边框和盒子阴影

文本阴影

许多设计师都使用文本阴影,可以更突出文字。

文本阴影

文本阴影

RGBA和不透明

RGBA可以使制作的背景更容易设置成不透明,我认为更多的设计人员将利用此功能来设计半透明效果。

RGBA和不透明

RGBA和不透明

RGBA和不透明

手机设计

自2007年发布的iPhonein(苹果公司推出的一款具有革命性的手机),人人都在谈论移动设计。目前更多的智能手机全面支持CSS和 Javascript,移动设计肯定会成为未来网页设计的主流。很多的网站提供移动版本,下面是一些很不错的例子(截图从iPhone手机中抓取)。

手机设计

手机设计

手机设计

手机设计

2 位同学留下了脚印

  1. eooya 2010-04-10

    it’s very good

    回复

同学有话要说吗?