LTEST NEWS

最新新闻

2016-12-16
网页设计趋势(设计分享)

网页设计趋势,主要站在使用者体验优先角度来分享这边文章。


1.可用性设计

设计的大方向不变的是使用者体验,这在设计中占有相当大的权重,如果你的网页设计在实用性上尚不足的话,再炫再酷也不会引来更多人的兴趣。如果不能专注地做好用户体验设计,那么你的网站是无法持久地吸引使用者。无论是 GOOGLE 算法上的变更,还是用户行为数据上的变迁等,都指向这同一方向:你的网站必须加载得更快,也必须更容易使用。


2. 响应式网页设计 Responsive Web Design, RWD

RWD 响应式网页设计可使网站在多种浏览装置,如桌电、笔电、平板计算机、手机上阅读和浏览。RWD 响应式网页可让同一个网页画面随着屏幕尺寸大小的变化而变化,同一笔图文数据在桌电为横式排列,当浏览器宽度缩减到手机尺寸时,则显示为直式排列。当你用桌电看到一个网页想传给正在用手机上网的朋友时,不会因装置尺寸不同而无法正常阅读。


3.电影式网站 Movie-Style Sites

网站并非平面印刷品,可以用更具活力的方式让使用者有更好的体验。电影式网站是利用满版的影片作为首页背景。现今HTML5 影片格式支持与带宽的进步,可以更快速有效实现满版影片。电影式网站可完美的展示你的产品与服务。一般最常见的销售手法是,表现如何使用你的产品,甚至还可以作为产品形象宣传或表现公司文化。不管呈现甚么样的内容,决对能吸引消费者的目光,引导消费者到你想让他们去的方向。


4. 滑动优于点击

长滚动页面 (Long scroll) 这项设计趋势归因于平板计算机及行动装置,改变了用户浏览网页的方式。过去在使用桌面计算机往往希望网页不要有滚动条,到了平板计算机与手机,反而开始习惯用手不断向下滑动屏幕来浏览网页,这个时候长滚动页面成了设计主流。一页式网站(One-page Web Design) 也是网页设计特点,近似于浏览PPT的概念,让使用者一次专注于了解一件事情,不会分心去看左右不相干的文章。过去一个页面塞满一堆信息的网页设计已经不再实用,简单的区块式设计才能让客户专心理解你想传达的讯息。


5.固定式选单 Fixed Menu

固定式的选单是种贴心的设计,尤其是功能性选单上。当网页逐渐趋向一页式的长滚动页面设计后,由于网页卷到下方后就找不到主选单,这个时候就会将主选单改为固定浮动在窗口上方,且在网页下方加上「Top」回到页顶的固定式按钮,这也是很便于使用者操作的设计。


6. 信息图像化 Infographic

信息图是以更可视化的方式呈现出讯息和数据,让用户能透过图像的描绘让文字变得浅显易懂。信息图的大量需求源自社交网络和内容营销等面向,以往图片中的文字并不会被搜索引擎扒到,但透过社群信息图可以很快达到散布又易懂的效果,比大篇幅文章更具吸引力,而当它同时得到许多反向连结 (backlinks) 时,也能达到不错的SEO成效。


7. 设计扁平化 Flat Design

以往的网页设计充满不必要的阴影、纹理、装饰等,现今抛弃复杂效果,设计走向化繁为简,回归到设计的根本,专注在内容呈现,这些简化的视觉元素,就是我们所谓的「扁平化设计」。在扁平化的趋势下,许多品牌也开始选择简约、现代而扁平的风格,视觉设计上大都也秉持着这少即是多的信念。扁平化的优势主要体现在使用者体验上,它不只让网页更流畅,同时也让网页加载速度更快,尤其是在手机行动端上。


8. 向量图与图形字 SVG & Icon Font

功能设计趋于扁平化设计,向量图和图形字体开始被广泛使用。一般桌电、笔电的屏幕分辨率为72dpi,手机行动装置的分辨率则是高达96dpi,因此有些 jpgpng icon 在计算机看起来很正常,但到了手机版却是模糊的,采用 SVG 格式的向量图或图形字就可以解决这个问题。向量图与图形字可以随意放大缩小,因此在RWD 响应式网页设计中也经常采用SVG图文件来取代其他图片格式。


9. 网站地图式页尾 Sitemap Footer

页尾作为版权宣告及连络信息的重要区域,也可以是个网站信息统整的区块,如选单导览、网站架构连结、社群应用连结、搜寻等,便于用户快速检索信息,且对于 SEO 也有很好的帮助。


相关图片