2018年TOP10企业网站设计趋势：响应式网页、一页式网页、全幅背景

移动设备的盛行，改变了网站网页设计的技术，同时也影响了设计风格。RWD响应式网页设计、全幅背景、一页式网页成了主流设计，来看看有哪些设计趋势适合用在期盼高大上的企业网站上。

1.响应式网页设计RWD，Responsive Web Design

响应式网页设计（Responsive web design，RWD），又称为自适应网页设计。是一种网页设计的技术工法，可使网站在多种浏览装置（桌电、笔电、平板电脑、移动电话）上阅读和浏览。RWD网页可让同一个网页画面随着屏幕或浏览器宽度变化，同一笔图文数据在桌电为横式排列，当浏览器宽度缩减到手机尺寸时，则显示为直式排列。当你用桌电看到一个网页想传给正在用手机上网的朋友时，不会因装置尺寸不同而无法正常阅读。

2.大背景（全幅背景）Full-width Background

随着屏幕尺寸越来越大以及行动装置盛行，可随屏幕缩放图片尺寸的全幅背景网页设计开始流行起来。全幅背景相较于传统固定宽度的banner情境图，更能突显气势磅薄的企业形象。近来在html5影片格式的支持下，还可以采用全幅视频。

3.一页式网页One-page Web Design

平板电脑及行动装置改变了人们浏览网页的方式。过去在使用台式机常常会希望网页不要有卷轴，到了平板电脑反而开始习惯手滑屏幕来浏览网页，这个时候一页式网页就成了设计主流。「单栏式网页设计」也是一页式网页的呈现特点，单栏式网页设计近似于浏览PPT的概念，让user一次专注于了解一件事情，不会分心去看左右不相干的文章。过去一个页面塞满一堆信息的网页设计已经不再流行，在信息海量的时代，简单的内存块式设计才能让客户专心理解你想传达的信息。

4.固定式菜单Fixed Menu

固定式的主菜单也是近来流行的趋势之一，尤其是功能性菜单，大多会设计成固定式菜单。当网页逐渐趋向一页式的版型设计后，由于网页卷到下方后就找不到主菜单，这个时候就会将主菜单改为固定式的做法。在网页下方加上「回到页顶」（Back to top）的固定式按钮，也是常见的解决方案。

5.扁平化设计Flat Design

扁平化设计流行一段时间了，最早从微软Windows8问世开始，后来连Apple iOS7也开始采用扁平化设计，以别过去讲求拟真立体感的设计。有趣的是，这次微软难得站在流行设计的前端。

6.微动画Micro Animation

过去Flash时代常见企业网站充满了飞天钻地的动画，这么多年大家也看腻了，取而代之的是简单、不影响阅读的微动画，首页轮播图（Slider）是常见的做法。另外，用CSS3制作的色彩渐变按钮、主菜单特效，都让企业网站有画龙点睛的效果。

7.SVG网页图片向量格式

一般桌电、笔电的屏幕分辨率为72dpi，手机行动装置的分辨率则是高达96dpi，因此有些jpg或png的icon在电脑看起来很正常，但到了手机版却是糊的，采用SVG格式的向量图就可以解决这个问题。由于SVG向量格式可以随意放大缩小，因此在RWD网页设计也经常采用SVG图档来取代其他图片格式。

8.砖墙式设计

砖墙式设计经常用在呈现许多信息流的页面，例如用图片呈现一整个照片墙。砖墙式设计由于可横排/直排切换，因此也很常见于RWD响应式网页设计中。

9.页尾模块Big Footer

Big Footer近来出现在政府网站检核表内，适合用来呈现企业网站构架或相关连结，对于SEO也有很好的帮助。

10.时间轴Timeline

时间轴的设计概念很适合放在企业历史沿革或里程碑的网页设计上。