IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

2017年视觉设计的六大趋势

Catherine • 2017-05-09 11:02 • 交互设计

我们在去年的趋势基础上进行筛选提炼,在历时两周的最终定义阶段之后,整合出一份2017年的设计趋势分析报告,希望能给各位从事并热爱设计的同学们带来一些启发和帮助。

文章目录[隐藏]

  • 2017年视觉设计趋势
    • 1. 多色轮润感渐变(COLOR NEPHRITE GRADIENT)
    • 2. 半透明叠加(OVERLAPPING TRANSLUCENCE)
    • 3. 切面排列透视(MULTI-SECTIONAL PERSPECTIVE)
    • 4. 错层阴影(DISLOCATED SHADOW)
    • 5. 自然律动图形(NATURAL RHYTHM GRAPHIC)
    • 6. 欧普重构(OP ART REFACTORING)

我们在去年的趋势基础上进行筛选提炼,在历时两周的最终定义阶段之后,整合出一份2017年的设计趋势分析报告,希望能给各位从事并热爱设计的同学们带来一些启发和帮助。

2017年视觉设计的六大趋势

大家好,去年HJUED团队完成了16年设计趋势报告,在一年的实践过程中验证了数个关键词确实如我们所预测有了较大范围的应用。在上个月中旬整个沪江用户体验设计团队开始了新一年的交互和视觉设计趋势研究,从大量的高质量素材采集到合并提炼,几乎所有成员都参与到了这个研究过程之中。

有了去年的经验,今年在各个环节上都有所提升改进。我们对素材收集的时间范围要求更高,比去年更加关注每一种纬度的特点,更有意识的去揣摩每一个关键字的定义以及其应用范围,细心研究每一种现有趋势名词的变化。

2017年视觉设计趋势

在今年的趋势分析流程中,我们分为“温故”和“知新”两个部分。“温故”部分对去年总结出的关键词进行跟踪梳理,总结得以印证的部分,探索新的变化趋势。“知新”部分,从字体、材质、形状、版式、动效五大维度进行分析,研究过程包括:素材收集、小组讨论、汇总提炼三个环节。从互联网、平面媒体、时尚等相关领域收集的最新素材中,通过分析提炼,确定各维度的流行趋势,再综合四个维度,合并去重,最终推导出2017年视觉设计流行趋势的风格关键词。

每个关键词包含概念简述和运用案例两部分。从中,我们可以看出在不同的设计领域存在着相当多的通用性,也对如何运用在沪江的产品中也有着很大的指导价值。

1. 多色轮润感渐变(COLOR NEPHRITE GRADIENT)

(1)概念简述

渐变的运用,在视觉设计中增加了更多细节化元素,并使画面充满变化。从2016年开始,渐变逐渐突破同色系,向多色系发展,打破保守的两色渐变规则。同时,跨越色轮的多种同级饱和度颜色结合有机圆润的形状,呈现出润泽透光的质感,体现出温婉的气质,柔和丰富而不艳俗。

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

(2)运用案例

越来越多的界面中开始引入多色轮的渐变,丰富柔和的颜色叫醒用户的视觉神经,通透温润的质感体现更友好的亲和力,使界面更加有温度,更贴近用户。

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

2. 半透明叠加(OVERLAPPING TRANSLUCENCE)

(1)概念简述

光,在视觉设计中显得越来越重要。光的运用能够使画面更加通透,彩色半透明元素的叠加使用,可以营造透光的彩色玻璃质感。在近期的视觉设计中,设计师们开始用这种方式对图形表现光感,体现图形关系的同时,又减少了厚重感,使画面更显明亮生动。

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

(2)运用案例

半透明叠加的表现方式开始有了些许萌芽,较多运用在表现科技感的界面中,在logo的设计中,通过调节色彩明度和饱和度来体现不同产品的属性。

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

3. 切面排列透视(MULTI-SECTIONAL PERSPECTIVE)

(1)概念简述

近年来视觉设计师开始不满足于平面的展现方式,向立体空间发起挑战。从热门的科幻作品中不难发现,“时空扭曲”、“重叠”等关键词一直被人们青睐。在设计中使用相同的元素重叠排列,延长、淡化、到最终消弭,在平面视觉上营造立体空间感,打造更强的层次感和表现力。

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

(2)运用案例

