9个值得关注的网页设计趋势

随着新技术的持续引入以及人们难以琢磨的审美变化,设计在过去的时间里不断展现非凡的创造力。而这些改变直观地反应在了网页设计多变的趋势里——活力的插图、大胆的配色、灵活的布局以及单页、长滚动页面、视差特效等等,它们创新并且传承,带着不同时期的特色“野蛮生长”,美学与技术融合,以不断变化的范例推动网页设计新的流行走向。


衬线字体

虽然无衬线字体具有良好的可读性,是长时间阅读页面的首选,但由于衬线字体更能突出设计感,且随着设备分辨率不断提高,也给设计师在屏幕上使用衬线字体大开方便之门。事实上,越来越多的品牌在其他方面(如标题和标注)已经开始了这方面的大胆尝试。去年9月,苹果(Apple)公司在其最新的iOS系统中,为Apple Books带来了全新的设计:所有的标题字体都被换成了衬线体。屏幕的优化升级解开了一个桎梏已久的视觉枷锁,拉近了屏幕与纸面的距离。

黑白色调


颜色是我们通过事物吸收、反射光粒子看这个世界的方式,是网站中最重要的元素之一。它通过创建视觉标识来统一品牌形象并培养用户情绪。

其实黑白风格的网页设计一直都不曾被抛诸主流趋势之外,一旦我们的颜色识别系统达到某一峰值,黑白配色就会从一大堆斑斓的色彩中脱颖而出。

黑白风格的网页设计,呈现出简洁、干练、高端的格调,搭配同色系的色彩,整个网页设计会呈现白的柔和、干净,以及黑的沉稳、大气。亦或两者结合,产生意想不到的效果。而当黑白设计中搭配一点恰到好处的色彩,就成为引人们瞩目的特定细节或元素。 

双色调


源于欧美杂志惯用的设计风格,曾经流行于上个世纪70年代的双色调正在重新回归。双色调其实两种同一个色调深浅不同的颜色,在屏幕上不同的角度设置出两个颜色板,它本质上的风格华丽而简单。不管是炫目的还是温和的,使用双色调作为颜色稳定剂,为文本提供了足够的空间和对比,尤其在高品质的显示设备上,这种完美的方式,可以使杂乱的内容脱颖而出并快速给人留下深刻的印象。

自然的有机形状


使用网格系统能够帮助设计师组织页面内容、平衡网站的内容布局,为网站带来清晰的结构。页面所使用的图形元素也多为严谨、稳定的几何结构,如矩形、三角形等。但太过工整的页面布局难免产生呆板之感,设计师们正在积极尝试通过自然形状和流畅的线条,去关注设计的可感知与舒适度。

由于自然有机形状不完美且不对称,因此它们可以为网页设计创造更多艺术的可能性,使页面元素脱颖而出。这些元素基于自然弯曲形式,在绘制过程中可以捕捉事物更多的自发性,如山峦的起伏,河流的蜿蜒,它们让页面呈现出柔和的动感与鲜明的活力。

故障艺术

故障艺术是一种错误美学,利用事物形成的故障,进行艺术加工,使其成为一种具有特殊美感的艺术品。故障艺术天生带有神秘质感,它通过为网站提供明显的迷幻外观来放大这种迷失的感觉,可以吸引用户将注意力集中到网页那些扭曲、毛躁、双重曝光的部分,这为网站展示重要信息提供了一种可行性方案。

故障艺术是一种未来主义风格明显的艺术形式,具备高度的实验性,它与品牌结合可产生更多可能。赖于技术的进步与我们认知的革新,未来我们将有更多的机会来分解并诠释这些“缺陷”。所以,故障艺术仍有很长的生命周期被应用于网页设计之中。

聊天机器人发展


随着人们越来越习惯于与机器人互动,网页设计领域也渐渐兴起使用会话界面的风潮。资料显示,未来几年机器学习和人工智能将被引入到我们与之交互的各种各样的系统里,而网页作为一种媒介,在设计过程中必将以更多方式适应这一趋势。

