2017年过半了,设计师们都在跟着这些趋势做设计

设计趋势直接反映着网页设计在技术和风格上的演化方向,也是大众在网页和UI设计审美上的风向标。2017年过半,网页和UI设计趋势也日渐明朗,几种不同的设计趋势也已经成为2017年网页和UI中必不可少的元素,这些元素主要体现在导航设计、配色和排版上,你会在今年的优秀的设计作品中看到。

当然,和所有的设计手法一样,几乎所有的设计趋势都有其特有的使用场景,用来搭配不同的风格,应对不同的设计语境。所以,千万不要将这些流行的设计趋势一次都用上!挑选合适的搭配你的设计项目,才能真正出彩~

1、空间共享式排版

所谓空间共享式的排版,指的是文本等设计元素,不再拘泥于特定的区域,而是打破空间限制,开始横跨多个元素、多个区域,以入侵式的姿态、错落式的排版,呈现出一种独特的视觉美感。

不过,打破空间容易,呈现美感就难了。横跨多个空间的文本为整个排版增加了视觉美感,同时让整个设计更为动态。瞩目的文本和超大的字体本身就非常容易引起人注意,他们连同背景的不同区块,一同被用户注意到,成为了视觉焦点。

为了充分利用这一趋势,你需要在排版和配色上有所注意。背景的图片和色块元素应该接近,但是要和前景的文本构成对比,这样才能保证整体的可读性和易读性。

在绝大多数的设计当中,前景的文本内容会选择最常见的黑色和白色,这样能让背景不同区域的配色拥有更大的选择空间——因为文本的可读性才是空间共享式排版的重难点!

另外,空间共享式排版的设计重心是视觉流,它应该引导用户关注最关键最重要的内容。

2、多边形元素

相比于醒目的空间共享式排版,多边形元素对于设计领域的入侵更加多样,也更加润物细无声。从大面积覆盖式的多边形区块,到多样的多边形叠加元素,再到细小的装饰性元素,多边形几乎无处不在。

多边形元素的优势在于它的多样,几乎可以运用到任何地方,从视频、图片到文本都可以和它构成搭配,不同的配色方案和排版中它也可以见缝插针地加入进去。当然,前提是合理地运用。

我们常说的多边形,是在二维平面内多条直线线段首尾衔接构成的中空闭合图形。在实际设计中,它的形状多样,有的中空,有的则填充了色彩,有时候单个存在,有时候会是成片的多边形构成更为复杂的视觉效果,比如3D的视效。

多边形本身就可以给我们提供足够多的灵感,多种多样的多边形本身就能以多样的方式让乏味的设计变得有趣。

3. 渐变

扁平化设计前几年刚刚崛起之时,阴影和渐变的缺失,使得那几年当中的许多设计显得颇为乏味。从去年开始,渐变逐步开始回归主流设计,重新回归的渐变设计比起以往要微妙了不少。

进入2017年之后,渐变元素开始出现在你能想像到的任何一个角落,背景,图标,图片,甚至一些文字上都能看到渐变的影子。相比于上一个时代的渐变,再次回归的渐变显得更加微妙而有趣,相比流行于80年代的设计,今天的渐变不再追求大梯度的色彩变化,通常只是两种色彩之间的柔和渐变。

虽然现在的渐变几乎在任何设计元素上都有不俗的表现,但是它们通常在较小的元素上表现更好,对于图片和背景这样的大元素而言,流行的玩法是将双色渐变叠加在上面。

4、大胆的用色

比起以往更加大胆的用色似乎越来越多了,它们不再只出现在复古渐变的设计当中。明亮的背景,醒目的按钮,饱和度高的惊人的色彩裹挟着不同的设计元素,几乎要跳到你的眼睛当中。而随着这种用色趋势而流行的设计元素你可能并不一定喜欢:霓虹色图片和霓虹色字体。

当然,大胆的用色还是有规律可循的:

·调用品牌配色中最明亮的颜色

·使用高饱和度的色彩来强调

·使用明亮的色彩来做提亮色

·如果找不到亮色可用的地方,可以试着将他们运用在图片和照片中

·将明亮的色彩和黑色或者白色结合起来使用

·有目地的使用特定的亮色

5、实验性的导航模式

绝大多数的常用网站中并不推荐使用实验性的导航模式,很大程度上是因为这些网站有固定的用户群体,他们有着固定的使用习惯。距离顶部过远的菜单设计,会让许多普通用户觉得难以适应。但是,对于强调设计感的特定的网站,实验性的网站或者是设计师在线作品集和个人页面,实验性的导航是非常不错的试验场。

事实上,2017 年还是实验性导航设计崛起的一年,许多设计师开始有意识地在网页中采用一些实验性的导航,侧边栏导航已经算不得太新鲜的尝试,底部导航、隐藏式导航、滚动弹出导航等等不一样的设计,层出不穷。

而最关键的地方在于,用户似乎吃这一套。

当然,只有你最清楚真实的情况,因为只有你能够到后台查看某个导航链接是否有用户不断点击。越来越多的设计师开始尝试新的导航设计手法,那些成功的导航设计通常会有一些共同点:这些导航会在首页上显得颇为突出(如果位置不那么显眼,设计师会让它们更大一些),并且会借助视觉设计引导用户去曲艺到它们,并且帮助用户快速熟悉新的导航模式。

结语

越来越多的新的设计趋势还在不停涌现,但是它们始终还是围绕着主流的审美,即使是躁动粗粝的设计风格也从某种方式上迎合着Geek风。

原文地址:designshack

原文作者:CARRIE COUSINS

优设译文:@陈子木

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

推荐阅读更多精彩内容

  • Each year we learn something new about design and 2016 wa...
    西美辑阅读 3,885评论 5 15
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,398评论 25 707
  • 有些事情 在别人的眼中是风平浪静 只有你知道 内心是何等的风起云涌 生活本来就在于折腾 也许折腾到最后两手空空 那...
    Aylin楚吟阅读 585评论 12 43
  • 这个智能文件夹大家都懂,可是设置哪些智能文件夹对生活有益处就仁者见仁智者见智了。 1,快速发现大文件,对小128G...
    鸭梨山大哎阅读 1,136评论 0 2
  • 儿时读《哈弗女孩刘亦婷》,里面一个片段现在还记得,亲戚家小朋友对刘亦婷说,他现在计算时间都是用小时,可是刘说她早就...
    别枝月阅读 191评论 0 0