网页设计师应该懂得的21个网页设计新趋势.pdfVIP

网页设计师应该懂得的 21 个网页设计新趋势 网页设计发展很快，它主要是跟着设计潮流以及 Web 技术一起 演变。从纯文字的网页到 FLASH、然后现在流行的 HTML5 网站都有 着很大的变化。网站可以有很多用途，比如用企业网站宣传、社交、博 客、营销、个人品牌展示以及提供在线工具和服务等等，真是个多样 化而且充满活力的 业。 回顾我们之前分享过的“优秀网页设计”作品，里面有很多新的 设计灵感，并可能从中预测到 2015 的设计趋势。在这篇文章中我们 整理了值得关注的 21 个网页设计趋势。 这些趋势主要由设计师TomasLaurinavicius 自身经验研究整理， 我们可以尝试这些设计但也不一定要跟风，创新、实用、好用才是最 重要的。 以下为设计趋势详细信息。 趋势 1：自然摄影 在 2014 年已有很多网站使用高品质的照片作为设计元素，优秀 的照片视觉是非常有吸引力的，所以 2015 将会继续这个趋势走下去。 而这趋势特别适用于全屏网页设计。 Brave People 趋势 2：单色网站 网站设计元素的背景、文本颜色、图像等都使用同一色系，这样 的单色网页也许会更有吸引力，并让访客对你的品牌网站有着深刻的 印象。 Nine Sixty 趋势 3：视频背景网站 通过加入视频背景到网站上，在视觉上比纯图像更有吸引力， 2014 年已经有不少这样案例，相信明年会继续增加。 其次不一定把视频放在网页背景上，我们也可以用在首页幻灯片 上也是很不错方案。 BORN Startup Framewor 趋势 4：独特的导航菜单 网站导航不再那么死板，将出现更多创意的方案，向下滑动、向 上滑动、弹出、动态动画、二次信息展示等有助于创造令人难忘的浏 览体验。 Impossible Bureau Qards 趋势 5：卡片式 像卡片、瓷砖的排版设计在 2015 会继续流行，Pinterest 是这 种设计潮流的领导者，我们将看到更多博客和电子商务网站使用这具 设计技术。 Firebox 趋势 6：固定块（Fixed Blocks） 固定块像 css 的 fixed 属性，我们常见有导航菜单用这个技术， 而在 2014 年，有些网页上一些小部件也使用这个技术，但多用于边 栏上的内容。 P.S. 其次相关的 Scroll to fixed 技术也流行，不了解请看设计 达人网站（PC 版，手机看不到哦）右下角的广告区域，当页面 Scroll 到顶部后，广告会悬停于顶部。 Build in Amsterdam 趋势 7：精致的视差效果 2014 年已经介绍过视差滚动这个技术，但遗憾的是，从用户角 度来看，过量的视差特效会毁掉整个浏览体验。2015 年，将会有所 改善，会有更多精致的视差效果呈现。 Cher Ami 趋势 8：垂直滑屏（滚动） 垂直滑屏相当于一个幻灯片将它全屏化，并且以垂直滑动动画形 式展示出来，这对于访客来说是个新鲜友好的浏览体验。特别适用于 产品描述、情景营销的单页面网站。 Smart Water 趋势 9：增加插画 Dropbox 我想很多用户听过，该网站的手绘插画占居了网站的一 大部分。通过可爱精美的插画来展示描述。 One Design Company 趋势 10：大数据 研究统计 大数据正在成为高新的技术行业，网页设计也一样重要，2015 我们将看到更多交互图形、图表数据。复杂、未知但却美丽和吸引。 小编注：估计这个趋势仅在国外流行＝。＝ Personal Brand Institute 趋势 11：互动产品 我们知道在网页上很难表达好一个有形的产品，特别是用户无法 触感，无法真正感受。很多初创公司为了描绘出逼真感觉以及体验， 将在网页上使用一些互动技术，比如 3D 展示，让访客能转动产品来 浏览产品更多微小的细节。 My Deejo 趋势 12：延续扁平化设计 扁平化可以说默认为大型科技公司以及设计师首要的设计风格， 从 WEB、APP 上都能看到扁平化的影子，我们肯定在 2015 年这个趋势 将