7大网站设计趋势【荐】.pdfVIP

7大网站设计趋势 或许已经有许多文章告诉大家什么样的网站设计是最酷的 ，那 么今天我们就一起来温故知新，发掘一些真正的实用趋势。 手势取代点击 我们都已经忘记滚动条曾经是有多麻烦 ，大多数用户都得煞费苦心地把 鼠标移至屏幕右侧来移动这古老的滚动条： 作为一名专业人士 ，想必你一定用过鼠标滚轮、光标键或触控板 ，那么 你就已经超越了许多用户了。 在当今这个时代 ，滑动已取代了点击。手机用户轻松滑动手指即可随意 滚动页面 ，相对而言 ，要精准地点击某一点反倒是变得困难了——完全和以 前在电脑上的操作相反。 因此，我们应将网站体验的首要重点放在滚动上 ，点击为辅。当然 ，这 一特点已经随处可见： 随着手机用户的规模日益庞大 ，现代化网站都开始尽量减少点击 ，增加 滚动。我们会发现链接越来越少 ，按钮因为其更大的 “点击”区域，出现的 频率越来越高。为适应滚动趋势，页面也变得越来越长。 那些多页网站意识到这一点后，开始纷纷合并页面，将单个页面延长 ， 或者干脆像 TIME 杂志，直接做成无限滚动页面： 将来是否能在手表上浏览网页还尚未可知 ，不过用手势来进行操作 ，这 一点是肯定的。 彻底淘汰网页折叠线 在页面滚动变得如此普遍的时代 ，各种设备又有着不同的尺寸 ，网页中 的 “折叠线”将不再被列入讨论范畴。 设计师们无需再将所有内容都挤在页面的最上端。这一改变便引出了 Medium 曾经推广过的设计趋势——全屏图片加标题，滚动后才可见页面 主体内容： 有了这长长的滚动页面，设计师们终于有机会实现梦寐以求的杂志效 果 ：尽情使用美丽的大图片。在2015年的网站设计中 ，我们尤其可以看到 利用大面积纵向空间来展现图片的方式。 操作更快捷 网站更简化 现在人人都是网站高手 ，业余选手也似乎有了专业素质 ：使用多个标签 页及滑动返回上页等都不在话下。 这些特点所带来的结果便是一切都变得更快速了 ，大家的耐心值都日益 降低。试问如何才能惹恼一个好脾气的人呢？很简单，只要稍稍减慢网速 ， 便立刻引爆。 现今的网站所面临的挑战不只是让加载速度更快 （技术问题），而且要 让页面能更快地被受众所理解。一款无法弄懂的设计和超慢的载入速度具有 同等的恼人效果。 简洁的设计更易被理解 ，也就意味着更讨人喜欢。我们很容易就能区分 出下方的两款设计，哪款更现代。现代化网站可以更快帮助用户理解使用方 式： 仿真设计被淘汰的主要因为用户敏锐度更高 ，耐心值降低 ，杂乱的设计 只能减缓一切速度。 移动应用以其美观的极简界面击败了绝大多数网站 ，事实证明简约界面 的表现更佳。 扁平化设计只是一个开端 ，它所真正代表的是简约和即时性 ，希望这一 走向可以在2015年发展得更深入。 像素的消亡 我们曾经能清楚的知道组成一张分辨率为72dpi的图片需要多少像素。 如今，人们对这一概念越来越模糊。 随着响应式网站的出现 ，相对于固定数值 ，我们更趋向于使用网格和百 分比。然而，位图图像仍然存在。 几乎所有网站中使用的图片分辨率都只有现代显示器分辨率的一半 ，并 且不按比例调整大小。对于 Retina 显示器和现代化浏览器而言 ，矢量图形 之风正渐渐崛起。 这一风潮在图标字体以及谷歌材料设计中就已见端倪。具此特点的网站 通常都具有更快的加载速度 ，图标在放大后也不损失质量 ，是现代化浏览器 的理想之选。 这些技术均已面世 ，只是要专业人士为更高标准的显示器来改变工作习 惯，尚需时日。当用户的显示器平均标准达到 Retina 级别时（新款iMac 显示器），相信设计师们定会追随这一改变。 动画的逆袭 要让网站看起来过时很简单 ，只要放上一个GIF或Flash格式的 “网站 建设中”的动画就行。然而近来 ，却因为几个元素的结合 ，让动画在现代化 网站中实现了华丽的逆袭。 扁平化设计可能会遇到风格重复 ，甚至略显无趣的问题 ，这时动画就可 以起到点睛网站的作用 ，同时又可以在有限的空间中纳入更多的信息，一举 多得。 移动应用重新定义了用户的需求 ，其中所使用的各类小动画都传达着自 身的意义。现在，网站也开始启用这一趋势。 像CSS动画这类的新技术在强化设计的同时 ，无需使用额外插件 ，因此， 毫无速度或兼容问题之忧。事实上 ，网络组件（在第