2009年最新的十个网页设计新趋势

对于网页设计来说,最近几年的变化特别快,几乎每年都会有新的网页设计趋势产生。在2009年过去的几个月里,网页教学网整理和收集了2009年最新的十个网页设计新趋势。

1. Letterpress 凸版效果

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



2. Rich UI 交互式用户界面

令人感到欣喜,现代的网站用户界面已经逐渐变得更漂亮和更加易用。过去的几年中,这些基于网页的应用有了惊人的进步,这些交互式用户界面越来越像传统的桌面应用了。Ajax以及Flash技术的大量使用提供了用户各种非常炫目,强大的网页应用。

更看到一些特别之处,这些年我们发现网页上有了更多的空白空间,页面元素间的间距也变得越来越大。我们也观察到,越来越多的站点开始在页面上提供直观的用户动作响应。比如,页面上的按钮会根据用户的动作,比如点击响应不同的状态表示“正常”和“按下”状态。而且很多网站开始根据不同的用户产生不同的响应。所以我们断言,自适应用户界面将会在2009年流行起来。


3. PNG透明图片

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





4. 大尺寸的文字排版

在过去的文章中我们介绍过很多出色的大尺寸文字排版例子。在2009年,这样的潮流将继续流行下去,尤其是设计师网站,个人Portfolio网站以及在线服务类网站,将会采用这样的方式传递给用户最重要的信息。

这样的效果一般会将字号控制在36px以下,设计师们投入了更多的精力在文字排版的细节上,由此可见,网页将会变得更加漂亮,更加一致以及看上去更加让人可信




5. 字体替换技术

设计师花了非常多的精力在页面排版上,同样的也花了很多精力在字体选择上,除了传统的那些经典字体,(译注:也是我们仅有的安全选择)很多设计师开始采用字体替换技术,也就是我们之前有提到的(sIFR)。

这些字体能大大提供网页的视觉效果,但是在中文世界中,这项技术遇到了前所未有的难题,汉字不是拼音文字,一个字体就可能有几兆,根本无法简单的使用这些技术来替换,也许文字图片替换法是目前中文的唯一选择。





6.模式窗口(LightBox技术)

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


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

这些视频能够很好的讲解你的网站的每一个步骤,不再需要多次点击,搜索,或者学习如何导航。通常这些视频长度都不会太长,但是内容要保持完整。

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

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



9. 幻灯片形式

Carousel,也就是幻灯片导航形式,内容水平或者垂直滚动。通常有两个导航元素来控制滚动方向,以及滚动内容。

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


10. 内容介绍模块

页面的左上角是网页上最重要的一块地方,因为最吸引用户的眼球。所以我们可以将最重要的信息放在那里展示,用户也能在第一时间获取这些信息。

对于很多个人工作室网站,或者是产品类的网站,都很好的使用了这个区域来展示内容介绍,相反在博客或者是在线商店类网站上几乎看不到这种方式。



时间: 2024-08-01 22:36:19

2009年最新的十个网页设计新趋势的相关文章

2013网页设计新趋势:扁平化网页设计

文章描述:这里简单介绍下关于扁平化的概念,所谓"扁平化设计"一词所指的是抛弃那些已经流行多年的渐变.阴影.高光等拟真视觉效果,从而打造出一种看上去更"平"的界面.善于用颜色去鼓励用户探索. 随着互联网的高速发展,我们可以看到质感厚重,图层样式繁多的网站越来越少,反之各种轻质感,布局大胆.创意新颖.的网站慢慢进入了大家的视野,人类发展至今,人们的审美.时尚标准总是无时无刻不在改变,互联网也是这样,下面这篇文章将要给大家谈谈2013网页设计新风向 "扁平化设计

网页设计“新趋势”——滚屏动画

  动画效果正逐步成为网页设计中具有极大影响力的主力军:开发者们把网页变成了他们的试验田,从基础的动画开始,再到如今前卫成熟的技术.以动效驱动的项目如雨后春笋般出现,无疑推动了网页技术的发展,也使开发者有了无尽的渴望,让网页效果更上一层楼.网络正在慢慢成为有趣.精致而有活力的东西. 动画效果正逐步成为网页设计中具有极大影响力的主力军:开发者们把网页变成了他们的试验田,从基础的动画开始,再到如今前卫成熟的技术.以动效驱动的项目如雨后春笋般出现,无疑推动了网页技术的发展,也使开发者有了无尽的渴望,让

