2019七个现代网页设计的趋势。

(本文分享了美国知名网上创意服务平台博客作家对2019年网页设计趋势的分析, 我们认为甚具前瞻性, 故特意参考并加入本地元素, 让南宁读者更容易撑握个中关於网站设计重点. 原文请参考Crowdspring(2018))

目录

简介使用介面和用户体验设计(UI/UX design)留白 (White space)手绘插图 (Illustration)鲜明用色和渐变 (Bright colour and gradient)手机网页 (Mobile friendliness)短片运用 (Video integration)动态滑动设计 (Dynamic scrolling design)简介

我相信大部份人都会认同, 企业网站的设计会影响消费者对公司的信心, 一间公司的网站绝对会令人觉得是否可信及可靠. 例如一些陈年网页, 一看都有超过十年的历史, 仍使用最早年的风格的话, 使用者都可能认为公司是否十年都没有发展过呢?

今天大家上网睇网页, 耐性越来越低, 要求就越来越高, 评头品足, 眼光甚高. 随着资讯发达, 用家拥有更多知识, 而且只要计算一下, 2000年代开始可称为互联网时代, 90年代出生的人在网络世界成长, 到了2019年, 他们已是成人, 换句话说, 互联网世代的人口只会越来越多, 这亦解释到为何科技, 设计及商业行为发展日益快速.

2018年的统计告诉我们, 超过90%的人在消费前会上网作研究, 一般是格价, 比较以及查看商户是否可信可靠等等. 亚里巴巴的马云更说过, 未来十年电子商务会威胁传统商场的经济地位.

既然几乎所有消费者或用家都会上网做研究才会决定是否埋单, 那一个符合现代人要求的网站就和商户的命运绝对有关了. 好的网页设计令品牌具有名声, 而且代表了牌子的灵魂以及影响公司未来的发展.

我们已为超过100间企业设计及开发网站, 当中包括着名食物品牌, 商会, 休闲消费等业务, 见证了网页设计在这些年来的演变, 亦体会到网页和品牌的直接关系. 由早年的以大量资讯为主, 到後来智能手机的掘起带来的简约主义, 网页都在为品牌说话, 表现了业务的个性.

本文将会讨论2019年七个网页设计的趋势, 设计就是整体的使用, 用家体验又影响到生意, 所以请各位细心思考, 究竟网站如何支援到大家的生意, 带来更多的商机. 你现在的网站又是否能迎来新的挑战, 配合到你的业务发展.

延伸阅读：如何找到最好的网页设计公司?

最新导读: 七个2020年最要留意的网页设计趋势

Back to Top

使用介面和用户体验设计 (UI/UX design)

正如简介所提, 人们浏览网站时十分精明, 小小的失误已经会让潜在顾客流失. 举个很简单的例子, 当消费者在你的网店购物时, 找极都找不到结帐的按钮, 又或者用尽所有方法都找丕到需要的产品时, 消费意欲会马上大打折扣, 甚至乎会离开网站, 不再回头. 我们尝试在消费者的角度去看一间实体店, 如果要找的货品找不到, 又不知收银处在商场的那个角落, 那还可以问一问职员, 但网店是经营电子商务的, 根本不会有职员让顾客查询. 更严重的是, 在这些细节上, 顾客体验到商店粗心大意, 没有在客人的角度去设计网店, 试问这种商家的产品和服务又怎能可信呢, 所以不方便不好用的使用介面和用户体验, 绝对会赶走客人. 换言之, 使用介面和用户体验设计 (User Interface / User Experience design, UIUX Design) 非常重要, 商铺即使有人流, 但客户体验欠佳, 最终都会失去Sales.

Back to Top

留白 (White space)

从前的网站都会用尽所有空间, 就好似今日的纳米楼一样, 完全没有空间感可言. 又如果大家今日去银行或者一些高级商场, 都会发现很多都有充裕的空间, 或者你会问这样不是很浪费吗? 其实空间令人感到受到尊重, 更有自主自由, 故此消费都会比较阔绰. 网页设计亦都一样, 今天的网页空间因为需要支援手机而变得更少, 但留白却更多, 这令到阅读更方便和清晰, 浏览更舒服和容易. 空间 (White space) 会让人集中焦点消化重点字眼. 例如我们的客户司博礼 SpotKnight 就大瞻运用空间, 将焦点放在两大业务之上, 第一次来到网站的用家会马上明白其专业领域所在. 留白不是新鲜的事物, 在设计及文学上已有悠久的历史. 如果大家对留白有兴趣, 就可以参考Balenciaga的网站. 布满文字和相片的用户介面已经过时, 2019年将会是网页空间的一年 Back to Top

手绘插图 (Illustration)

