WonderCSS

WEB设计的8大趋势

一 单页面设计

web-design-single-page

以往在页面设计是我们会把某一产品分多页面介绍,比如将页面分为:什么是产品?有什么特色?等等。用户现在早已习惯于使用鼠标滚轮了,比起在多个页面间来回查看,用滚轮上下浏览要省事得多,包括苹果在内的一些知名大公司也使用了相当长的页面来展示产品,将多个页面合并成一个页面,这样获得了很不错的效果。

二 用品牌、商品照片做背景

web-design-trend-big-backgroud

出于品牌或展示的目的,把照片用做网站的背景,这样可以形成强烈的视觉表达,这也是为何你能在时尚、服装品牌、旅游业等等行业看到这样的设计方法。

三 色块方格设计

web-design-trend-metro-ui

随着微软的 Metro UI 的兴起,这一设计方法也引用到了WEB设计领域。这些以方块为单位的网格设计,要么是纯色块配上文字,要么是方形照片配上文字。视觉上明快匀称,在实践效果是能更快的将主要内容呈现给用户浏览者。

四 超大号的图片

web-design-trend-big-button

这一潮流的兴起,多少与 Mac OS X 图标设计的流行有关。当工程师为自己的 Mac 程序推出网站时,这样配有超大号图片、突出品牌的设计再常见不过。自然的这一潮流后来也被 iOS 开发者继承了下来,成为现代设计文化的一部分。

五 聚焦简洁

web-design-trend-concise

极简设计旨在透过整合或是删除多余页面实现简化,只给用户需要的东西。极简设计通常会用到大号的加粗字体、超大号的图片,清晰地把重要的东西传达出来。

六 响应式设计

web-design-trend-responsive-layout

随着手机和平板设备越来越多地进入人们的生活,响应式设计也成为当下网站开发不可忽视的一股力量。一个可自适应任何设备的网页是很了不起的,响应式设计能确保用户无论是在行动装置,或者在PC上都能按你的意愿浏览内容。

七 视差按钮

web-design-trend-animation

所谓视差滚动(Parallax Scrolling)就是让多层背景,以不同的速度一定,形成移动视差3D效果。随着越来越多的浏览器增加对视差的支持,这一技术也很有可能会更加流行。

八 页面横向滚动

随着宽屏显示器逐渐替代了普屏市场,网页设计也在纵向滚动的行为方式中,开始向横向滚动进行探索,以达到不浪费显示屏横向空白的目的。

By 于湛 发布于 2013.03.12 1,331 次浏览

发表评论

电子邮件地址不会被公开。 必填项已用*标注