十个网页设计2020新趋势。

十个网页设计2020新趋势

本文参考了瑞士网上推广公司Sondora最新2019年的博客 ，由其CEO Dennis Dubner所撰写 ，深入探讨2020网页设计趋势。原文请参考Dubner(2019)

一个十年就快结束，过去十年，网页设计及网络技术出现翻天覆地的变化，智能手机的迅速掘起，4G的成熟发展等，都令到十年前没人想像过的情况发生。2020年即将来临，我们相信显示技术的进一步改革，以及设计风格的进化，网页设计2020的十个新趋势，请读下文：

目录

网页设计2020新趋势简约的净色动态插图及动画不对称网页框架骄傲的字体CSS网格支援手机的矢量图案手绘画声音兼容的介面人工智能及深度学习粗犷主义网页设计总结网页设计2020新趋势

2019大兴其道的网页潮流，例如渐变色彩，证明了富动感的设计嬴得市场的支持，亦预视了2020年将会是动态网页设计元素大放异彩的一年，与此同时，诸如Google及Apple等龙头，却使用了不少简约主义(Minimalism)的单色元素，我们称之为Flat design，这种看似反其道而行的设计，更令市场百花齐放。以下我们将会分别讨论两大主要领域：电子商贸网站设计及响应式网页设计的2020新趋势。

电子商贸网站设计

到了21世纪20年代，以千万计的人们将会把传统消费模式搬至网上世界，当中网店的成功因素有赖用户介面及体验 (User Interface / User Experience, UI/UX)，其中最直接的包括好用度 (Usability)、网站速度 (Speed)及简易度 (Simplicity)。大家总不会期望一个操作极复杂的网店能留得住多少客人的。

响应式网页设计

同样，智能手机仍是主要的上网装置，到了2019年，超过六成的上网首选手机，试想想如你的网站不能在手机妥善显示，做成使用的极度不便，那将会是十分赶客的。如果到了2020年你的网站仍未能支援手机，做到响应式网页设计 (Responsive Web Design, RWD)，那就更加要阅读本文，只是十分钟，就可以改变你的网上业务。

延伸阅读: 响应式网页设计的好处

简约的净色

在云云品牌中要脱颖而出，大胆破格的色彩，可以突然你的品牌个性。很多客户在评价南宁网页设计时，往往变得保守，怕太过进取大胆的色彩运用，令人以为公司不正经和儿戏。其实做生意和设计，最怕不是被人评头品足，而是没有人说三道四，也是市场学常说的Noise。简单用色，就是网店常用的风格，让顾客的焦点放在产品上。有时客人的过份保守，正是南宁网站设计公司不愿行出一步的原因。

延伸阅读: 2019七个现代网页设计的趋势

动态插图及动画

回首2017，是短片冒起的一年，可是短片实在需要一定的频宽，减慢网页下载的速度，影响到整体的UX及SEO排名。动态插图也许就是一个不错的借代方案，例如很久以前，常在论坛出现的动态图GIF，既不如短片般霸占大量的频宽，又有生动有趣的效果，现在也很常见的动态，包括Parallax(景深效果)、Mouseover(电脑上的指着特效)等，也有很多短片网站(如 Youtube)使用GIF作为短片预览，或是简易指示。这些不少的效果都不似短片般每格储存，而是由电脑程式语言编写，使其需要的档案极细，尤其适合在手机上显示。

延伸阅读: 七个2020年最要留意的网页设计趋势

不对称网页框架

很多网页设计都原用网格，令网页看落十分工整和单调。到了2020年，我们预计除了大胆用色外，破坏性的不对称设计将会变得流行。不对称网页设计过往较多在个人网站出现，尤其是一些设计师、潮流教主等，因为这种设计方式令个人性格特出，当然在处理特别的设计时，稍一不慎甚至为做而做，就会变得标其立异，做成反效果。而且不对称网页设计较难处理大量的内容，如企业本身需要呈现大量资料，不对称设计或者不一定适合。无论如何，网页设计的重点之一是将有用资讯传达给网站用家，不应喧宾夺主，做成「妹仔大过主人房」既情况。

延伸阅读: 2019 网页设计新潮流

骄傲的字体

原文的字眼是「Loud and Proud」，中文的文化较含蓄内敛，很难精准传意。同性恋者每年的Pride parad一般称作「骄傲游行」，我们就姑且称之为「骄傲的字体」。在设计界有一句谚语：一图胜千字，但字体正正是将文字以图案的形式呈现，好似近年南宁风行的「劲揪体」，其实内容本身就只是四只中文大字，但加上字体後，就令整件事情生龙活现。遗憾的是中文世界并没有太多开放的资源，不似同为方块文字的日文般，有着千变万化的书法体现，在网页上更唯我独尊的只能使用圆体。至今仍有很多中文网站，为了追求书法字体带来的个性及情感，而使用文字图案 (Text-on-image)，这对搜寻器来说并不友善，亦是中文网页使用者的困境。

