跟还是不跟？2014年网页设计趋势(附资源推荐).pdfVIP

跟还是不跟？ 2014 年网页设计趋势（附资源推荐） 在过去的 2013 年及 2012 年，网页设计理念或多或少都受到大公司设计风格的影响。 Google 过去几 年中也在搜索算法上做出很多调整 —— 更注重网站内容原创性及可用性。 HT ML 5释放了设计师的 思维，有利有弊， HT ML 5 动画有时也玩过火了。随着移动 Web 的访问不断增大，响应式设计变得 愈加重要了。 下面我们通过简单的一些案例阐述 2014 年的 Web 设计趋势。但是，记住，不要过度使用。不是每一 种趋势都适合你的客户。作为设计师或 Web 开发人员，你有责任紧跟趋势，并量身定做你客户的 网站。 准备好，跟随我们的脚步来看看今年的流行走向，然后决定你要如何使用它们。 一、扁平化设计 当苹果放出 iOS 7 的时候，不是每个人都喜欢这种全新的扁平设计的。然后，乔纳森 ·艾维知道这是 去掉拟物化的最佳时机，引进了极简、干净、硬朗的设计风。 iOS 7 发布后，大量的扁平化风格出现 在网络上，今年也不例外。这不仅对移动友好，而且更能体现设计的本质 —— 有效组织外观和感觉 。 Mostlyserious 完全的扁平化设计及少量动画效果 Belancio 扁平化的案例设计 不是每个网站都适合扁平化设计，比如你客户会要求使用拟物化或 3D 元素等。对于其他内容比较 多的网站，你扁平化一些元素，往往可以起到简化网站的作用。 二、定制化 今天定制化更突出，互联网品牌竞争更需要寻找一种独特的方法来捕捉相同的目标市场。针对客户 定制独特的网页设计已成为一种趋势，特别是使用 HT ML5 、CSS3 、jQuery 等技术。很多网站使用 的图片进行了比如颜色覆盖，模糊等效果。单页网站使用的覆盖，图片灯箱效果，滚动视差，及其 它交互效果也很普遍。设计师设计网站考虑艺术字体（下面介绍）、混合字体或其它方式也很多。 Dolox 整站使用视差定制化，非常有创意。 Hellomonday 头部的罗盘定位和一个可爱的独特的视差滚动。 定制是为了避免过分的谨慎，有时你只要简单的原始项目让你的网站脱颖而出。 三、艺术字体 网页字体开启了创造性的 Web 排版方式。现在，网页设计师已不再局限于使用仅有几种系统字体， 过去一年，我们也看到越多网站使用创意字体。另一个好处是 Web 字体也能打印，这大大方便了品 牌的统一性。 Fixedagency 匹配公司形象的手写字体 Princeink 使用独特的字体组织结构 艺术字体有时容易走向极端，大量文本内容时不宜使用艺术字体，否则难于阅读。这种情况下，你 可以选择标题使用艺术字体，或作为点缀。 四、滚动讲故事 越来越多的网站，包括某种形式的一个滚动故事。 这种方式一般使用在单页网站上（尽管这一趋势 也用在关于页面或主要页面上），用户通过向下滚动的方式查看故事的主要信息。过去，通常都是 用视差讲故事，不过近来更多也使用文本和图像进行视差讲故事了，主要是移动化。 Everylastdrop 通过单页网站设计创建故事让用户意识到社会或环境问题和解决方案。使用丰富的动画，让访客更 加娱乐。 Sweez 电子商务类也可以使用滚动视差来讲故事。 实际上，图像类故事滚动比文本多，它有好处也有坏处。文本过少不青睐搜索引擎，作为设计师， 你需要权衡，通过设置一些标签使 SEO 优化更友好。 五、主题区 主题区或者主角区源自平面设计领域的术语，意思是页面设计头部使用大图片和少量文字。这种方 式通过简短的网站快照，在几秒钟内吸引访客注意力，使人眼前一亮，产生好奇心。个人网站经常 会用到主题区设计，可能是他们的伟大的工作能产生巨大的影响。 Moresleep 非常简洁地使用尽可能少的文字告诉他们做什么，以及他们如何使客户受益。 Plainmade 使用一两句吸引观众。 甚至大多数电子商务网站都使用主题区，通常使用很特殊的图像来吸引受众。如果你不能把访问者 带到主题区域的下方，那就危险了。如果用户需要滚动很多才能看到更多，