切面排列所营造出的立体透视效果,由于强大的视觉张力,常被运用在独立页面或者海报当中。在界面中使用,可以增强画面的纵深感,如卡片叠加的空间感等。

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

4. 错层阴影(DISLOCATED SHADOW)

(1)概念简述

空间感在视觉设计中显得越来越重要,通过文字的前后排列,紧缩元素间距形成层叠效果,增加更重的阴影效果,突显元素的前后空间关系,营造虚实有序的纵深感。

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

(2)运用案例

错层阴影的效果,通常被使用在标题、头图等需要强大视觉表现力的文字中。丰富文字细节,体现虚实错层关系,突出主题和画面张力。

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

5. 自然律动图形(NATURAL RHYTHM GRAPHIC)

(1)概念简述

设计源于自然,自然中的有机曲线赋予画面柔和、发散的特点。近来越来越多的几何元素被运用在视觉表现中。多种图形的聚集、扩散,更容易引导视觉焦点。在形式上是“流动,跳跃”的视觉效果,在内涵上则表现出一种“韵律”。多种元素组合做成背景装饰,并结合明亮的色彩,使整个设计变得活泼动感起来。

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

(2)运用案例

自然律动的几何元素被大量运用在海报、KV、运营页面中,丰富的元素与主题结合,更突显主题。在界面中常被用于背景氛围烘托,使整个画面轻松活泼。

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

6. 欧普重构(OP ART REFACTORING)

(1)概念简述

欧普艺术起源于1960年代法国,这是一种精心计算的视觉艺术,使用明亮对比的色彩,造成刺眼的颤动效果。将欧普艺术的元素弱化,混搭多种元素,打破传统的图形限制,利用视觉变化造成幻境效果,营造活泼跳跃的画面氛围。

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

(2)运用案例

在近期的大型活动的营销类网页和banner中,欧普重构混搭的元素随处可见。由静态图形营造视觉上的动态效果和迷幻的空间感,利用炫目的空间错觉牢牢吸引住用户的视线。

2017年视觉设计的六大趋势

2017年视觉设计的六大趋势

 

作者:沪江UED设计团队

来源:微信公众号【沪江UED】

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/24684/

logoPSUEDUIUX交互产品产品经理体验设计动效字体年度趋势微信用户用户体验用户体验设计素材经验视觉视觉设计设计设计师运营
赞 (0)
CatherineCatherine
0
生成海报
三种方法,使用鲜艳的配色来制作WEB/APP界面
上一篇 2017-05-09 10:04
微软设计师分享|七个技巧,帮你提高产品的用户体验
下一篇 2017-05-09 12:12

