HTML、CSS以及JavaScript

　　1. 美国人平均每天花费在移动设备上的时间为2.5小时;

　　2. 57%的消费者不会推荐一个在移动设备上看起来不好的企业网站;

　　3. 美国人所花费在数字媒体上的时间中，移动占60%;

　　4. 根据Google一项调查显示：48%的用户表示，如果一个网站不能很好地运行在智能手机上，会让人们觉得企业不关心它们的业务;

　　5. 85%的成年人认为，移动网站应该和桌面的一样好，甚至要表现得更加出色;

　　6. 67%的消费者表示他们更有可能在一个移动友好的网站上消费;

　　7. 90%的人使用多种屏幕尺寸的设备。

　　交互式滚动

　　视差：视差滚动最初指的是2D视频游戏里的一种技术，用于通过背景移动慢于前台的方式展示深度。在Web设计里视差设计允许你：1. 用3D的方式展示作品;2. 将浏览者引往一个地方;3. 创建一个3D时间线。

　　无限：无限滚动是Web设计中一种新的导航类型，当你滑到页面底部时，页面会自动加载新的内容，这导致页面会增 加额外的内容：1. Web浏览者76%的时间用于滚动网页;2. 66%的用户发现网站加载太慢;3. 随着触摸屏的出现，滚动变得比点击更自然;4. 无限滚动通过允许网站一点一点加载内容让网站加载时间减少。

　　扁平化设计

　　出现的原因：1. 给网站一个清爽的外观;2. 易于设计;3. 能够使用响应设计进行无缝工作;4. 更快的加载时间。

　　一项Web专业人员调查显示，68%的人认为扁平化设计依旧时尚，只有9%的人认为它即将过时。

　　单一页面

　　出现原因：1. 所有内容都在一个页面上;2. 简单的导航;3. 浓缩、可校验性、有吸引力;4. 更适用于移动。

　　内容：1. 使用单页面网站展现内容，最好用图形而不是文本;2. 成年人在线的平均注意力持续时间为8秒;3. 快速向用户传达品牌的能力变得更有价值;4. 内容简洁、直观，可用性强。

　　干净简洁的布局

　　强调高质量摄影术：1. 传送到大脑的信息中90%来自视觉;2. 40%的人对视觉信息响应得更好，而不是纯文本;3. 40%的消费者更有可能参与那些拥有高品质一体化、专业摄影术网站的品牌当中;4. 在电子商务中，67%的消费者认为产品摄影的质量是决定他们购买的一个重要因素。

　　强调布局：1. 清理网站中的杂物;2. 干净简洁的网站更容易导航;3. 用最少的文字表达图像化的内容。

　　更强调字体：排版在设置网站的气氛和色调中扮演着越来越重要的角色。