2017年10大网页设计趋势 - 网站源码_资源分享

中文网站结构设计最妩媚之处是急速变动，控制技术的重构让结构雕塑家与技师能时不时试验技术创新，增添更快、更简洁的采用新体验，和让人时时惊异的听觉饕餮。

2017年，页面Ploudalm什么样有意思的艺术风格将支配他们的屏幕？他们综合性了 Webflow、The Next Web、AWWWARDS 等新闻媒体与中文网站结构设计公司的预估，重新整理出页面结构设计五大态势：

2017年10大网页设计趋势

1、冲破架构的版面结构设计

往后一两年，千篇一律的页面产业布局（layout）已已经开始更让人疲倦，幸好Flexbox 和CSS Grid!（Chrome、Firefox 预计今年于去年四月已经开始提供支援）等控制技术的再次出现，让版面结构设计显得更灵巧灵巧性，为结构雕塑家、技师增添更宽阔的驰骋内部空间，去年将可看见更多中文网站冲破惯有的是「等距」、「社会秩序」规章，各式各样，马萨省的页面产业布局的确精采。

但是维持不变的大准则是，结构设计的重点项目是要明快「文本」，文本才是仇敌、才是现代人造访中文网站的根本原因，因而结构设计的孔径上也需推敲，超现实之余，别毕阳，夺走文本的魅力。

2017年10大网页设计趋势

2、极简out，色彩当道

色彩作为表达个性的重要元素，在极简风蔚为风潮时却被剥除，但是约莫去年已经开始，大面积渐层色块似有强势回归，Instagram、Asana、Stripe 都以饱和的渐层重塑品牌视觉主调，去年绚烂的色彩和流动的渐层更将大行其道；此外，影像以双色调（duotone）后制，也可能会是去年的潮流。结构雕塑家，Sarah Hutto 预言，去年将会是很「funky」的一年，期待强烈的色彩刺激现代人的视觉听觉。

2017年10大网页设计趋势

与前两年的明亮轻盈、和上述张扬鲜浓的色彩对比，以相对沉着冷静的黑色作为主色调也是愈来愈多中文网站的选择，只要「辅色」（accent color）搭配得宜，黑色一点也不沉闷，反而能在一片光彩的世界里脱颖而出。

2017年10大网页设计趋势

3、华丽且实用的动态效果

动态效果在当代的页面结构设计领域扮演举足轻重的角色，去年也丝毫没有退流行的迹象，反而应用会更广泛。适当的动态效果，具有突出重点项目、争取注意力的用处，去年以 SVG、CSS 创造的动态效果预料将大幅增加，滚动视差（Parallax Scrolling）也愈来愈华丽。但结构雕塑家应考量品牌或文本的内涵和每个动态效果的意义，避免「为动而动」。

2017年10大网页设计趋势

4、创造小惊喜的「微互动」

「微互动」在页面上也会愈来愈流行，比如滑鼠移过、点击各式页面零件如按钮，卷轴滑动过程中，适时再次出现细致变动，也能够有提示重点项目的作用。当然，就跟动态效果一样，结构雕塑家也要拿捏「动」的意义与幅度，才不致画蛇添足。

2017年10大网页设计趋势

5、不失真、载入快的 SVG 向量图档大行其道

比起传统图片格式JPG、PNG、GIF 以像素构成，近年兴起的可缩放向量图片SVG 在页面上具有更大优势，以标记式语言（XML）组合图形，绘制矩形、圆形、线条都是小事一桩，复杂的填充、形状也难不倒它，也能轻而易举制作动态效果，而且不受解析度影响，无论利用什么屏幕、什么装置观看，都不会破坏图像品质。 SVG 胜出更关键的是，不需 HTTP Request，能够大幅提升中文网站载入速度。例如这个便是以 SVG 绘制的后背包。

2017年10大网页设计趋势

6、巨大字体精准传达品牌意涵

首页以巨大的字体呈现品牌主旨，也将是去年随处可见的风潮。但是「巨大」并不代表加宽加粗，而是以恰当的字体结构设计，言简意赅、精准表达产品精神，取代冗长赘言。而字体与背景或色彩互动、或者在字体上塑造动态效果，也是能尝试的作法。

2017年10大网页设计趋势

7、虚拟实境控制技术结合文本

虚拟实境的话题从前年延烧到去年，科技巨头对虚拟实境的投资力道丝毫没有减弱的迹象，特别是Facebook 未来十年将砸下 30 亿美金专注虚拟实境的研发。可预见的是控制技术更臻成熟，也会有愈来愈多新闻媒体或品牌运用虚拟实境科技「说故事」，为现代人创造更身历其境的感受。

2017年10大网页设计趋势

8、为不同采用者量身打造文本

对文本中文网站而言，有效的把「对的文本」传递给「对的采用者」，是这一两年备受重视的能力。但是能够命中核心的却不多。因为要达到跟随情境给予特定文本，需要考虑不同采用者的不同特征，例如，采用者来访中文网站的目的是私人之用还是为了工作？采用者是从哪里来到中文网站的？采用者此刻正在做什么？他们以前在中文网站上的行为又是什么？他们采用什么电子装置上网？他们现在是登入状态还是登出？

这些特征综合性起来增加了复杂性，有些新闻媒体采用「推荐阅读」机制或如 Facebook 以演算法为个体决定不同讯息流。而如 Fubiz 则用「Creativity Finder」，让采用者自行设定「身分」、「区域」、「目的」三个条件，过滤最符合要求的文本给予不同采用者。

2017年10大网页设计趋势

9、「登录页」重于「首页」

登录页（landing page）与首页（homepage）的差异在于，前者有个非常明确的目标，例如希望采用者注册、订阅电子报、甚至购买，而首页则如自家门口，提示中文网站包含什么样文本或功能，作用乃为提纲挈领。前者的重要性日益彰显，结构设计上要能高效率地带领采用者完成「转换（conversion）」目的，几乎不会有「导航（navigation）」的成分，因为他们不希望采用者分心到其他地方，最重要、几乎也是唯一的目的是推进转换。

2017年10大网页设计趋势