得益于人工智能和机器学习的进步,新的聊天机器人将越来越多地出现在未来自定义化程度更高的网页上。一些具有前瞻性眼光的企业,使用更加友好的代表品牌的吉祥物化身聊天机器人,赋予它们生动的面孔、明亮的色彩,使之在页面上的形象更鲜活,并进而凸显品牌的活力调性以及与时俱进的创造力。

更多视频内容

为吸引更多用户的注意力,新、老品牌会在页面添加动画元素来凸显网站的故事性和个性化特点。动画可以展现品牌在数字世界中的实力,它不仅使页面多样化,还将一个抽象的、概念性的事物变得可观、可感,迎合了没有时间浏览大量文本的移动用户,使其在短时间内理解创意及界面。

Google曾对混合搜索页面的搜索结果展示规则进行调整,其中包含标准网页上的视频内容。这使得网站优先考虑视频制作,以便自己易于搜索并以最有效、可共享的方式提供相应信息。

极简主义


严格来说极简主义并不归属于流行趋势的范畴,它是网页设计的美学首选,是最经典、永恒的设计方案。在各色流行趋势你方唱罢我登场的变换更迭中,极简主义一直保留着霸主地位岿然不动。

极简主义通过剔除页面不必要的元素,减少信息对用户的干扰,使其注意力得以集中在网站核心内容上。极简风格能更有效的展示网站的功能和内容,避免造成网站页面的拥挤和混乱,为网站重要元素提供更多宝贵的展示空间,并可以更好地传递SUP。此外,无论网站设计首先面对PC端或是移动端,依赖于元素较少的优势,都更容易实现响应式。

多样包容


很多时候,我们在谈论网络时总是忽略了最重要的一个概念'World Wide'。互联网连接世界各地数十亿拥有各种不同文化、能力、年龄和性别认同的人,而网站作为互联网的一个信息“布告栏”,它的受众远不止并切也不应该只是“我们以为”或者“我们选择”的那些人,在此之外的那些同样应该被尊重的群体,他们希望以平等的姿态,从中去了解与自己息息相关的生活、情感以及思想。 

即使是对过去的一些小小的改变(比如显示不同肤色的表情符号)也已经走了很长的路。包容与多样性不应只作为一种趋势,而该成为一种常态融入到包括网页设计在内的、支撑这个社会健康运转的一切生产、生活、创造。虽然网页设计在包容性、多样性的层面已经取得可喜的成就,但这个世界在实现“尊重”和“平等”上依旧任重而道远。从改进可访问性标准到具有社会意识形态的多样化图像,在未来,设计师还可以利用更多的方法让更多人与网站建立真正的联系。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,607评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,047评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,496评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,405评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,400评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,479评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,883评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,535评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,743评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,544评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,612评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,309评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,881评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,891评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,136评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,783评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,316评论 2 342

推荐阅读更多精彩内容

  • 每年各大设计博客和知名网站都会预测新一年的网页和UI设计趋势,既有相同之处,也有各家的独到见解,甚至还有相互冲突的...
    iris0327阅读 1,405评论 0 10
  • 设计趋势每年都在改变,出于各种原因,有的设计趋势在演进中逐渐消失,有的则在大家的熟练运用过程中渐入佳境,甚至逐步褪...
    刘英柱阅读 446评论 1 6
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,722评论 1 92
  • 在教授英语的过程中,经常有学生问我,在学习英语时到底是找中教进步比较快还是找外教学起来效率高?孔老夫子在千百年前就...
    VC就是VC阅读 1,680评论 3 5
  • 不知道是陌生的熟悉,还是熟悉的陌生。 来简书是简单的记录我的日常,平常的日记都是有一茬没一茬的记着。希望能遇见那个...
    知蕊阅读 228评论 2 2