与众不同是你想在云云供应商中跑出的原因之一. 网站亦是一样, 每个网站都大同小异, 尤其受到手机响应式网页设计 (Responsive Web Design)的影响, 那麽网页要如何突围而出, 吸引到大众呢? 如果只想在一般的网页制作网站 (Website builder) 拣个样版 (Template)然後换图换字便了事, 那就注定是十个网站都差不多. 我们认同今时今日的样版具有很大的延展性, 每个细节都好似可以设定, 然而一个很受欢迎的模版可能有成千上万的用户, 结果制作出来的网站都像亲兄弟般似到十足. 聪明的网页设计师遇上创意十足的插画师, 就创造了新的可能性, 在网页上使用手绘插图. 航家建站十分高兴和几位插画师展开了合作, 只要抱着开放的心态, 接受不同的事物, 以客户利益为依归, 就能创造更多不同的可能性. 我们具有插画的网站即将在2019年面世, 敬请期待. Back to Top

鲜明用色和渐变 (Bright colour and gradient)

鲜艳向来都是常见的网页用色方向, 尤其在显示技术发达的今日, 字体和背景的明显色差会令读者更专注在阅读本身, 而且颜色亦代表了品牌, 例如大快乐用了鲜艳的橙色, Facebook的蓝色更成为了该公司的象徵. 鲜明的用色是清楚的讯号, 在凡事都要讲求速度的年代甚为重要, 稍有一刻含糊, 用家就会舍弃网站而去. 除了鲜明用色, 网页潮流开始多出现了渐变 (Gradient), 其实网站的页面的渐变效果甚至已是CSS上的一套标准. 渐变色在设计学上有其意义, 令两种颜色间产生有序的变化, 亦有引导的作用, 把读者焦点收到特定的位置上. 我们的客户Joyso 就使用了鲜明用色及渐变色, 品牌的鲜橙色在灰黑背景中异常抢眼, 渐变的Logo亦令页面产生一种金属的质感, 令网页充满时代感觉. Back to Top

手机网页 (Mobile friendliness)

自2016年起, 使用手机上网的人数超越了桌面电脑, 成为互联网的新标准, 网站亦都应该要全面支援手机才能发挥功能. 更重要的是Google的数据显示了有一半的用家是透过手机搜寻资讯, 而Google亦表示手机友善(Mobile friendly)的网站会在搜寻器排名享有优先权, 视为用户体验(User experience)的最重要指标之一. 能够正确地回应不同浏览装置的技术称为响应性 (Responsiveness), 响应式网页设计 (Responsive web design, RWD) 是现在所有从事网页工作人士的必修课程. 简单地说, Responsive website 就是能适应不同装置大小和形状的网站, 令用户超越平台和工具的界限. 除了网页, 很多公司 (包括我们航家建站)还有设计响应式标志 (Responsive logo), 配合不同使用环境的需要. 2019年也许是时候去更新你现在的网页了.

延伸阅读：甚麽是向应式网站? 及 响应式网页设计的好处 Back to Top

短片运用 (Video integration)

以前我们总是说一图胜万言, 时至今日, 或者我们应该改说一片胜万言. 人们都爱短片和片段, 比任何其他种类的媒体都更具吸引力. 试想在一个电子商务网店, 有甚麽会比一段介绍如何使用产品的片段更令顾客感到有趣呢. Google判断排名时有两点是很重要的, 就是内容和使用体验, 片段就能一次过去满足两件事情, 一方面令网页内容更充实, 让用家更容易接收到需要表达的讯息, 另一方面片段是较静态图片更佳的体验, 大家只要看过说明书和教学短片, 就会明白片段是多麽的容易理解. 片段令浏览人士在网站的逗留时间更长, 这亦对SEO有利. 短片有好几种不同的制作方式, 包括真人拍摄 (Video), 电脑动画 (Animation), 或者资讯动画 (Videographic)等等. Back to Top

动态滑动设计 (Dynamic scrolling design)

使用者如果需要无止境的向下滑动 (Scrolling down), 一般都会感到厌倦烦恼, 从前的网页很多都十分多字, 令读者没完没了地转下去看网页, 因此scrolling一度被淘汰, 网页设计尽量减少整体页面的长度, 避免使用者要不停向下地扫. 到了今天2019年, Scrolling down又回来了, 因为设计师处理网页时思考到用家的角度, 并引入了Way-finding的概念, 举个例, 网站内关於公司的介绍, 设计师运用时间轴的方式去表达公司的历史, 用家就会很自然地跟随时间表向下滑动, 直至公司最新的情况. 这种设计手法能令浏览更好利用空间, 延展了整体的用户体验. Back to Top

总结

紧贴潮流大趋势, 让业务追上时代的脉搏, 我们总是说, 网页是品牌的关键元素, 如果品牌和市场策略不停发展及成长, 网站自当同样要跟随步伐. 网站其实就是品牌的镜子, 反映了品牌的个性和价值, 两者要是不协调, 不单止品牌形象会受到影响, 更会伤害了顾客对公司的信心. 然而这并不代表我们要盲目追求设计潮流, 还需要考虑有关趋势是否适合品牌, 同一件事情放在不同的场合, 效果将会截然不同. 最後我们的目标仍是在数以百万计的网站中制作独一无二的一个.

延伸阅读：2019 网页设计新潮流 Back to Top

欢迎列明来源及转载, 以及赞好我们的社交媒体专页.