【TechWeb报道】最近国外一个叫Ashley Madison的网站彻底火了,原因就是黑客看不惯它为已婚人士提供约会服务，发狠攻破该网站并将3000多万用户的资料公之于众。这一举动一石激起千层浪,有人根据泄露的资料绘制“出轨地图”，有人认为该网站的男女比例严重失调，还有人趁火打劫来进行敲诈，花样之多让人看醉了。

虽然网友们在日常生活中很难遇到这类倒霉事件，但因设置的密码太过简单而被破解却很常见。小编就在这里给大家推荐几款优化上网体验的应用，必定会刷新你的手机上网姿势（以下测试的都是iOS平台应用）。

首先给大家推荐的就是大名鼎鼎的密码管理应用lastpass，有了它你就不必苦思冥想复杂的网站密码了。它能生成6到64位的各种奇葩密码，生成之前还能对密码中的字母大小写，特殊字符，数字等进行设置，既节省了你想密码的时间，同时也保证了密码的安全性。在站点菜单保存好网址和密码后，用手机登陆网站或应用时只需复制粘贴。

Lastpass还可以添加各种表单，比如你的银行账户信息，驾照信息等等，在网站填写这类表单时能省下不少功夫。Lastpass手机版数据与桌面版同步，所有数据都存储在Lastpass数据中心，可谓办公娱乐两不误。

如果你仔细观察那些最新的使用了视差技术的网页，你会发现这些网站所采用的视差设计已经似是而非了。这些网页中的可动元素非常之多，但是并非动画；配色风格和视觉元素趋近于扁平风，并且借用了来自Material Design的物理隐喻，融合了许多微妙的交互细节。诸多时下流行的设计手法和新趋势开始被打碎分解揉合到一起，形成了新的混合型网页。

新的混合型视差不同于以往，它不是属性单一的视差滚动，它是诸多设计手法和技术有机而无缝地结合到一起的结果，它拥有移动的背景和诸多可动元素，和早期的视差滚动非常像。

但是两者之间还是有个明显的差别，其中最明显的差异是背景，随着页面的滚动，背景的色彩会随之流转变化，其中的网页元素和视觉控件也会跟着移动，出入于网页的焦点区域。

和之前的视差滚动的技术不同的是，新的页面中的各种元素会更加流畅无缝，你不会看到图层交互。在此之前，你会看到视差滚动页面中，某个图片层会随着滚动“溜”到某个特定的位置。

这类混合型视差网页有一些共通的元素，除了最基本的滚动和视差效果之外，这些共有的设计手法或者设计元素构也是构成混合型视差效果不可或缺的部分。

·单页设计：为了最大限度地呈现出各种设计效果，这些网站通常会沿用之前的单页设计，有些网站会加入标准化的导航来引导用户进入其他的内页。

·大胆的版式：大胆的版式和有趣的字体也是厂家你的元素，一方面是强化视觉，另一方面会让页面的可读性更好，更加新奇有趣。

·鲜艳的色彩：这些色彩通常都采用的扁平化的配色或者Material Design 的配色。大胆，明亮，简单，尤其是背景的用色。

·多变的内容类型：这类网站采用了单页滚动的基础交互模式，图片、文字、视频、插画等多种类型的媒体会交错出现，其中各类元素交互性很强，并且通常都伴随着流畅而好玩的运动效果。

·连续的故事：很多网站会将故事作为不同类型的媒体和信息的主体脉络，用来穿针引线，勾连前后信息。视觉上，同样也会有系统化的设计脉络，这样能让用户对前后关系有明确的概念。

·高清大图：现在设计师们越来越喜欢在首页上使用高清的大图来营造视觉上的冲击力和氛围了。

·滚动说明：对于新事物，用户通常需要适当的引导才能明白交互和使用的方式，所以恰如其分的说明是很有必要的。通常网站会用一些简单的滚动或者方向性的图标和元素来引导用户。

·简单精炼的语言：由于背景是动态的，复杂的文字在这种情况下无法确保识别度，所以设计师更倾向于使用简单且具备一定引导性的文字。

混合型视差网页的设计核心还是可动的元素。但是设计师需要把握好网页中不同元素的运动和交互的微妙平衡。大幅度的、过多的运动会喧宾夺主，对于部分用户会造成眩晕的效果，真正平衡的运动效果是微妙而自然的。

当然，这种设计是有窍门的：为每一个元素的运动设定一个固定运动时间区间就好了。很简单吧？

所以，你真正需要做的事情是，尽量不要让这些独自运动的视觉元素在用户滚动页面的时候到处乱跑。同时，网站右下角的手型图标会提醒用户向下滚动。

当你开始向下滚动的时候，运动中的元素会停止，当你停止滚动的那一刻，这些简单而微妙的运动又开始了。这个过程中，用户会体验到一种微妙的掌控感，而非眩晕，这一点很重要。

这种混合型视差设计是怎么开始流行的？

HTML5技术的成熟是最基础的条件。各种的自然演进，在此交汇，使得这种设计成为了可能性。扁平化设计和Material Design 的大范围普及，自然而然地将色彩、样式和隐喻注入其中，使得它成为了一个拥有多种变量、无限可能性的多元方程。

其实当你回首当初的那些设计趋势的时候，会发现它们也同样经历了这一的过程，各种思路、风格、流派随着大众的审美和需求而自然演进，逐步成熟的技术是粘合剂，融合发酵之后，逐步形成不可抵挡的潮流。

【优设酷站22连发！】

1. 免费图库+导航收集站：
2. 追波作品变代码+16进制颜色：
3. 无缝纹理+多边形背景：

本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱：】

“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量109万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：