设置密码

验证码错误,请重新填写

免费建站旅程马上开始

开始建站
建站中

已有帐号?直接登录

首页>森动学院>网站建设教程 > 网页设计的昨天与今天趋势大盘点
网页设计的昨天与今天趋势大盘点
发布时间: 2013-05-30

现如今,网页设计行业可谓日新月异,每一个设计师和开发人员必须紧跟潮流,否则将面临淘汰。网页设计是一个急速发展的新媒体,它的快餐式文化,使得网页设计在不断的尝试更新的设计理念,带给用户更多新鲜感。小编给大家整理了2009年和2013年的网页设计趋势。

2009年的网页设计趋势

1. Letterpress 凸版效果

我们发现这种技术通过不同的样式应用在不同的网站上,多位在线服务网站。 凸版效果(Letterpress,也就是我们的篆刻中的阴文效果)。这样的趋势,可能是因为一个简单的原因,因为这个技术很少被人使用。

2. Rich UI 交互式用户界面

现代的网站用户界面已经逐渐变得更漂亮和更加易用。网页上有了更多的空白空间,页面元素间的间距也变得越来越大。我们也观察到,越来越多的站点开始在页面上提供直观的用户 动作响应。这些交互式用户界面越来越像传统的桌面应用了。Ajax以及Flash技术的大量使用提供了用户各种非常炫目,强大的网页应用。

3. PNG透明图片

PNG透明图片效果,尽管不被古老的IE6支持,但似乎在去年变得流行起来。但是这种半透明的背景效果却是设计师们一直希望拥有的特性。这种背景通常被用在头部和页脚处,但是有一些设计却跳出了这种窠臼。

4. 大尺寸的文字排版

在2009年,这样的潮流将继续流行下去,尤其是设计师网站,个人Portfolio网站以及在线服务类网站,将会采用这样的方式传递给用户最重要的信息。 这样的效果一般会将字号控制在36px以下,设计师们投入了更多的精力在文字排版的细节上,由此可见,网页将会变得更加漂亮,更加一致以及看上去更加让人可信。

5. 字体替换技术

除了传统的那些经典字体,(译注:也是我们仅有的安全选择)很多设计师开始采用字体替换技术,也就是我们之前有提到的(sIFR)。这些字体能大大提供网页的视觉效果,但是在中文世界中,这项技术遇到了前所未有的难题,汉字不是拼音文字,一个字体就可能有几兆,根本无法简单的使用这些技术来替换,也许文字图片替换法是目前中文的唯一选择。

6. 模式窗口(LightBox技术)

模式窗口(LightBox技术介绍)能够很好的代替原来的Javascript弹出窗口,提供更加友好的用户体验,并且引 导用户的关注点集中到最重要的区域上来。模式窗口技 术,作为第二代弹出内容技术。通常由用户的点击触发,类似于传统的桌面应用。多数情况下,这些弹出窗口都带有深色半透明的背景和一个关闭按钮。

7. 多媒体模块

随着宽带的普及,现在的用户已经能够接受更多的内容,所以设计师们能够利用这样的契机使用一些更加吸引人的展示方式。因此很多网站开始引入多媒体内容(比如视频和屏幕录像)。这有助于迅速有效的让用户消化接受你想传递的信息。

注意,绝对不能让这些多媒体内容成为你网站的全部或者是必不可少的部分,毕竟不是所有的用户拥有良好的网络条件,抑或是有些用户并不希望这种形式,有可能他正在机器上收听音乐或其他视频。

8. 杂志风格样式

在博客类网站设计中,很多技巧都是取自于传 统(印刷)媒体设计。Grid-Based(网格化)设计方式在产品 网站,博客以及个人工作室网站得到了广泛的应用,但是在企业站点或者在线商店中还未有出现。 包括文章的组织,页面的排版,插图甚至于文字的对齐方式都和传统印刷媒体越来越接近。

9. 幻灯片形式

这种形式的好处是,用户可以不用多次点击来搜寻他们感兴趣的内容,可以快速的通过滚动幻灯片来浏览希望他们注意的内容。这种形式多用于娱乐站点,或者是一些大型博客。是一种非常吸引眼球的展示方式。

10. 内容介绍模块

页面的左上角是网页上最重要的一块地方,因为最吸引用户的眼球。对于很多个人工作室网站,或者是产品类的网站,都很好的使用了这个区域来展示内容介绍,相反在博客或者是在线商店类网站上几乎看不到这种方式。 所以我们可以将最重要的信息放在那里展示,用户也能在第一时间获取这些信息。

那么在2013年,一个优秀的网页设计师应该做哪些准备呢?根据2013年1至5月份的情势,我们就基本上可以描绘往后一年内的时间的发展趋势。

2013年的网页设计趋势

1. 整页背景

设计师们往往容易忽视网页背景,当然,它们本身也必要太过于受到关注,否则前景中的价值也就不那么抢眼了。但在有些时候,当一个优秀的设计师灵感迸发时,也会把网页的背景做成网页中最出彩的部分。可以说,这个技巧在2013年已经呈现流行趋势。

2. 自适应网页设计

所谓自适应网页设计,就是 要让网站能够适应所有分辨率,以便能够满足大多数用户的实际需要。假如一名设计师到现在在还不知道啥子是“自适应”网页设计的话,那说明真的有点OUT了。不过不管你在设计的时候使用什么分辨率,网站的基本要素都能够重新组织调整以形成比较好 的视觉效果。同样的网站,其在大屏幕显示器上以及在手机上都能进行比较好的显示。CSS3功能比较强大,几乎可以将所有网页设计转化为“自适应”网页设 计。要达到一定的水准,设计师必须熟悉CSS3代码,有min-width和max-width等。

3. 单页布局

这和CSS3是一样的,HTML5形成的变化也比较多。很 多人对此都有尝试,他们知道HTML5能带来绝佳的动画,这种动画能力,可以使设计师能设计动态的单页布局。不过,单页网站看起来是非常的酷,我还是认为 它们是否会成为公司部门网页的首选,我想它们更适合作为作品集,也可以作为个人页面的首选。在若干变化之中有一个最大变化,那就是其所支持的jQuery能够把Flash淘汰。