开发者必看：2014年网页设计的10大发展趋势【荐】.pdfVIP

开发者必看：2014 年网页设计的 10 大发展趋势 如何让网页设计更具现代感?2014 年网站设计又会有怎样的变化趋势?12 月 份对即将过去的一年中网页设计发展进行回顾，总会发现很多让我们感到欣喜 的变化。去年我们同样预测了2013 年互联网设计出现的10 大趋势，比如交互 设计、个性化排版、全屏大图吸引浏览者注意力等。其中很多预计的趋势在 2013 年确实成为设计的主流，并且估计在2014 年仍将延续。 1. 个性化排版 我个人是个性化排版的支持者，自然也希望看到越来越多的网络设计尝试 个性化的风格，其中比较突出的一点是个性化字体的增多：用自己独特设计的 字体代替标准印刷体，让设计更加独特。比如“Stuff and Nonsense”这个网 站提供设计字体服务，让字体在体现个性的同时保留专业印刷风格。我们期待 着在2014 年设计出的网站能够更多地从细节体现个性。 2. 扁平化设计 去年的10 大趋势中，我们提到了“借壳”设计(skeuomorphism)，指模仿 现实事物尽可能把手机元素(如图表、背壳等)设计得更加具体、拟物。而“扁 平化”的极简主义则是和“拟物性”相背行，在iOS7 中明显感到更加简化的图 表替代了原本精致的描绘，更加突出应用的实际效果，反应使用应用的感受， 而不是局限在某个应用的外在形象上。苹果公司在今年竭力推进扁平化设计， 几乎所有可以修改的设计都加入了扁平化的元素。 苹果公司向来是电子产品设计的导向标，推动其他产品设计纷纷追随iOS7 的设计风格，同时网络设计也开始大批量地采用扁平化思路。预计这种风潮在 2014 年仍将持续。 3.大背景图打败幻灯片动态显示 要说网络设计最大的趋势，大概是大背景图片的使用。 大型背景图片(large hero areas，是从印刷设计借用到网络设计中的专业 名词，通常是铺满整个屏幕的图片，配上几句简介的文字)，常出现在网站首页 上。大图片背景的清晰度不一，有的配以模糊的背景，有的(如realtii)则采 用清晰的图片。大型背景图片迅速取代了曾一度热门的幻灯片图片显示插件， 成为网页设计元素中吸引浏览者注意力的主要途径，而幻灯片滚动显示的使用 价值已经被否定。预计这种大图片设计的流行趋势在2014 年仍将持续。 4. 移植手机阅读体验 交互网页设计越来越普遍，网页设计顺应人们对手机的依赖，变得越来越 像手机的交互界面。设计师们更注重网站在手机屏幕上显示的实际效果，手机 将成为网络浏览的主要方式，因此屏幕尺寸的差异对用户体验的影响也将被纳 入网页设计的考虑范围。 此外，融合社交媒体功能，提供订阅邮件，借助滚动条设计浏览的“长” 网站，快速加载网页等都将让网站设计的互动性增加，用户界面更加友好。 5.视频代替文本 如果在一段视频介绍和文本介绍中选择，估计大部分浏览者都会选择前 者。此外视频和网络(尤其是大背景图片)匹配性强。 网络视频的制作的成本不断降低，网络传播性强，与社交媒体网站的兼容 性好。网络硬件的发展让此前因为网速和流量限制的视频插件越来越普及，显 然在同样的时间和篇幅里，视频传递的信息量要远超过文本。 此外，视频能追踪观看人数，相比文本能获得更好的宣传反馈。 6.长滚动网页 手机让人们习惯用“滚动条”控制的方式阅读网页、寻找资讯，这样的阅 读习惯也影响了网络设计，页面出现更多两侧留白与更多的交互设计。几年前 这种不见底的下拉式网站并不受好评，但手机浏览器让人们逐渐接受了这种长 条形网站布局。此外内容的编排上也更适合阅读理解。此外国内很多购物网站 或贴吧都加上了“点击返回页面最上端”的功能，更加方便了浏览长网页。而 事实很有可能是，浏览者只顾往下滚动，根本不会在意网页到底有多长…… 7. 简单配色 网页设计的配色改变反应了人们审美需求的改变。2014 年预计同色系网站 设计将成为主流，而“简化配色”的概念，则是把参与网站设计的颜色局限到 1 到2 个。 如上面的网站图例，只用了一个颜色(艺术设计中黑/白被不被纳入颜色计 算中)。配色简单的趋势似乎和平面化同步，但也不绝对。有些网站甚至摈弃色 彩，采用纯黑白(以及两者之间的渐变色)设计，有时在其中加入一点色彩吸引 注意力或渲染效果，比如加入醒目的红色。 8. 内容简化 2013 年似乎是“King Cont