网页布局大解放,2018年十大网页设计趋势

1
发表时间:2020-11-06 10:50

      网站设计最迷人之处就是不断变动,技术的演进让设计师与工程师可以不停实验创新,带来更好、更流畅的使用体验,以及让人处处惊奇的感官飨宴。今年网页又会有哪些有趣的风格将主宰我们的萤幕?我们综合了Webflow、TheNextWeb、AWWWARDS等媒体与网站设计公司的预测,整理出网页设计十大趋势:

      1.打破框架的版面设计

      过去几年,一成不变的网页布局(layout)已开始令人疲乏,幸而Flexbox以及CSSGrid!(Chrome、Firefox预计于今年三月开始支援)等技术的出现,让版面设计变得更灵活弹性,为设计师、工程师带来更宽广的挥洒空间,今年将可看到更多网站打破惯有的「对称」、「秩序」守则,形形色色,层层叠叠的网页布局肯定精彩。不过不变的大原则是,设计的重点是要烘托「内容」,内容才是骨肉、才是人们光临网站的主因,因此设计的尺度上也需斟酌,天马行空之余,别反客为主,夺走内容的风采。

      2.极简out,色彩在跳舞!

      色彩作为表达个性的重要元素,在极简风蔚为风潮时却被剥除,不过约莫去年开始,大面积渐层色块似有强势回归,Instagram、Asana、Stripe都以饱和的渐层重塑品牌视觉主调,今年绚烂的色彩以及流动的渐层更将大行其道;此外,影像以双色调(duotone)后制,也可能会是今年的潮流。设计师,SarahHutto预言,今年将会是很「funky」的一年,期待强烈的色彩刺激人们的视觉感官。

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

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

      动态效果在当代的网页设计领域扮演举足轻重的角色,今年也丝毫没有退流行的迹象,反而应用会更广泛。适当的动态效果,具有突出重点、争取注意力的用处,今年以SVG、CSS创造的动态效果预料将大幅增加,滚动视差(ParallaxScrolling)也愈来愈华丽。但设计师应考量品牌或内容的内涵以及每个动态效果的意义,避免「为动而动」。

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

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

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

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

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

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

      7.虚拟实境技术结合内容

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

      8.为不同使用者量身打造内容

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

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

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

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

      10.设计的分享

      如同程式领域热烈的分享文化,近几年有愈来愈多小公司或大企业乐于公开分享内部的设计团队协作与工作技巧流程,不但有招募人才之效,也充分展现品牌特色、塑造设计领域的互助氛围。

      GoogleDesign、Facebook、Shopify、AirbnbDesign都是可以借镜的例子。

文章分类: 定制开发
分享到:
最新更新

2020

11-25

到目前为止,相信不少企业都已经进行了长沙小程序开发,那么接下来企业要面对的就是,如何对小程序进行推广引流。只有如此,才能为小程序获取到更多忠实用户,使小程序实现更大的价值。有鉴于此,下面长沙小程序制作就给大家谈谈,小程序最常见的七个...

2020

11-25

当下,移动互联网的发展已经逐渐趋于成熟,不少企业都已经通过长沙APP开发,拥有了自己的APP应用,如此企业APP应用之间的竞争就变得更加激烈。面对这样的情况,企业若是选择定制开发,APP应用就会具有更大的优势。下面长沙APP制作创研...

2020

11-25

APP已经成为互联网时代的重要标志,随着APP开发技术的不断强大,更多更加智能化的软件诞生,这不仅为人类的日常生活提供了便利,还推动了网络时代向前进步。现如今,APP的开发方式主要有三种,不同的开发模式也具有其独特的优势,这也为开发...

2020

11-25

APP软件定制开发是指可根据客户的需求,量身定制一系列符合客户实际应用的软件。所谓模板开发则像模具一样,批量生产,固定开发。模板开发,功能已经成型,用户只需要选择模板,然后把内容改成自己的内容即可。 永佳软件开发 一、A...

2020

11-25

在小程序非常发达的今天,很多的商家都是会有自己的小程序,小程序二维码也是非常常见的,对于每一个朋友们而言,要想让自己的小程序得到更多的朋友们的关注,那么是需要做好对其的宣传工作的。通过小程序二维码图片宣传是可以达到一个更好的宣传效果...

2020

11-24

在我们每天都会跟互联网产生联系,但是很多人对于互联网开发并不是很清楚,为了能够让大家了解到互联网开发究竟是怎样的一个过程,小编整理了以下的内容。 第一步:分析需求 首先我们需要帮助客户分析他究竟需要的是什么,通过互联网开...

2020

11-24

一般建立网站时大多数人会选择网站制作公司的专业服务。有时也会选择多家公司,让他们各自给出方案并报价进行挑选。但是每个网站制作公司给出的报价方案可能都不相同。那么在考察和筛选的时候一般要考虑哪些必备方面,或者说网站报价方案包含哪些内容...

2020

11-24

在流量耗尽且客户成本上升的时候,小程序可以零成本有效地获得客户。那么问题就来了。如何使用小程序以低成本获得客户?可以尝试以下方法: 一、熟人裂变 获得客户的成本越来越高,浪马峰分享经验:客户成本的增加很大程度上是由于企业...

2020

11-24

一、什么是微信运营 微信运营,指负责微信的运营,包括个人微信和微信公众平台的建立,然后通过微信跟用户达到沟通的运营过程,前期通过人群定位,实现自媒体大数据。 二、做好微信运营的五个维度 1、定位 微信的用户群...

2020

11-24

为什么微信能够在人群中快速风靡呢,因为这是更简单更简洁版的QQ,为什么QQ能够有如此巨大的用户基础呢,因为大家都在用。社交社交,想要与更多人有更多的共同点,这类社交软件就是最好的选择。但是,如果想要一个较为私密的圈子,这样的聊天软件...
在线客服
 
 
 
 
 工作时间
周一至周五 :8:30-17:30
周六至周日 :9:00-17:00
 联系方式
客服热线:18921019311
邮箱:xukj@czcxwh.com