10个网页设计趋势2020(第二季)。

2020Q2十大网页设计趋势

2020年必定在历史上有着重要的意义。一场冠状病毒肺炎先由中国武汉爆发，再感染到全世界，有数十亿人要留家避免疫情进一步扩散。网站，从此有了不同的意义，人们透过网站继续本来的生活，获得所需资讯，减少了出门的需要。原来，网站设计工作，都是抗疫重要的一员。

航家建站网页设计公司参考了福布斯博客文章 (Oziemblo 2020)，特选「2020年第二季十大网页设计趋势」，与中文用家分享最新国际网页设计资讯，当中有些可能耳熟能详，亦有部份是全新概念，对南宁网页界来说，极有参考价值。

回想十年前，乔布斯最後一次发布iPhone时，仍未有响应式网页设计(Responsive Web Design, RWD)的概念，然而正是智能手机的掘起，推动了手机网页设计的发展，至2016年，以手机上网的用户首次超越了桌面电脑，而且手机的整体费用较桌面电脑便宜，让不少发展中国家或地区的人都可以上网，促使了网页以至电子商贸发展。设计是关於如何使用，所以趋势也离不开手机用户体验。

文章回顾: 网页设计2019重要趋势

黑暗模式

潮流兴 Dark Mode，自从iOS推出Dark Mode後，包括Facebook在内的科网巨头都陆续推出黑暗模式的Mobile App。所谓Dark Mode，是指专为在黑暗环境使用的介面，一般会将原色倒置为较暗的颜色，用户有可能在任何时间和地点使用手机，过往未有Dark Mode，在晚上的街道上使用手机每每出现刺眼的情况，Dark Mode就能解决此问题。合理预计是网页设计亦都会开始推出黑暗模式，方便用家晚上或昏暗环境下使用。

手绘画

传统的手绘美术以全新视野回归网页设计，无论是静态卡通、手写书法或动画，手绘艺术能令本应冷冰冰的网页变得亲切及温暖，更有人情味。过去一段很长的时间，网页给人的感觉都是很Hi-tech很cool的，大家甚至忘记了网页背後其实都由有血有肉的人设计。上图是航家建站一位专卖美食的客户网页插图，设计师为了让人感到师傅对美食的执着和诚意，就使用了手绘艺术画元素。

头版的行动按扭

每家企业架设网站都有一个目的，就是及早达成转化 (Conversion)，例如B2B业务需要查询，网店就需要销售产品等。由於资讯太多，现代人都极没耐性，打开网页後如在数秒内没有头绪就会跳离网站 (Bounce)，所以我们都偏向将行动按钮 (Call-to-action button)放在一开首的位置，用户不需滚动至下方已知下一步的行动。从前在报业有一个术语叫「Above-the-fold」，即是报纸摺叠後仍可显示的地方，都会放置当天最重要的头条新闻，以吸引读者购买。Above-the-fold CTA button就是指打开网页不用滚动就显示的行动按扭，如上图中，客户要求尽快令用户进行资格评估并联络销售人员，故此设计师就在头条位置加设适当的按扭。

可见网页格线

UI设计其中一个阶段称为「Wireframe」(线框原型)，以方框规划介面的架构，方便设计团队作内部沟通，当框架完成後便会填入视觉元素，如图案及色彩等并去除方框。不过近来亦有网页设计趋势，刻意保留这些UI设计的框架，令到网页看落更工整更专业。十多年前网页仍以HTML中的「TABLE」为框架时，很多时都会使用格线 (Grid)，这亦是一种旧法新用的网页设计方式。

留白框架

留白 (Whitespacing)在视觉艺术上已有很悠长的历史，远至古中国，已在画法和国画上使用。留白可以将焦点重拾至主角物件上，同时制造想象的空间。网页设计师往往透过留白，将用户焦点放在产品或标题文字上，有句老话「牡丹虽好, 也要绿叶相衬」，某些地方的网页常把页面塞满文字及图片，好像告诉我们这才不浪费空间，结果阅读时就很不便，亦失去焦点，令人没有兴趣继续留在网站。

字大方可观

我们都不只一次谈到使用大字体(Big typography)去强调重要讯息，既然常说现代人没有耐性，即使使用千字文都没有意思，倒不如言简意深，简单一句话远胜一切。例如在航家建站网站上有句话「航家建站 Web Design, we walk together」，放在最当眼的地方，用尽可用的空间，即使离开屏幕三米之外都清晣可见。作为网站设计公司，我们不单给建议客户，我们亦会将建议用在自己身上。

使用几何图案

不止一次在2019年网页设计趋势文章中出现，几何图案 (Geometric shape)是简约主义 (Minimalism)的重要玩素，例如只要一个指向右方的三角型，就能代表「按此播放或行动」的意思，或者一个三横划的「汉堡包」(Hamburger button)就代表摺叠按扭。几何图案同时亦是常见的装饰，不说可能不知，在伊斯兰文化中，是禁止使用人或动物作为饰物图案，故此在清真寺等伊斯兰建筑中，只会见到几何图案，从中的确可感受到一份宁静及简洁。

网页设计小知识: 网站的重要元素

霓红光图案

如果大家用过App的Dark Mode，不难发现暗黑的背景总会配着霓红框的主体，这不但令焦点鲜明地落在主体之上，更有一种浮突的立体效果。网页设计总让人觉得只是一种平面艺术，不外乎长度及阔度，原来只要用色得宜，就能加上一个新维度。

简约的浏览选单

设计风近年来来去去都围绕一个概念：简约主义。”Less is more”，现代主义建筑大师 Ludwig Mies van der Rohe (1886 – 1969)最常说的一句话，正正充份地反映在他的建筑设计上，”just enough”。简单的三横划 (又名「汉堡式选单」Hamburger button) ，安静地放置在网页的一角，不用一句说话解释，用户就有默契地自觉使用。轻轻一按，所需的导航资料就呈现眼前，网页显得份外简洁，目光只需放在主体之上即可。

怀旧色系

何谓怀旧? 这并没有一个绝对的定义，上文提到的部份元素，如手绘画、霓虹光以至网页格线等，在过去的年代都曾盛极一时，反正就是一些已被遗忘的昔日潮流吧。曾几何时，网页设计都清一色地使用某种方法，例如一页式网页设计 (One-page web design)，怀旧色系可以是指一种模仿昔日技术的手法，例如模拟讯号，甚至黑白效果 (Grayscale)。怀旧有趣之处，是那种隽永和不朽的感觉。

所谓监古知今，要前瞻网页设计趋势及潮流，也许，认识网页设计历史正是最好的方法。航家建站南宁网页设计公司推荐以下网站：网页设计博物馆 (Web Design Museum)，内里收藏了很多品牌昔日的网页设计，值得一看。

网站设计工作历久不衰，曾经有人说随着手机应用程式 Mobile App的冒起，网页将很快被途汰，但事实上网页适应了手机环境後，从未如此充满生命力。如你需要网页设计服务，欢迎联络航家建站网页设计公司。