3个适用性极强的网页设计趋势

1、斑点和气泡元素

不少设计师开始利用诸如斑点和小气泡这样的装饰性元素,分散在网页的各个角落。这些装饰性的元素大多以小圆点的形式呈现,它们的形态多种多样,但是总体上有着吸引视线、丰富视觉的功能。即使是基于相同的设计概念,不同的气泡和斑点,让每个设计项目都有着不同的性格。

这些元素可以是任何色彩,而微妙的渐变和高饱和度的色调是目前设计师的最爱。斑点和气泡本身在形态上也有着柔和流畅的特点,让整个氛围显得圆润顺滑。

设计师借助气泡在整个画布上进行构图,通过衬托来营造深度,借助动效营造动静对比,所有的这些设计可以以不高的成本创造出时髦有趣的设计感。而所有的这些大都是为了一个目的:创造出用户偏好的视觉入口。

总的来说,斑点和气泡是一种吸引用户注意力的有效设计元素。如果你用的好,它们不仅可以作为装饰而存在,还可以作为视觉引导,控制整个页面的动线,给用户以视觉上的自然指引,创造出富有流动性的页面布局。




2、“悬浮的”矩形元素

这是网页设计当中,另外一种流行广泛但是尚未有正式定名的一种设计趋势。带有“悬浮”效果的矩形元素它开始出现在各式各样的网页当中,从产品展示型的网站到各种品牌的网站页面,几乎无处不在。

也许是因为悬浮的矩形元素让图层以一种有趣的方式呈现出来,这种设计技巧和视差滚动、动画可以很好地结合到一起。现在这种设计趋势已经表现的非常明显了。

通过带有悬浮效果的图层,各种元素可以独立地按照自己的方式运行。这个概念和Material Design 中“纸”的意象很接近。不过,悬浮的矩形在概念上没有Material Design 中那么结构化,设计师可以发挥的空间也更大。

充满流动性的设计,在视觉上是非常吸引人的,这样的设计更容易鼓励用户互动,因为在这样的设计当中,用户会随着设计的引导而好奇接下来会有什么。从目前的实战案例中可以看到,许多设计中都有悬浮的矩形元素,它们在整个布局中作为信息的载体,可以打开和关闭,充满了神秘感,也承载着关键性的交互。

悬浮的矩形元素的优势字啊与,它几乎可以任何元素匹配起来,可以很简单也可以很复杂,可以简单的几个区块搭配起来,也可以是由很多矩形来构成信息流。

这一设计趋势的优势在于灵活自由,以及强大的可定制性。不过从独特性上来说,相对于其他的要弱一些。




3、图片和视频填充文字

最后的这个设计趋势也不算太新鲜的东西,之前就有不少设计师这样玩过,不过现在作为一种流行趋势开始大规模地普及:将图片填充到相对较粗的文本字体当中。

虽然这个想法不算新颖,但是在视觉上有着强大的张力。在下面的三个案例当中,都充分地运用了这一技巧。

Valnet在它的首页左侧,有一个巨大加粗的字母V,在背景中嵌入动态的视频,字母所形成的新的框架,让视频的体验更加独特有趣。

Greatest Stories Retold 这个网页中采用了相同的概念,字母背后有视频在播放,这种形式留给用户更多想象力。视频中的信息其实传递出来的并不多,更多的是色彩和明显的运动感,它们真正的功能是诱使用户点击并查看更多的网页内容。

Belly Q 这个网页则使用了图片的缩放来创造更为微妙的动效。前景是一个黑色的覆盖层,而用户能够透过中间镂空的字母Q看到背景的视频。分层效果并不复杂,但是这种方法非常有效地创造出了视觉焦点。

动画和图片填充文字,这种设计技巧本身就能够创造出神秘感,这种设计会让用户有兴趣点击其中内容,查看更多。绝大多数的用户对于高度可视化的内容是感兴趣的,而这种恰到好处的神秘感的营造,会促进用户的交互。只要确保他们能够获得所需的信息,给他们以答案,那么这个设计就是有效的。




结语

这个月所流行的这三种设计元素或者说设计趋势,有着极大的灵活性,你可以将他们运用在主页当中,也能放在着陆页里,甚至可以贯穿整个设计项目。

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,409评论 25 707
  • 正如同我们在之前所观察到的,今年所流行的设计趋势中绝大多数的都和字体排版有着密切的关联,哪怕到了年底最后一个月,设...
    161a6dc046f5阅读 323评论 1 1
  • 今天是我第一次借以平台执笔写点东西,想想觉得有点神圣,还有点紧张,是不是每一个被文字赋予力量的人都会带着崇敬与羞涩...
    super耀一阅读 233评论 0 0
  • 初恋,顾名思义就是第一次的爱念。那时候的我们毫无保留,将自己最好的爱献给对方。 在c市,有一部公共汽车,它的起点站...
    林深时见lu阅读 257评论 0 0
  • 2018年3月11日星期日 晴 11——20度 读经时间:6:50AM 8:00PM 读经方式:跟音频读,诵读 茵...
    育心茵可妈阅读 182评论 1 1