网页设计新趋势!你听说过“幽灵按钮”吗?

  @陈子木 透明按钮,顾名思义,也就是在设计网页中的按钮之时,不再设计复杂色彩.样式和纹理,而是外仅以线框示意轮廓,内只用文字示意功能,背景透出,与整个页面/背景合而为一的设计方式.国外的设计师称之为"幽灵按钮"(Ghost Buttons),盛赞这种按钮通透简约,贴合整体风格又不失神韵,别具魅力.这种按钮的设计早已有之,但是在iOS和安卓双双风格转向之后,它携了扁平之风雷,成了网页设计的新趋势,拥有类似设计的网页设计作品入雨后春笋一般,映入眼帘. 网页按钮设计中的"幽灵&

网页设计新趋势:CSS3、字体以及图标

  工作流程亟待改进 那这意味着什么?不可能为每一种设备一一进行设计吧?取而代之的是,我们需要改进工作流程. 我们的设计流程.开发流程需要迭代了,我们应该使用更多适应性较强的技术.元素. 1.CSS3 别看CSS3刚出来不久,实际上,CSS3于1999年开始制定,花了14年! 跟前几个版本的CSS不太一样,CSS3划分为好几个模块--2012年年中发布了超过50种模块,有4种尤其值得推荐,经过了大量的讨论.检测,这4种可以说已经是很完善的了.W3C推荐的这4种模块是: Media Queries

视点:2012年网页设计的趋势

每年的网页设计趋势都会有所改变,跟时装界一样,或者说世间万物亦是如此.作为网页设计师,你必须时刻关注业界的发展和变化,随时作出应对的准备.2012年网页设计的趋势将会是怎样的呢?一起来看看flashuser博客的观点. 各位网页设计师看到了这一篇文章,应该不太意外的发现,许多内容提及的趋势其实已经正在制作,甚至已经成为了各位的设计一部分呢! 我们无法预测未来,但是我们却可以改变.由于网络的产业的变化,我们多少都会稍微的改变了原本网页设计的做法,让设计出的东西更符合客户的需求,当越来越多人这么做的

网站设计新趋势

随着网站建造技术的进展和人们对网络环境及其效用之认识的演变,网站设计出现了重大转变,由简单的静态HTML页面发展到富多媒体动态网站,能够与访客以精细熟练的方式进行交互.当然这并非说网站设计就不再使用静态或永久性编码规程和方法来保存和呈现网站内容.总之,这是一个持续变化的进程,对当下网络用户的各类期望与需求都极为敏感. 网站设计的概念可谓太广泛,太多样了:因此,要定义某些共同特征或趋势,能让网站开发者和用户在某个特定时间段内都最为赞同,实在不是那么轻而易举.不过,我们将设法总结网站设计师积累的经验

从3个方面聊聊2016年的UI设计新趋势

  移动应用 1. 各平台 (Android/iOS/HTML5/Web) 的标准设计语言接近一致 部分原生控件上只存在风格上的差异,对用户无显著影响. Material Design 不会大兴其道,更不可能逆袭(用 Material Design 设计的 App 在 iOS 上使用),iOS 的实用主义设计会显著影响 Material Design. 桌面常见的交互形式也将更多影响移动端,要支持 iPad Pro 这样的生产级设备,iOS/Android 会为了兼容桌面场景作出优化. 来源:G

2013年网站设计新趋势

随着网络技术的快速发展,页面设计也不断为之改变.2013年的网页设计趋势也将毫不例外地更新换代.同时在优秀网页设计史上,这将会是一个振奋人心和充满乐趣的一年.接下来我们将为您准备了一份关于本年度的预测--7种将会流行并受用户欢迎的网站. 响应式网页设计Responsiveweb design 响应式网页设计是一种特别的开发方式,它使得网页设计的同时无需考虑显示屏尺寸的问题.比如说,当一个设计效果分别在台式电脑,垂直或水平放置的平板电脑,还有智能手机上出现,其形式是完全不同的.响应式网页设计采用以

带你展望2015年的网页设计配色趋势

  一.Metro和柔和鲜嫩的色彩 Odam Luiran的网站是Metro风格,这种风格尤其适合一些比较鲜嫩柔和的颜色,扁平化网页设计在2014年中的流行让柔和色彩的用途变得越来越广泛.这样的色彩基调将在2015年得到进一步的延续,马卡龙色系也许会常常出现在网页设计中. 二.偏灰的冷色系粉彩 偏灰的冷色系色彩是一种看起来比较百搭的颜色,但是实际上,要将这类颜色使用的恰如其分却并不是一件容易的事情.这类色彩表现的比较中性,所以搭配任何颜色都不会显得突兀,但也不算出挑,而要让色彩之间真正融合,应该