延伸阅读: 网站的重要元素

CSS网格

如果你接触网站超过5年，大约都知道从前常有讨论以下这个问题：网站应否提供手机版 (Mobile version)呢? 时至2017年，当手机上网使用者数量超越了桌面电脑，这条问题已经没有意义，而且亦没有人能准确预测未来会有甚麽的新上网装置，响应式网页设计就应运而生，当中最重要的技术之一就是CSS网格 (Grid)。这种技术能确保使用者以任何一种装置浏览网站都可以正确无误地显示，到了2020年，如果你的网站仍是那种旧日的桌面版 (Desktop version)，我们肯定你需要重新设计一个使用了CSS Grid的向应式网站

延伸阅读: 甚麽是向应式网站?

支援手机的矢量图案

人们都喜欢多媒体，多媒体的网页较纯文字的受欢迎，这点无容置异。过去4G仍未普及时，网页开发人员使用如GIF这类的格式去节省频宽，但这种方法去到手机上时就有其不足之处。今天Google以手机优先为排序原则之一，而以点阵图为基础的GIF，放大後就会出现狗牙，极不美观，但若使用象素较高的图案，又会减慢下载。有用过Adobe Illustrator (AI)的用家就会明白，矢量图 (Vector graphic)就是解决的方法，我们使用的字体档也是一种矢量图，既省频宽，又没有起狗牙的情况。当中日渐普及的格式就是Scalable Vector Graphics (SVG)，具体的技术可参考以下的航家建站文章。

延伸阅读: 网页设计使用SVG向量格式的五个原因

手绘画

虽然电脑绘图已是今天不能缺少的设计元素，但每当看电脑画成的卡通时，我们又会时常怀勉小时候那些手绘卡通，例如「天空之城」、「风之谷」等都是烩炙人口。手绘画正是人类文明的重要一环，当中蕴含的艺术和独特性，并非电脑模板图可以比美，上文提到的字体，正正是由手绘作为设计起步，才会充满个性。如果你有小孩子正在上幼稚园，就更会感受到那份天然和纯真的美感，到了今天2020年，一切来得太人工，太工整，如果在网页设计上能运用手绘艺术，那麽品牌就会显得更特别，令人留下深刻的回忆。

手绘画网页的作品参考

声音兼容的介面

在过去声音媒界在智能手机的应用，一般只局限在个人助埋，诸如Apple Siri、Google Now或是Microsoft Cortana。我们常见在街上，人们对着WhatsApp留言，这是因为手机在活动时始终不是十分容易按键，随着人工智能的发展，我们预计到了2020年，语音输入将会变得更加普及，至於这会否影响到网页设计，大家拭目以待，但至少ChatBot「聊天机械人」作为网页元素的确是有增无减的。

延伸阅读: 网页设计2019重要趋势

人工智能及深度学习

人工智能(Artificial Intelligence, AI)及深度学习 (Deep learning)是2018年以来最大的研究领域，而较具体地在网页上的应用，就是个人化的内容。时至今天，一般网页都是一式一样，就算不同的使用者，都会看到相同的内容。如果我们以资讯平台的角度去思考网站，例如Google及Facebook等，它们都会因应用家不同的喜好和需求，提供相应的内容。试想想一间公司本身提供不同的服务，如网站能学习到用家的上网行为模式，继而提供适合的网站内容，这将会是一件相当不错的事。再更贴地的例子就是网店，顾客在登入後，能马上看到自己较有机会有兴趣的货品，这将可提升用户体验，增加销售机会。

延伸阅读: 关於SEO一定要知的九件事

粗犷主义网页设计

若干年前，网页仍是四四方方，起角的。之後设计和CSS技术都出现了圆角 (Round-edged)，例如Google的Logo就是圆角的经典代表。然而，粗犷主义 (Brutalism)在今天又再重出江湖，这种概念其实是由功能主义建筑衍生出来，强调个性突显，令网页以夸张的手法表达结构和重点，粗犷性往往令形象变得更有後现代感，并且超越了传统文化，适合跨国公司使用。粗犷主义有望成为网页设计2020的代表作之一。

延伸阅读: 2019网站开发新趋势

总结

随着科技进步和使用习惯的改变，2020网页设计将会更重视个性和创造性。理论上人们的口味、喜好和期望可以在很短的时间内剧烈变动，预测网页设计新趋势看似有些徒然，但科技和设计却永不停步，在网页设计的世界，一年一小变，三年一大变可说是家常便饭，今天常说的虚拟实境 (Virtual Reality, VR)，又可以变得只闻其声不见其影。无论如何，作为网页设计公司，航家建站经常站在潮流最前线，和我们的客户分享最新的网页设计资讯。

如欲了解更多网站设计收费及详情，欢迎联络南宁网站设计公司航家建站 。