相关推荐

  • 接下来炎热的8月,这3个设计趋势会更加流行 交互设计

    接下来炎热的8月,这3个设计趋势会更加流行

    趋势大多是这样,兴衰随着时间的推移快速的变化。

    2017-06-05
  • 微信热点

    【科普】给想学交互设计的同学的一些建议

    最近在知乎上,有很多人问我,交互设计有什么好的学校?出国读研和在国内读研应该怎么选择?就业怎么样?其实在行业内和行业外,信息存在大量的不对称,很多同学都不太清楚怎么入门和学习交互,我觉得有必要专门开个文章聊下这个话题,算是一个有工作经验的人给新入行或者将要入行的同学的建议。1. 交互设计是否需要读研?我的答案是:看你的情况。每个人情况不同,自然对应不同的选择。情况A:如果本科就受过交互设计方面系统的训练(学校课程、实习等),有一定天赋和...

    2018-02-11
  • 杭州-UI设计师招聘需求

    点击上方蓝字一起关注这个公众号吧!什么是用户体验用户体验是一种纯主观的在用户使用一个产品(服务)的过程中建立起来的心理感受。把最终用户作为设计和开发活动的焦点,而不是系统、应用程序或者单纯的审美价值。它是基于一般的以用户为中心(用户至上)的设计理念。最简单的用户体验(User Experience,简称UE),最直接影响你的网页浏览度的因素。在网站策划和网站运营当中,用户体验是最重要的一个因素,直接影响到你的网站是否成功。网站用户体验(...

    交互专题 2018-03-13
  • 微信热点

    提升用户体验 抢占用户心智

    马云提出的新营销是连接线上线下的全新核心载体,超越单纯线上或者线下的全网营销概念。但华帝李洋认为,线上和线下只是连接用户的媒介,核心仍然是用户体验。抢占用户的心智,提升用户认知,是“新零售”的前提。打造新型厂商关系 构建全新服务体系在产品端,最初的模式是线上采用完全与线下独立的产品线,无论价格、卖点、功能配置都与线下产品区隔,线上和线下营销团队完全独立,各说各话。但随着时间的推移和互联网的蓬勃发展,这种割裂式的操作手法已经成为过去式。企...

    2018-03-29
  • 微信热点

    用户体验调研活动开启,多重奖励等你拿!(2场公推冲击4连红)

    20180329,星期四,欢迎接收购彩汪官方微信公众号的免费推送。昨天大元复出拿下了两场全红,状态可以说是非常好。两场欧赔1-3-4的深盘,有80%以上的彩民是认为一场正路加上一场下盘。结果两场都打出了1球小胜的结果。大元昨天就是运用了欧赔亚盘结合盘路的分析法,最终命中了2场结果。可以说在实战中盘路对于小联赛都有着不错的效果。今天有4场竞彩比赛,除开早场的澳超,晚上依然有2场英甲(其中包含一场单关深盘)+1场葡超,英系比赛是大元一直擅长...

    2018-03-29
  • 微信热点

    艺术留学 | 交互设计在未来会多火?

    交互设计是什么?对你而言,它可能还是未知数。这是康石石撰写本文的首要初衷,我们先看看大多数人如何看待交互设计这一专业:1.交互设计师是做APP的2.交互设计师是给APP动效的3.交互设计师都月薪上万,且薪资上涨空间高,酬劳丰厚。其它就不清楚了。。。以下康石石引用《女神进化论》创始人--寺主人在知乎关于交互设计师目前生存现状的一段描述,供大家了解行业目前基本情况:月薪<10k俗称“线框仔”,出没于小公司和外包公司,没有设计决策权,专门配给...

    2018-04-01
  • 从事交互设计3年多,聊聊交互设计师的核心价值 交互设计

    从事交互设计3年多,聊聊交互设计师的核心价值

    很多同行说交互设计 师就是要对用户体验负责,这点我当然是非常认同的。但是交互设计 师并不是独立的个体,虽然我们时常和产品、运营、开发因意见不同而产生争论,但站在公司层面来说,我们和产品、运营、开发等部门是一个大团队,我们既服务于用户又服务于大团队,服务于公司的商业价值。如果你只谈用户体验可能会不赚钱,只讲商业目标则会失去用户,用户体验和商业目标是需要保持平衡的。

    2017-09-16
  • 教你4步挖掘设计灵感,30分钟打造出一款圣诞节Banner!~ 交互设计

    教你4步挖掘设计灵感,30分钟打造出一款圣诞节Banner!~

    憋不出灵感就如难产一般,蓝瘦,香菇/(ㄒoㄒ)/~~

    2017-05-14
  • 微信热点

    【用户体验.春节特辑】理清儿时的记忆 找回逝去的情感(总第270期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第270期生活在这样一个时代,人们追求物质、追求理想、追求个性……而不去回望来路,不去寻求亲情和血缘所带来的归属感。“游子的情怀”和“漂泊的现境”总是让我们不由自主的追问自己:是否我们必须要失去我们最宝贵的东西才能实现自己的人生目标,我们实现自己的人生目标到底又是为了什么?我出生在安徽的一个小城里,由于父母工作繁忙,我...

    2018-02-21
  • 微信热点

    福睿斯幸福号春运列车的背后:营销回归用户体验

    爆竹声中辞旧岁,品牌送暖入屠苏。一年一度的春节,不仅是万家团圆的时刻,也是品牌们“秀肌肉”,送暖消费者的黄金期。每到这时,煽情、怀旧、调侃、明星、红包、互动……各大品牌总会使出浑身解数以俘获消费者“芳心”。而今年最暖的,莫过于福睿斯推出的“幸福号春运列车”。今年春节期间,长安福特福睿斯联手凤凰网、12306客户端、高铁杂志《旅伴》等平台,在1月30日至3月31日期间联手为春节回家的朋友打造往返于成都—上海的“福睿斯幸福号”专属列车(D3...

    2018-03-29
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress