首页

抖音关闭所有电商外链,剑指京东、淘宝?

资深UI设计者

编辑导读:疫情之下,短视频直播带货意外创造出了流量+电商这种新型合作模式,更是给抖音直播电商的发展添了把火。8月26日,抖音宣布:10月9日后,抖音直播间只支持小店商品,第三方来源的商品将不再支持进入直播间。至此,抖音想要打造电商闭环的野心终于显露,本文作者对此展开了分析讨论,与大家分享。

8月26日,抖音正式官宣将在10月9日起关闭直播间的电商外链,第三方来源的商品将不再支持进入直播间购物车。也就是说像淘宝、京东等其它平台的的商品将无法在抖音直播间内实现直接跳转购买。

而对于抖音这一举措,其实我们并不难看出字节跳动想要在电商业务上与阿里、京东等电商平台“扳一扳手腕”的决心。

今年六月,字节跳动便成立了以“电商”明确命名的以及业务部门,结合其目前所拥有的产品矩阵,开始全面进军电商业务,以解决字节跳动在信息流广告与直播营收达到天花板之后的下一步商业化难题。

这便与2020年最红的风口——“直播电商”不期而遇,因此字节跳动火速开展抖音直播电商方面的布局,力求新的商业化出口。

  • 8月6日,抖音发布美妆品类直播带货新规,非抖音小店的其它电商平台,例如淘宝、京东、蘑菇街等渠道的美妆类产品只能通过巨量星图,发送任务单才能上架购物车,而抖音小店则不会受影响。
  • 8月17日,巨量星图发布公告,自8月20日起,对于第三方平台上架销售的商品,平台将会抽取20%的服务费用,抖音小店则仅收取5%。
  • 9月6日,不仅仅是美妆,全品类商品都需要通过巨量星图发送任务单才能上架购物车。
  • 并且自10月9日起,第三方来源的商品将不再支持进入直播间购物车,也就意味着自10月9日之后,非抖音小店上架的第三方平台商品将无法在抖音上进行直播带货。

从之前发布的章程中我们可以看到,抖音从2019年下半年方才进行电商业务布局,迄今为止才运营了不到一年时间。那为何字节跳动就敢凭借“直播电商”开始与运营了数十年之久的淘宝和其它电商平台进行“正面对决”?直播电商真的有这么大的“魅力”吗?

一、直播电商的魅力

1. “直播电商”——2020年最大的风口

2020年初,一场突如其来的疫情牵动着全国上下乃至全世界的目光,全中国进入封闭阶段,而直播电商也迎来了其飞速发展的契机。受2020年疫情爆发和超长假期的叠加影响,线下购物渠道近乎完全关闭,然而在物流恢复后,线上电商获得了良好的发展时机。

同时直播和短视频用户数和使用时长激增,企业神速转型,品牌线上渗透率提升,直播电商作为快速提升流量转化效率成为品牌宣传销售新阵地,也成为各大平台竞相角逐的热点赛道。

根据艾媒数据显示,截止至2020年3月,中国网络直播用户规模达5.6亿,其中直播电商用户规模约2.7亿,占比48.2%,而受疫情影响,有近7成的用户经常观看带货直播。

根据数据显示,经过前几年直播带货所带来的市场教育,特别是受此次疫情影响,用户对于直播电商的接受程度明显提高,成为了用户生活、娱乐、购物的重要组成之一。

直播电商所带来的影响力,已成为2020年最受关注的营销活动。

2. 直播电商如何带动用户进行消费?

还处于线下购物时代时,我们常常会看到销售员在某个门店或是某款商品前大声吆喝,又或是树立起打折促销的立牌等各种促销活动。当顾客被吸引过去时,销售员往往会通过他们精湛的话术来诱导顾客进行购买。顾客则是被撬动了理性,成为了“冲动消费者”。

如果说电子商务是重构了人-货-场的概念,将销售渠道由线下改为线上的话,直播电商则是将这种线下的营销模式与购物体验搬到了线上。

传统的电商模式是由消费者浏览商品信息去进行商品的挑选,它将商品提供给消费者的模式转变成为由消费者选择产品的模式,而其中主要是人与物的对话;而直播电商不同,影响的是消费者进行选择的过程,实现的是人与人之间的对话。

而为什么人与人的对话会实现更好的营销效果?

结合我们之前所提到的线下营销方式能够刺激消费者的购买欲望来看,直播电商则是进一步强化了撬动消费者理性的方式。得益于直播所带来的沉浸感与互动感,使得消费者对于商品的信任程度在不断的上升,更容易去实现销售活动。

《乌合之众:大众心理研究》中曾提到“从智慧的层面上看,群体总是要比被孤立的个人水平低,更容易受到群体感受的驱使”,表明一个人或个体进入到群体当中后,就会被群体带动,去做一些原本个体不会去做的行为。

而直播带货也是如此,用户通过弹幕、评论、刷礼物等方式组成一个无实型的整体,再由主播作为关键意见领袖进行领导,并给予相应的优惠作为动力驱动,使得用户受到“群体”的驱动,实现“冲动消费”。

直播电商通过更强的互动方式来提升用户再进行购物时的信任感,以此减少用户在进行商品消费时的思考空间,提升情感驱动的价值,从而促进消费者实现冲动消费行为,也因此取得了比传统电商促销更好的销售业绩,成为了近两年最受关注和欢迎的营销方式之一。

二、抖音在直播电商中的布局

抖音其实早在2017年便开始进行电商业务的布局,知道搭乘2020年电商直播的“快车”,便正式开始着手扶植电商业务的发展。

4月1日愚人节当晚,中国最后一个初代网红“老罗”伴随着节日“欢快的气息”,开启了自己在抖音的首场带货直播。世人皆笑谈老罗迫于生计开始“下海”,殊不知挣钱嘛,生意,不寒碜。

根据抖音官方数据显示,这场直播累计观看人数超4800万,订单量50.8万,单场销售额1.1亿元,音浪收入335万元。虽然相较于李佳琦双十一单场直播破10亿的“奇迹”仍有一段差距,但若是排除双十一等直接因素,老罗这次直播热度也可排进直播电商前三的位置。

而之后伴随着“罗永浩直播带货”首秀所带来的热度,抖音开始全面布局直播电商业务。

在功能端:

  • 5月7日,抖音小店开放个人身份入驻,可入驻服装、鞋靴、运动户外、厨具四大行业,不需要营业执照即可申请,只需缴纳500元保证金;
  • 5月15日,巨量星图上线直播业务,提供达人精准推荐,在线下单等功能;
  • 5月15日,DOU+上线“直接加热直播间”功能;
  • 5月26日,抖音直播间新增点赞功能;
  • 5月29日,巨量星图上线“投稿任务”,强化达人变现;
  • 6月初,抖音上线「抖店」APP,有消息显示,小店商家数量已近百万。

同时,抖音通过各类推广活动进行造势,持续获取热度与大众关注。

  • 5月15日-17日,抖音启动“515王牌直播间”主播排位赛,陈赫、王祖蓝、罗永浩分别排位前三;
  • 5月22-6月25日,抖音正式上线“元气学院”;
  • 5月23日,抖音直播“百万开麦”主播扶植计划再升级,除了提供千万曝光支持外,还能帮助优秀的内容生产达人快速实现涨粉、变现;
  • 6月5日,抖音联合4大经纪公司发起“练习生请开播!抖音星主播共培计划”;
  • 6月9日,抖音与混沌大学共建“知识创造营”,陆奇、李善友等名人直播演讲

并且,在6月18日,字节跳动正式成立了以“电商”明确命名的以及业务部门,这也就意味着电商已经明确成为了字节跳动的战略级业务,开始持续跟进业务流程与创新。

三、抖音的直播电商,未来路在何方?

从以上关键节点我们可以感受到抖音当前的直播带货战略,多以签约、培育和挖掘头部主播等来的获取到热度,从而打破淘宝薇娅、李佳琦,快手辛巴等其它平台头部主播对于直播带货行业的“垄断级”影响力。

而数据表明抖音在直播带货元年的建设确有成效,收割了大批流量和资本的关注,为平台带来了持续的热度。但随着时间的沉淀,明星带来的流量除了忠诚的粉丝以外,沉淀下来的粉丝数量相较于总数而言并非十分乐观。

虽然得益于抖音销售额+音浪的方式,帮助实现销量和流量的双丰收,从而带来足够的利润意外,抖音在自身电商平台上的建设仍然是捉襟见肘,与淘宝京东等成熟的电商平台相比,相差甚远。

因此抖音围绕着“打造电商产业闭环”这一战略任务出发,开始切断非平台上架的外链商品,从而促使商家开始入驻抖音平台,打造成熟的商业闭环。

从当下来看,抖音这一手操作,并未能取得多少的利益,甚至还会有损个人商家的销售额。但是字节跳动的目光向来都是比较长远的,他们想来不是为了蹭一波“直播电商”的热度,赚一遍快钱便迅速离场,而是下足了决心要持续深耕平台的电商业务建设。

在这里提一个问题:对于商家和消费者而言,一个良好的电商平台应该是怎样的?是有统一的平台供应链管理、实时的用户数据反馈从而为商家带来良好的销售数字;是有的物流、优质的商品、实惠的价格、亲切的服务所带来的良好购物体验。显然抖音当前的电商平台建设并没有做到这一点。

而通过对商家入驻抖音小店之后进行统一的管理,抖音能够在功能层面为商家提供供应链建设的帮助,提供实时有效的数据反馈从而帮助商家实现灵活的营销推广。对于消费者也是如此,通过平台统一的有效管理,能够以低成本的方式实现更好地产品建设,从而为商家和消费者带来更加优质的购物体验。

从内容出身的抖音,讲究百花齐放、百家争鸣,通过优质的算法能力来尽可能地满足不同用户的不同需求;而电商业务不尽相同,通过关闭第三方外链的方式,来加强对于平台的监管与建设,方能为用户带来更好的购物体验。

抖音凭借着优质的内容不断提升用户感受刺激的阈值,撬动着用户的消费理性。但随着用户热情不断冷却,消费逐渐趋于理性的阶段,抖音是时候开始完善平台电商业务的功能涉及,通过感性来刺激消费欲望,通过理性来维持消费行为。

文章来源:人人都是产品经理    作者:zbb


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

2020-2021 设计趋势报告:多媒体篇

资深UI设计者

伴随着移动互联网的快速发展,5G通信,人工智能,物联网等新技术的发展也越趋成熟,人们接触信息的效率不断在提高,接受信息的纬度也更广泛,如何消化我们在生活中被大量切割的碎片化时间,如何能让用户更聚焦内容不被打扰,拉长用户的停留时间,我们正身处在一个内容快速消费的时代。

长短视频,动画电影,互动装置等形式能够更容易吸引用户的注意力,无论是消费者,创作者或是设计的从业者,制作的门槛降低了,以往是一个团队的输出,现在一个人也能够打造高质量的爆款,人人都是内容的生产者成为了这个时代的标签。文章从设计从业者的角度出发,从摄影摄像,视频动画,动态图形,交互装置等四个纬度来阐述内容设计的制作方法与近几年的风格趋势。


摄影摄像| Photo & Video

实拍一直是多媒体领域最常见也是最不可替代的呈现方式,在他的发展历程中这项技术也衍生出了不少有趣的风格和玩法,随着技术的进步,各种实拍新技术也是不停一直在影响着摄影师拍摄。

1. 微距拍摄

微距,特别适合用来展示被摄物体的细节,比如小昆虫的五官,花蕊上的露水,冰霜上的晶体结构等等。您可以在摄影棚或室外环境中拍摄微观照片和视频,只要您充分放大被摄体即可。通常来讲人眼最近对焦距离是15cm,低于这个距离就看不清东西了,而专业的光学矫正镜头按照近距离拍摄进行设计可以拍摄出一个极端的近景视图,可以得到肉眼无法看到的细节。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 来源于网络

产品为了吸引消费者的购买热情,自然离不开产品宣传片,如今的产品广告不再局限于片面的展示产品,而是开始寻找不同的视感令自己的产品看上去更具吸引力。在很多产品拍摄当中会经常用到微距拍摄的手法,正如前面所说,利用微距拍摄手法展示产品部分的细节有的时候或许可以让画面更有质感。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 威士忌广告片段

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ TOREAD探路者户外新品面料-「遇水搭桥」系列主题微距图拍摄

微距摄影是区别于常规摄影的一种特殊的摄影方法,这门拍摄技术带来的视感也非常的吸引人,但是往往这种特殊的拍摄手法却非常受限于硬件设备,正如我们前面所说的设备参数都是专门的微距镜头设计的。为了抓住这一点,让更多人知道这个有趣的拍摄手法,市面上也出现了越来越多不同的微距镜头给不同需求的摄影师使用。近两年比较经典的一个就是LAOWA24mm镜头,在于它独特的形状可以到达普通镜头无法企及的位置,机位更加独特。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 来源于网络

2. 升格拍摄

升格拍摄无疑是让视频表现提升几个档次的常用手段之一,电影的标准帧速率是24帧每秒,但是为了实现升格就需要一些技巧,比如拍摄的帧数高于24帧每秒,这就是我们常见的「慢动作」。现有的升格拍摄帧数基本上分为30帧,60帧,120帧,240帧,再往上则是影视和特殊拍摄会用到的了。由于肉眼观察高速运动物体是有限制的,在拍摄高速运动的物体的时候,利用升格将画面播放速度变慢便可以更好的观察到物体高速运动时的状态。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 来源于网络

在广告拍摄当中升格镜头也是一个十分常用的拍摄手法,正如我们所说肉眼观察高速运动物体的速度是有限, 往往人们没办法看清楚快速运动的物体,有些产品广告使用慢动作升格镜头加上充分美化的画面便更能吸引消费者的目光。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 来源于网络

拍摄影片的时候在不同的环境之下也会利用升格烘托气氛,在我们看到的很多片子里面有紧张刺激的,煽情的,都会利用升格来烘托片子的气氛。由于相机技术的进步,拍摄变得比以往任何时候都更加容易。今天任何人都可以通过相机和高质量的麦克风轻松地成为vlogger拍摄出好看的旅拍视频,加上升格镜头在硬件技术的加持下可以快速的出效果,令这部分人群创作出更好的拍摄作品。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

3. 无人机航拍

航拍一直以来都是一个不可或缺的拍摄手法,很多的电影以及广告宣传片当中我们都可以看到不少的大范围运镜片段,天空中的视角对与陆地上行走的人来说还是一个十分新奇的视角,一般来说也很难看得到,所以片子中加入航拍的元素往往可以增加不少高级感。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 来源于网络片段

如今技术发展,无人机的民用化推进,市面上各大厂商开始推出自己的航拍无人机,航拍也开始出现在了普通人的视野中,让普通人也可以在高空拍出想要的风景。加上如今4G和5G技术的发展,短视频的流行,令网络上的自媒体人也拥有了更好的展现自己作品的平台,这些拍摄技术的平民化让自媒体人们可以更好的发挥视频创作,而不会总是局限于技术。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 来源于网络片段

4. 高质量色彩呈现

如果你有自己拍摄视频,那或许有听说过LOG配置文件,LOG模式通常在专业和专业消费级相机中所配置的拍摄模式,LOG模式的颜色看起来非常平均,因为这样可以地减少截取捕获的高光或阴影。这使得输出的视频几乎没法直接使用,直到对其进行编辑。它的优点在于,以输出高比溶度的视频方式来调整颜色和对比度(即,对其进行分级)从而可以得到自己想要的视频颜色风格。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 威士忌广告片段

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ ANGIE’S爆米花广告

LOG指的是数学上的曲线函数,并不是一个独立的拍摄风格,而是风格用上了LOG函数转换,在这个模式下我们可以看到无论是明处或暗部LOG都将细节保留了下来,在这个基础之上调出我们想要的颜色方可得到一个更加清晰的图像。在数据图当中我们也可以看到log模式下所有的颜色数据都处于中间值,不会有过度夸张的位置,编辑之后的图像所有颜色的明暗都区分开来了,也形成了自己想要的色调。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ QQ x MINISO

实拍产业作为一个主流多媒体形式一直在发生着改变,随着科技的进步,曾经我们需要大费周章才能拍出来的效果,如今也越来越简单。各种新技术的出现不断地改变着人们拍摄的方式和形式,新的玩法也层出不穷并不断影响着其他的多媒体形式。未来实拍将会更加的简单平民化,让普通人也能拍出曾经大费周章才能做到效果。

视频动画|Animation

纵观整个互联网设计行业发展史,计算机图形技术一直在影响着设计。

1. 和高质量输出

在计算机图形输出里,最终效果呈现靠的是图像渲染(Renderding),渲染又分离线渲染和实时渲染,以往字面上理解则是实时渲染,高质量则是离线渲染。下面介绍一下为了如何可以将两者结合实现高质量输出CG,视频动画。

Realtime-Render (实时渲染):在虚拟世界的图形表现中,实时渲染占有很重要的地位。所谓实时渲染,就是图形数据的实时计算和输出。如果说实时渲染的概念对你很陌生,那如果用实时渲染领域中的一个重头戏来给你举例,相信你就不会有陌生的感觉:那就是游戏。游戏因为需要玩家去互动,因而对渲染的实时性有很高的要求。随着计算机图形技术的不断发展、硬件计算能力的不断升级,游戏实时渲染的画面逐渐从简陋走向逼近真实。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ Unreal engine 4

以上Demo 是专业团队制作完成的高质量短片,但是普通用户想要达到这种级别还是有些难度的。放出这些短片也代表现有的软件技术和硬件设备已经可以达到这个水平,当然有也商业竞争的成分Unity和Unreal 是目前用户最多游戏开发引擎,想要在游戏以外其他领域竞争实时渲染市场份额。也不断在更新自己的技术。这代表除了游戏行业以为其他跟图形有关的(像电影,广告,互联网)行业也慢慢开始进入实时渲染时代,到目前为止实时渲染还没有真正得到广泛应用是因为实时渲染还不能达到想离线渲染那样影视广告级别高质量的画面。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ Visual ASMR Rock by Onesal

离线渲染大概的流程需要经过模型-场景-绑定-材质-灯光--合成-输出,每一个步骤都需要大量的技术支持,像上面阿凡达这类大片级别的影片,为了某个效果很研究开发一些新的技术,所以要详细说明要花很多时间,我们就不详细说明了,回到主题高质量输出上面。所以每一步广告影视作品,都是靠大量的时间和人力堆出来的。那么广告影视这种渲染方式为离线渲染,而游戏为实时渲染。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ Unreal engine 5

实际上二者的区别也就在这,但是就是因为这二者的这一个区别,就引发了不少的技术差别在里面。离线渲染对时间往往没有很极端的要求,用接近现实的光线跟踪算法技术,设置很高的采样值和迭代次数,就如阿凡达每一帧画面需要渲染几十个小时以上,只要画面质量够真实,这些时间成本都可以被容忍。而游戏画面的渲染,也就是实时渲染的话,则在时间上的资源尤其地珍贵游戏所用的实时渲染就没有那么滋润了,先不说几分钟渲染一张这么的事情,就连1秒钟出一张,都不够人看的。对于游戏来说,再不济,也要有1秒20多张,才能给玩家看(还不算能流畅操作的情况)。那么实时渲染有可能用于画面要求高质量的影视广告等行业吗。

虚幻5

2020年5月13号,Unreal engine官网发布了Unreal Engine 5 并在Playstation5上运行进行展示Demo(「Lumen in the Land of Nanite」)

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ Unreal engine 5

该演示展示了虚幻引擎5的两大全新核心技术:

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ Unreal engine 5

Nanite

虚拟微多边形几何体可以让美术师们创建出人眼所能看到的一切几何体细节。Nanite虚拟几何体的出现意味着由数以亿计的多边形组成的影视级美术作品可以被直接导入虚幻引擎——无论是来自Zbrush的雕塑还是用摄影测量法扫描的CAD数据。Nanite几何体可以被实时流送和缩放,因此无需再考虑多边形数量预算、多边形内存预算或绘制次数预算了;也不用再将细节烘焙到法线贴图或手动编辑LOD,画面质量不会再有丝毫损失。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ Unreal engine 5

传统的模型资产做法–先是用Zbrush等雕刻软件又或者是3D扫描等数据模型–重新拓扑为高、中、底三种面数模型–展UV上材质–烘培法线、凹凸等贴图–导入游戏引擎中使用,那么为什么要做那么复杂呢?游戏引擎运行资源越大,可能会导致游戏的流程度和游戏体验不好,为了让玩家有流程的操作体验,通过高精度多边形几何体烘焙法线凹凸等贴图用在低精度多边形几何体上可以保留高模的细节从而节省运行资源提升游戏流畅度,Nanite完美解决了这个问题。

Lumen

是一套全动态全局光照解决方案,能够对场景和光照变化做出实时反应,且无需专门的光线追踪硬件。该系统能在宏大而精细的场景中渲染间接镜面反射和可以无限反弹的漫反射;小到毫米级、大到千米级,Lumen都能游刃有余。美术师和设计师们可以使用Lumen创建出更动态的场景,例如改变白天的日照角度,打开手电或在天花板上开个洞,系统会根据情况调整间接光照。Lumen的出现将为美术师省下大量的时间,大家无需因为在虚幻编辑器中移动了光源再等待光照贴图烘焙完成,也无需再编辑光照贴图UV。同时光照效果将和在主机上运行游戏时保持完全一致。官方的宣传已经非常亲民了,很多业外人士基本知道是怎么回事,也知道虚幻引擎5的优势。简而概之:简化的制作复杂程度,模型师的工作量将大大缩小,二是画质效果又将迈向更高的一个品质。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ Unreal engine 5

Unreal 5 这两大功能可以说是克服了现阶段的难题让实时渲染更接近影视级渲染,然后简化了以前复杂的工作流程,让创造变得更简单了。这代表着以后只要涉及CG类的行业都会发展巨变。

2019年11月12日Quixel 公司被Epic Game(Unreal的公司)收购并宣布Quixel 旗下Bridge(材质管理软件) Mixer(材质编辑软件) Megascans(3D扫描资产)对所有Unreal engine 用户免费,这一爆炸新闻。此前Quixel 是靠卖高精度3D扫描资产盈利的。用Megascans 的3D资产可以创造电影级4K-8K的真实画面,Unreal engine 5的dome也是用的Megascans 的资产,下面的案例(Rebirth)也是用的Megascans的资产。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ Rebirth

在没有免费开放Megascans的之前想要制作8K的3D扫描资产是非常困难的,需要大量的设备和人力支持,在网络上购买价格也不便宜导致普通个人用户是很难制作这样高精度的画面,这一消息让更多的自由职业者和个人艺术家加入了实时渲染的潮流趋势中。让4K创造不再那么困难。

Megascans Ecosystem: Giving more Power to Artists(Megascans生态系统)

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ After the mountain Rain

来自中国的艺术家Fisher Dai(戴鑫祺)使用Megascans和Unreal engine4创造的4K个人作品。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ After the mountain Rain(戴鑫祺)

2020年7月14日Unreal Engine 官方发布一条宣传片(Unreal for all Creator )by The Mill,视频展示了Unreal Engine实时渲染在互联网、游戏、电影、电视、建筑、汽车等行业惊人的表现。

https://www.youtube.com/watch?v=6xbxA8tnlbY

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ Unreal for all Creators by The Mill

2. 更真实的自然质感

伴随硬件技术的发展和软件性能各方面的提升,能够更加真实的模拟自然的运动规律和真实的质感;画面趋向更为克制的颜色呈现;在一些品牌广告短片中,使产品的属性与抽象的自然属性相结合,使用相似的自然形态去表现产品的特性,突显产品的特点。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《Bloom》by Hubert Blajer

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《Mostly wood》by Nejc Polovsak

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《Digital Design Days 2020 titles》

R&D

(Research and development研究与开发)在三维领域是一直有存在的,只是以前大公司才会有的职位,R&D早期是服务存在于影视动画公司的,像工业光魔,迪士尼,皮克斯,这些公司都会有自己的R&D部门,最近几年随着三维技术进步简化,使得更多的人加入这个行业,很多个人R&D艺术家大量的出现在网络社交品平台上,不只是影视动画,还有广告,汽车,消费品等行业。举例R&D在广告行业的应用,艺术家们会对某个产品的材质和物理学的多方面进行研究,并用三维软件(houdini C4D等)视觉化出来,比如下面这个案例的海绵材质物理碰撞模拟。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ Manvsmachine 《No stress Test》

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《A website makes it real》

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ Lukas Vojir R&Dshowreel

3. 突破传统建模方式

使用VR设备进行环境建模工作。

The Loch by Boxfort

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

4. 2D与3D的结合

同样的环境下,人们对于手绘等真实朴实的质感又有了新的追求,各类动画的制作方式得到了不断优化和流程上的整合,在软件使用上也多了更多选择,使得动画的呈现方式趋向于多种形式结合。

例如常见的3D的场景和镜头运动搭配2D的角色动画,使用非常流畅的镜头运动和丰富细致的3D场景,而视觉表现上保留传统2D动画的一些特性,两者结合形成的一种新奇动画语言,在未来还会继续流行。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《PlusOne Manifesto》 By Martijn Hogenkamp

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《Disney XD And Children’s Health》By BLIRP STUDIO

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《企鹅诞生记》By ISUX

Blender 是现阶段很热门的开源(免费)三维制作软件,因为是开源的而且功能丰富所以在市面上已经有了很多个人艺术家使用。Grease Pencil只是个方便三维空间中起稿的辅助性工具,在版本2.8之后这个功能被大幅加强成为了一个超级强大的画笔工具 ,发布以后出现了很多优秀的艺术家用它来创作。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《Futuro Darko》 By Craig Farquharson

5. 影视手法的动态呈现

在这个快速变化的时代,我们趋向追求更快更紧张的刺激感受。受到《蜘蛛侠平行宇宙》、《阿丽塔》这样的动画电影的出现所带来的影响,动画广告在一定程度上混合了影视和游戏常用的一些表现方式,比如更大的镜头畸变和游戏风格的未来元素,快节奏的剪辑手法配合游戏电音,能够在短时间内给观众带来强烈的感官刺激与情感体验。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《Gogoro S3 Future Fast》 By MIXCODE STUDIO

6. 复古怀旧风格回归

在充满了未来感科技感的3D大趋势下,颜色丢失,色调分离,质量损失的颗粒质感,低饱和低保真的画面呈现,也开始带来一种新的视觉感受。过往的动画风格与当下科技感、未来感的潮流碰撞又呈现了新的表现方式。这种风格应用在街头潮流的时尚产品的时候,跟以往60或80年代的复古元素相结合,使用新的设计语言去包装整合,能够强化产品的故事感,引起大家强烈的共鸣和代入感,激发大家头脑中那段美好回忆。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《The Legend of IQOO 戦う!鉄拳》 by 茶山有鹿

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《MouseQ 滑板俱乐部》By ISUX

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《ACE OF SPADES》 by Tony Babel

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《Can of worms》 by Tony Babel

7. 更克制的色调与秩序感

在充斥着各式各样的新鲜元素的当下,节奏更快颜色更有吸引力,各类信息视觉都在捕捉你的视线。干净的色调、简单的视觉、真实的肌理、强调秩序感的动画的出现,使得人在视觉上获得了舒适的体验,很大程度上缓解了极速发展的时代所带给人们的焦虑。

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《BIC》by Artem ‘Hinz’ Yudin

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《Microsoft SharePoint 》

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《Beautyrest》 by Tendril

动态图形| Motion Graphic

突破限制的版式

在当下许多海报等平面视觉都有了动态化表现的需求的情况下,动态视觉的加入打破了很多条框和颜色的禁忌,去掉了华丽的修饰性的元素,在内容的呈现上体现了更多的创意,画面中不断变化的图形排列、动态的3D图形和字体起到了非常吸睛的效果。在大量时尚品牌和艺术活动的宣发当中,画面结合强烈的撞色荧光色,以及波谱的拼贴艺术手法,能够更好的表达品牌传递的时尚感和新鲜感。

1. 视觉设计

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

2. 网页设计

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ CreativeCrew

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ Le Cantiche 1320

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ reed.be

3. 界面设计

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ Olympic Sports Website by Daniel Tan

4. 交互装置|Interactive Installation

近些年来各媒介手段和智能装置应用的兴起,人们已经不满足于单一的视觉感受。电子音乐与拟态三维全息投影相互配合,在不断变化的声光交互光影和空间场景中,能迅速把观众带入多个不同的全新场景的沉静式体验。

AR/VR

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ Fórum Internacional de Gaia 2019

2. 沉浸式视听设计

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《JOURNEY》 by NOHLAB

3. 多媒体交互装置

腾讯万字干货!2020-2021 设计趋势报告:多媒体篇

△ 《Teleport 》By PITCH

在信息爆炸的2020年,Motion的流行趋势在不断变化,有的风格将会继续延续,例如在各个场景中大量应用的3D视觉,会在未来更加普及和优化并趋向于更轻量化的新极简主义;有的风格重新回归到大众视野,例如Y2K、色损故障、颗粒等复古风格和逐帧动画,它们与新环境下的设计语言相互碰撞,给人们带来新鲜的视觉感受;在视觉设计领域,网页设计中融入了更多精彩的交互动画,界面的UI设计中体现了更多激动人心动效语言,版式设计有了动画的加持更大胆更具活力且不断突破现有规则。

随着硬件和软件的跟新迭代,同时我们也看到了更多其他方向的可能性,例如实时渲染以及虚拟现实。据资料显示,虚拟现实的市场规模预计将达到447亿美元,复合年增长率为33.47%,这个市场会逐步打开,影视广告等行业将迎来前所未有的技术革命浪潮。大批更智能的应用软件横空出世,学习门槛的降低使得更多艺术家和设计师共同参与,跨媒介的应用将在未来百花齐放。

多媒体的设计趋势在未来会如何发展,我们拭目以待。

文章来源:站酷    作者:腾讯ISUX

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



高手如何从零开始设计 UI 界面?这个实战案例告诉你!

周周

这是 UI 设计师 Diana Malewicz 的一篇 UI 界面设计的分享。怎样在保证基本的可用性和易用性的同时,让界面柔和、富有亲和力?如何在让用户愉悦的同时,还能用设计取悦自己?Diana 的方法谈不上有多神奇,但是让人眼前一亮,值得借鉴。

真的关注趋势变化,你会清晰的感受到,视觉效果和设计技巧一直在变……它们一直是设计师们的话题中心。但是这篇文章并不打算讨论这个事儿,无论渐变是否流行,新拟物化的可访问性是否不足,都不在今天的讨论范围内。

对于各种风格、方法,我的观点始终是:做出来的设计要可用,有用,有良好的可访问性,用户可以轻松理解,就行了。不过,我更乐于从趋势中获得乐趣,而不是将它视作为约束,如果每个界面看起来都是一样的,那该是一件多么无聊的事情啊。

关键在于,要让产品的视觉样式和你的用户群体匹配起来。

我个人非常喜欢漂亮的渐变和微妙的阴影,这样的设计常常显得魅力非凡。这种自然的过渡和光影的变化,非常贴合我们对于现实世界的感知,这就是为什么这样的设计能够俘获大量没有技术背景的用户的心——因为它们看起来友好,并且易于理解。

在这篇文章当中,我将分享如何将 UI 效果设计得出彩又友好,让视觉效果柔和又让人感觉舒适。本文围绕着一个「面向年轻人的金融 APP」虚拟设计项目来进行展示。

下面我们开始吧!

视觉层次的一致性

怎么让我们的设计看起来柔和圆润呢?下面开始准备工作:

1、选择想要使用的配色(想想使用柔和的粉彩构成的背景主色调,搭配一个给人精致感的次要色,以及一个抓人注意力的强调色。)

2、选择合理的字体(我用的是 Brandon Grotesque,这是我最喜欢的字体,它足够友好,能够营造有趣的氛围,且具有良好的可读性)。接下来,给字体设计不同大小和字重(最好不超过5种不同的样式)。其中,标题字体应该较大,正文字体较小,最小的字体用于细节呈现。注意,尽量不要在长句子里面使用全大写。

3、确定你所需要的阴影的高程(Height)和模糊度。

4、如果使用的是图标,确定使用填充样式还是描边样式。尽量不要混用。

至此,一个小型的设计系统就已经确定了。挺好看的!

2020~2021年UI界面设计趋势

资深UI设计者

2020年已经过去一大半,这些时间以来,我一直在关注数字设计领域未来的设计趋势。从年初就开始收集,到今8月份了,我想是时候将发现的一些趋势风格分享出来,这些风格很有可能继续延续到2021的产品设计上。

对于UI界面视觉趋势,同样需要我们高度重视。毕竟每年改版方向,视觉风格研究是必不可少的一个环节,下面正式开始。

少量的渐变

今年在各网站上看到大面积的渐变色设计,相对前两年来说越来越少,设计上有所克制。大面积的渐变色虽然视觉冲击力强,但大部分停留在概念中。

从今年设计中我们可以看到设计更加理性与克制,将渐变色彩运用到关键功能上,突出强调重要信息。

高手出品!2020~2021年UI界面设计趋势

机票选购界面,将渐变色运用到头部位置去强调功能。

高手出品!2020~2021年UI界面设计趋势

运用在功能卡片上,突出重点信息。

高手出品!2020~2021年UI界面设计趋势

如上图,设计上同样只将渐变色运用在背景上,其他卡片上基本没有渐变色。

包豪斯风格图形

几何图形设计是目前运用最多一个设计手法,今年发现一些比较抽象艺术化包豪斯风格几何图形,在UI设计中大量运用,且效果还不错。

这种图形带来好处就是记忆性强,应用广,它不仅可以拓展在品牌包装,品牌图形延展,还可以运用在UI设计中。

高手出品!2020~2021年UI界面设计趋势

卡片设计采用一些具有意向符号的图形,来表达功能的设计,形成记忆点。

高手出品!2020~2021年UI界面设计趋势

品牌设计上,也是重复这种极简包豪斯风格几何图形。将logo元素提取,进行包豪斯风格化,重复运用在设计中。

有深度的界面

今年这样的设计屡见不鲜,大量3D运用在界面设计中,二维的界面已经不再满足当前设计需要。设计师去探索更多维度学科与UI界面融合,形成一种全新的视觉感官。

uber的概念官网就通过3D来呈现,表达功能亮点。

高手出品!2020~2021年UI界面设计趋势

将二维世界三维化,将是2021年重要的趋势。目前国内外线上有一些产品,开始在部分功能模块使用这样设计手法,如Naver,支付宝等。

毛玻璃效果

可以说是趋势轮回,毛玻璃的效果又回来了。这也是今年在各网站设计上出现频次多一些的设计。

新的毛玻璃效果更加去注重功能说明,用在视觉强调的地方。

高手出品!2020~2021年UI界面设计趋势

如上图设计,毛玻璃运用在顶部关键信息上。这样设计即可减少其他色彩运用,还可以对功能信息进行强调。

高手出品!2020~2021年UI界面设计趋势

毛玻璃效果运用在个人中心,人物头像位置,进行设计强调。

高手出品!2020~2021年UI界面设计趋势

运用毛玻璃去包装UI界面,可以提升品质感与神秘感。

沉浸式界面

将功能与场景融合设计,用户在使用产品过程中,能产生更多情景体验感触。这也是最近今年喊的比较火的一种设计思路。在各网站上,这样设计出现次数越来越多,设计效果冲击力强,得到很多设计师的认可。

高手出品!2020~2021年UI界面设计趋势

场景中关键人物元素与设计进行巧妙集合。

高手出品!2020~2021年UI界面设计趋势

运用超现实设计手法,将人物与酒店场景进行排版布局。

高手出品!2020~2021年UI界面设计趋势

将制作材料与产品集合。

高手出品!2020~2021年UI界面设计趋势

拟真植物元素与土地进行巧妙集合,在视觉上传达逼真效果。

界面排版杂志化

杂志化设计风格鲜明,可以有助产品去打造强化记忆点。杂志化设计的优势可以不受到网格约束,排版使用大字体,同时设计排版上更加个性。我们在做产品概念探索前期,可以多去尝试这样的风格。

高手出品!2020~2021年UI界面设计趋势

拟物化图标

拟物图标又回来了,Apple新版本的Big Sur系统,就采用拟态图标,这也是一个新的尝试,当然也是一个开始。我们很有必要时刻关注这个趋势,未来将会在更多设计中看到拟物化图标的出现。

不过这种风格也不能大面积运用在界面中,我们可以运用在一些关键功能入口设计上。

高手出品!2020~2021年UI界面设计趋势

在天气上的运用,相对之前扁平化设计,目前具有空间的拟物化设计,增加了真实感。

高手出品!2020~2021年UI界面设计趋势

圆形的运用

圆形趋势,我想大家也许会忽略的点,最近几年设计中,圆形的设计无处不在。它的好处不言而喻,亲和力强、场景覆盖广,几乎任何设计都能去用圆形。因此我们有必要去注意圆形运用技巧。

高手出品!2020~2021年UI界面设计趋势

星巴克的web UI概念设计,采用圆形与产品进行集合设计排版。

2021新拟态界面

新拟态趋势是2020年受到广泛关注的趋势之一,这种趋势大量使用了柔和的阴影和微弱渐变,使设计既具有未来感又具有现实感,并且为熟悉的界面带来了新的感觉。相对之前大面积浓厚阴影而言,目前新的简化拟态界面,会克制使用这些元素。

高手出品!2020~2021年UI界面设计趋势

2021年拟态界面,更注重功能与体验。拟态效果会使用在关键功能上,如仪表、按钮,又或者需要重点强调的地方,避免了大面积使用这种设计手法。

写在最后

2021年的趋势相对来说,有继续延续2020年一些设计风格,这些风格将会在继续加强,同时我们也有发现,目前越来越多3D元素与二维界面进行集合设计,能更生动传达功能与将故事,2021年大家务必要注意这种趋势的延续。

作为设计师,我们对设计的思考不能只停留在表象层面,而更多的需要围绕信息传达这一设计的本质功能,以充满自省的精神深化和反思自己的设计意识,同时要时刻保持对趋势的敏感度。将新趋势合理的运用在产品设计中,以产生最大化收益。

文章来源:优设    作者:功夫UX

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

关于医疗产品经理,这7件事你需要知道

资深UI设计者

编辑导读:随着医疗行业与互联网的联系日益紧密,医疗行业对产品经理的需求也越来越迫切。在这个特殊行业中,医疗产品经理需要具备哪些能力,应该如何工作,创造哪些价值?本文围绕医疗产品经理展开,从七个方面展开介绍分析,希望对你有帮助。

越来越多的医疗机构开始考虑设置医疗产品经理这个岗位,但是对于产品经理具体应该做什么工作,可能产生何等价值,以及如何招聘到合适的人才,和这个角色在组织内部如何开展工作,都有很多的困惑。今天我们就简单聊聊这个话题。

总的来说医疗产品经理还是个非常新,甚至可以说有一些超前的职能,传统FMCG和互联网行业的产品经理对应的工作内容和思考方式并不能简单照搬过来使用。我们需要清空过去在这些行业积累的认知,从医疗经营的原点出发,从下面7个方面思考:

  1. 医疗产品经理的价值何在
  2. 医疗产品的设计逻辑
  3. 医疗产品经理的职责
  4. 好的产品经理应该具备的技能
  5. 产品经理需要和哪些部门沟通
  6. 与产品经理相关的组织架构
  7. 医疗产品经理的招聘和培养

一、医疗产品经理的价值何在

产品经理就是足球场上的中场大将,起到承上启下,功放转换的枢纽,具体说有三大作用:

  1. 进攻的发起
  2. 防守的第一道屏障
  3. 三条线的串联

什么是进攻?进攻就是尝试主动去占据一块领地。

对营利性医疗机构来说最常见的情况有4种:

  1. 地域上,新开了一个诊所,或者一家医院,要进攻这个网点覆盖的人群。
  2. 专业上,新增了一个科别,可以多覆盖若干种疾病人群,包括自己存量病人,也包括切割存量市场竞品的份额。
  3. 设备上,新装备了一种设备,可以开展之前不具备的检查、治疗和手术能力。
  4. 还有一种是阶段性行动,在没有新的项目情况下,为了扩大客户群,采取一定的促销行动,最典型的如双十一洗牙9.9。

那么,又何谓防守呢?简单来说,就是对应上述各种进攻的应对。

十年前私立医院还不算很多,也还没有那么多连锁诊所品牌的时候,事实上大家主要都在忙着跑马圈地,短兵相接的攻防其实并不多。现在随着市场参与者的倍增,慢慢开始出现了小区域内的半正面PK,并且我预计在未来两年内可能会出现直接内部指名道姓对标的战斗。

足球场上的三条线是进攻、防守和中场,这里我们所说的三条线,大体对应的是:市场营销、医疗质量和行政职能三大板块。产品经理的重要价值就是能够打通这三条线的隔阂,把整个医院的资源凝结成有效的市场成果。

二、医疗产品的设计逻辑

医疗产品不等于,不等于,不等于“打包套餐”!这个概念请务必建立起来。

首先要厘定什么是医疗产品。

可以用“三个明确”来界定之:

  1. 明确人:由专业医务人员实施的某种行为
  2. 明确物:有标准的资源配比、服务项目
  3. 明确钱:有公开的定价

医疗产品开发的逻辑的源头就在于评估一种医疗服务是否吻合这三个明确,因此不是所有的医疗服务都可能变成“产品”。

比如我们医院口腔科有一个非常棒的医生,专注于牙齿美容,我们称之为“微笑设计”。这种设计是完全量体裁衣的,我们市场团队对他的关注点就主要在故事性的传播,而不是试图将这种高度个性化、动态化的医疗行为产品化。

简单来说,对于符合三个明确的医疗服务,我们对其进行产品化的“化”,是一系列有序的动作:

  • 确定需求
  • 自我评估
  • 调配资源
  • 制定服务
  • 设定价格
  • 内部培训

囿于篇幅,这里我们就不展开详述了。

三、医疗产品经理的职责所系

理想中的医疗产品经理对下面4件事情负责:

  1. 开发新品
  2. 发起促销
  3. 产品监测
  4. 竞品追踪

很容易看出来,这4种不同的职责恰好也就对应了攻防转换的价值所在。其中促销是一个容易被忽视和轻视的事情,“不就是打折然后发个微信(十年前是发短信)推文嘛”——绝对不是这样,促销是一门大学问,打折、捆绑、买赠、兑奖、积分凡此种种。不仅花样很多,更重要的是背后的深层次的思考,是“为什么”。

另外,目前的医疗机构基本上也没有人比较认真、成体系地做竞品追踪。这样会失去潜在市场机会,非常可惜。

四、好的产品经理应该具备的技能

我认为一名出色的医疗产品经理应该在下面四个方面都具备一定的能力,没有特别的短板:

  1. 学习能力
  2. 同理心
  3. 数据敏感性
  4. 表达能力

特别就同理心和表达能力简单阐述。同理心,即换位思考,用现在更流行的话说,是场景意识。能否准确地设置出用户的场景,体会到用户的感受,会直接决定产品带给客户的体验,进而一系列结果:定价、毛利、传播ROI、客户口碑,口碑带来的新客增长,等等不一而足。

而表达能力则是决定这个产品经理是否能实现“串联三条线”价值的决定性因素。医院是一个观念高度保守,流程高度复杂的行业,很多人雄心勃勃地进来,最终死在“搞不定那些人”上。因此,优秀的表达能力,包括书面和口头表达能力,是遴选医疗产品经理必须考量的重要因素之一。

五、产品经理需要和哪些部门沟通

我不是危言耸听:产品经理几乎要和医院里所有部门打交道。

常见的如下面这些:

  • 医疗
  • 护理
  • 财务
  • 客服
  • 呼叫中心
  • 新媒体
  • 地推/线下活动
  • 推荐:独立的数据部门

医疗、护理和财务对于产品工作的重要性相信无需赘言。后面几个呢?

试想,你精心设计的卖点,是你自己拉着每一个潜在客户去吆喝么?当然不是,客服要帮你介绍,新媒体要帮你写文章、画插图。他们是不是要吃透你的意思?如果涉及填表、兑奖,要不要和客服商量流程?遇到产品的技术较为复杂,需要不需要策划一些活动帮助客户直观理解其价值?最后,当潜在用户感兴趣而打电话给呼叫中心的时候,接线员是否已经被你提前武装好,能充分回答各种提问了?

至于独立的数据部门,是我的一个强力推荐。传统上由财务和病案提供的数据,更多聚焦于“既往”而很少关注“开来”。如果不由同时懂得医疗业务和有商业经验的数据部门处理,很难直接推动运营的改善和提升。

六、与产品经理相关的组织架构

很多人问我,产品经理属于市场营销部门吗?难道不是属于运营部,或者医疗企划之类的部门吗?

别忘了,市场营销最基本的范式——4P中第一个P就是产品,Product。只要你所在的医疗机构设置有相对完整的市场部门,就应该在其中设置产品经理岗位。或者反过来说,如果你准备建制产品经理岗位,从一开始就应该将其设置在市场部内,并从头开始考虑这个职位所需要的上下游角色和他们之间的衔接。

如前面所分析的,产品经理的后端,一定要有提供数据支持的部门,前端一定要有专业的传播团队,这样才能实现产品的潜力。横向上,产品经理和他的上级,一定要高度重视与客户服务团队的紧密合作。

七、医疗产品经理的招聘和培养

老实说,现在几乎没有多少现成的、成熟的医疗产品经理。因为营利性医疗行业太新了,而产品经理这个岗位在这个行业又是近一两年刚刚兴起的角色。

从招聘角度来说,我建议不要拘泥于候选人必须有医疗背景。我就没念过医学院,十一年前入行,就这样摸着石头过河,也多多少少做过一些还不错的产品,有过几个“爆款”的心得。相对来说,我更看重候选人是否有完整的商业思考逻辑能力。

换一个角度来说,还可以在医院内部挖掘有潜力的人才,从临床部门转型为产品经理。最关键的环节在于这个人是否有足够强烈的兴趣。世上无难事只怕有心人,有医学院背景的人才,只要对产品工作发自内心感兴趣,就有很大的转型成功概率。

文章来源:人人都是产品经理    作者:易亮 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

2020年的8种UI/UX设计趋势

ui设计分享达人

世界和技术正在飞速发展,每年都会影响设计趋势的走向。作为设计师,我们需要了解现有和即将到来的设计趋势,不断学习,改进和扩大我们的知识储备,以便与时俱进。

根据研究、经验和观察,我们非常仔细地选择了2020年应该注意的8种UI / UX设计趋势。那就让我们开始吧~


简介:2020年8种UI / UX设计趋势


1. 动画插图

通过对插图,或者让插图进行运动,可以使我们的设计脱颖而出,并使其栩栩如生-增加额外的细节和个性。


2. 微交互

微交互完美证明了:着重于细节和发扬这些细节可能会大大改善你的APP的用户体验,并将使之更高能/更。


3. Web和移动界面中的3D图形

新的Web浏览器功能为3D图形打开了大门,作为设计师可以在现代Web和移动界面中创造和实现惊人的3D图形。


4. 虚拟现实(VR)

游戏行业常将创新、和新技术带入产品设计中。


5. AR技术

在AR空间中,有无数令人兴奋的体验机会。AR的UI设计将成为2020年的主要趋势之一,因此,作为设计师,我们应该做好准备,并主动在创建AR体验时学习新的工具和原理。


6. 新拟物

VR / AR技术的增长,以及最流行的设计平台上显示的那些优秀的设计告诉我们:设计趋势可能会使拟物设计在2020年卷土重来,但这一次,它会加入更多现代时尚。


7. 不对称布局

非对称布局有很大的创造空间,不过创建优秀的非对称布局需要我们有一定的经验和时间去处理它。


8. 讲故事

讲故事就是以最佳的信息和创意方式将数据传输给用户。讲故事也是一种出色而有效的营销工具,可以极大地提高你的产品/服务的销售额。




1. 动画插图

插画在产品设计中已经存在了很长时间。最近几年的发展更是令人瞩目。插画作为非常流行的设计元素,为我们产品的整体UX添加了「自然的感觉」和「人性化的感觉」。插画也是吸引注意力的焦点:通过对这些插画进行动效的展示,可以使我们的产品栩栩如生,并使它们脱颖而出-增加更多的细节和个性。

欢迎来到我们的商店!



入职动画



动效展示的另一个好处是可以吸引用户的注意力并使用户与您的产品互动。动画也是讲述您的品牌、产品或服务故事的最有效方法之一。




2. 微交互

微交互几乎存在于每个APP或网站中。每次打开喜欢的APP时,你都会看到它们。例如,Facebook有大量不同的微交互,其中「赞」功能就是一个很好的例子。虽然有时我们甚至不会特意感知到它的存在,因为它非常明显的、自然的「融合」到用户界面中去了。但是如果你从界面中删除它们,你将很快意识到,某些重要的功能丢失了。

菜单切换关闭动画



标签栏活动动画



一般来说,在UI / UX设计中,有时即使很小的更改也可能产生巨大的影响。微交互完美证明了细节和发扬它们可能会大大改善你的APP的整体用户体验,并将其置于更高能/更的层次。在每一年,每种新设备都会带来新的创造全新的微交互的机会,当然,2020年也不例外。


















3. Web和移动界面中的3D图形

3D图形几乎无处不在-在电影,视频游戏,街头广告中。3D图形是几十年前才被引入到产品设计中的,从那时起,它已经得到了极大到改善,并得到了高速的发展。移动和网络技术也在快速增长。新的Web浏览器功能为3D图形打开了大门,我们作为设计师可以在现代Web和移动界面中创建和实现炫目的3D图形。

3D翻转菜单



汽车健康报告用户界面



创建3D图形并将其实现到Web和移动界面中需要一些特定的技能和大量的工作,但是通常结果是非常有意义的。

Apple AirPods Pro登陆页面



3D图形以一种更具交互性和吸引力的方式来展示产品或服务:例如,可以以360度演示方式查看3D图形,从而改善了产品的用户体验。

在2020年,更多的品牌将使用3D模型来展示产品或服务,打通线上线下,以模拟现实世界(店内)的购物体验。



4. 虚拟现实(VR)

2019年对于VR来说,是重要的一年。在过去的几年,我们见证了VR技术的发展和其不可思议的效果,其中大部分是在游戏行业。游戏行业通常会首先在产品设计中引入创新和新技术。研究证明VR也不例外,2019年Oculus Quest推出后,其他行业也尝试了很多可能性。Facebook首席执行官马克·扎克伯格(Mark Zuckerberg)已经测试了令人兴奋的手部交互功能,并于2020年初正式宣布了Quest的手部跟踪更新!

Oculus Quest-手互动功能



PlayStation虚拟现实网站设计



索尼和微软将在2020年发布其新一代游戏机。这些将为虚拟现实技术带来很多机遇和增长空间。




5. AR技术

过去几年中,我们看到了AR的许多发展和改进。世界领先的科技公司在AR开发方面投入了数百万美元,我们应该期望在2020年行业会扩展和发展此项技术。甚至苹果公司也推出了自己的AR工具包ARKIT 3,以帮助设计人员和开发人员构建基于AR的产品。


ARKit 3 苹果


公共交通应用



Nathan Riley的植物之家AR概念



在AR空间中,有无数令人兴奋的体验机会。AR的UI设计将成为2020年的主要趋势之一,因此,作为设计师,我们应该做好准备,并主动在创建AR体验时学习新的工具和原理。




6. 新拟物

一般来说,拟物设计是指以逼真的样式/方式创建的设计元素,以匹配现实生活中的对象。VR / AR技术的增长和最流行的设计平台(Dribbble,Behance等)上显示的设计趋势显示:拟物设计可能会在2020年卷土重来,但这一次,它会加入更多现代时尚。同时有了一个略作修改的名称:“新拟物” (也称为Neumorphism)。

Skeuomorph手机银行的黑暗模式



音乐播放器



睡眠周期应用程序



我们可能已经注意到:「新拟物设计」代表非常详细和的设计风格。高光,阴影,发光都被运用在设计中去。他们对细节的关注令人非常印象深刻。这已经启发了来自世界各地的许多设计师,并且很有可能成为2020年最大的UI设计趋势。




7. 不对称布局

在过去的几年中,我们注意到产品设计中大量使用不对称布局。基于  传统/模板 的布局渐渐消失。2020年将依旧如此,因为这一趋势将继续保持。正确使用非对称布局会为我们的设计增加很多特征、动态和个性,或许它们将不再拘泥于模板。


Limnia高级珠宝首饰网格



卡琳时装商店



创建非对称布局时、有很大的创造空间。尽管创建成功的非对称布局需要一定的经验和时间、将元素随机放置在网格上当然是不行的)  此外,应谨慎使用和实现它们-因为我们要始终牢记用户的需求:我们不希望用户使用我们产品的时候感到困惑。



8. 讲故事

故事在产品设计中的用户体验中扮演着非常重要的角色。可能会在登录页面上经常看到它们,作为对品牌,产品或新功能的介绍。讲故事就是以最佳的信息和创意方式将数据传输给用户。这可以通过「版权(品牌)保护」与「强大而平衡的视觉等级」(印刷术,插图,高质量照片,大胆的色彩,动画和交互式元素)混合来实现。

讲故事就是以最佳的信息和创意方式将数据传输给用户。 



「本周青年实验室」页面故事动画


讲故事确实有助于在品牌和用户之间建立积极的情感和关系。讲故事还可以使您的品牌更令人难忘,并使用户觉得他们是我们产品或服务的一部分,因此他们希望与他们建立联系。话虽如此,讲故事还是一种出色而有效的营销工具,可能会大大提高您的产品/服务的销售额。作为非常成功的工具,讲故事将在2020年继续并扩大。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服

文章来源:站酷  作者:一个辛普森



上半年最热门的新拟物设计趋势是如何演变的?

资深UI设计者

新拟物化——Neumorphism ,这么说可能不容易理解,但如果说「新拟物风格」,想必 UI 界的设计师们就知道这股「风头」,在2020年刮的多么凶猛了。

乌克兰设计师亚历山大·普卢托 (Alexander Plyuto) 在 Dribble 平台发布了一张 UI 作品《Skeuomorph Mobile Banking》,由于该作品使用了拟物化的设计风格,令人耳目一新,导致了作品的热度持续飙升,并登上了平台 Popular 榜首。Dribble 的评论区直接炸开了锅,大家纷纷讨论。

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

△ 普卢托的《Skeuomorph Mobile Banking》,获得了3000多次喜欢

随后一位评论者杰森·凯利(Jason Kelley)在评论中将 New Skeuomorphism 「新拟物化」组合得到的 Neuomorphism 称为「新拟物」 ,并决定去掉「 o 」,于是新设计词汇「 Neumorphism 」便产生了。之后大家便用此做 Tag ,为自己的新拟物化设计作品打标签上传。

此风格的出现也给一直流行的扁平化设计添加了新的展现形式。今年2月初,三星召开 Galaxy Unpacked 活动,为宣传新设备而发出的邀请函,便应用了新拟物化。

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

△ 凸出的部分,用来比喻新机型的卖点

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

什么是新拟物风格?

想要了解新拟物的由来,就必须知道拟物的概念。拟物又被称为拟物化,或是现实主义(Realism),概括的说其主要目标是使用户界面更有代入感,降低人们使用的学习成本,产生熟悉亲和的情感联系。

A skeuomorph, or skeuomorphism is a design element of a product that imitates design elements functionally necessary in the original product design, but which have become ornamental in the new design. Skeuomorphs may be deliberately employed to make the new look comfortablyold and familiar.

via:en.wikipedia.org/wiki/Skeuomorph维基百科上关于拟物化的释义

Apple 苹果公司最早提出了拟物化的设计概念,通过模拟现实物体的纹理、材质来进行界面设计,当时的 UI 设计师们都为拟物化设计「痴狂」。苹果创始人乔布斯也非常推崇拟物化,他认为:「通过拟物化,用这种更加自然的认知体验方式,可以减少用户对电脑操作产生的恐惧感」。不妨来回忆下曾经拟物化的 IOS 界面:

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

△ IOS 5系统中的相机展开状态(拟物化的镜头)

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

△ 拟物化的精美 ICON

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

△ IOS 6系统中,被精细刻画的录音机(底部指针也很惟妙惟肖)

而新拟物则是拟物的变体,在拟物的基础上改变了图形的样式,让设计元素看起来更有真实感,不再是精细的模拟,更像是从界面中「生长」出来。设计师 Michal Malewicz 以卡片的形式,将新拟物和质感设计(Material Design)对比,阐述了二者在实现时的差别。

新拟物卡片给人呈现的是一种无缝隙的「闭合」感,由界面中凸起;而质感设计卡片,则是漂浮状,阴影向四周发散,没有边界限制;二者的光影效果也非常明显,新拟物偏柔和,质感设计则相反,非常凸显物体本体。

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

Michal Malewicz 还标注了新拟物卡片的背景、阴影和高光的色值,整体色调比较接近。

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

拟物化风格的结构由背景色+高光色+阴影组成,掌握了基本规律,就可以通过改变按钮、卡片的参数进行调整变换。

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

△ 形状、阴影参数的不同,实际效果也有区别

新拟物风格在UI层面的设计表现及趋势?

新拟物也经常被拿来与扁平化比较,因为拟物和扁平化是两个相对的概念。其实在苹果创造的设计系统的早期界面其实是非常拟物风的,但系统从 IOS 7开始,才转向扁平的设计风格。

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

随着 AR、VR 技术的进步,其实对于真实物理环境,或者说对显示效率的提升之后,我们对接近物理环境的设计更热衷了。比较有代表性的就是 Google 推出的 Material Design System,它基于人们去模拟真实的物理世界的样子,进而在数字世界里展现我们对于真实世界的一个反馈后,这样的设计流程和逻辑,也让我们的设计更真实,更具有感染力。当然也不止 Google 一家发布了这样偏拟物化的设计风格。

从美学角度来看,其实新拟物化抛弃了之前很多拟物化里不必要的冗余,比如一些阴影、细节的繁琐设计,更偏近现在先进科技发展的设计风格。比如 Windows 推出的 Fluent Design System ,正迎合了未来的 AR、VR 技术广泛普及后的设计环境,希望打造一个先趋的设计系统。

在 Fluent Design System 提到的特点有:Lignt、Depth、Motion、Material、Scale。

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

1. Lignt

光照,它指的是点击或 Hover 的动作上面加入光照的效果,或是像柔和的光源洒落在空间中,可以去反应物体本身的反光质感,它和 Material Design 强调的光影的扩散的光影效果是不同的概念。

2. Depth

深度,其实它的概念从 Material Design 开始就已经被强调了,但是 Fluent Design System 希望是用更多的方式去呈现,比如井深的模糊效果,视差滚动的动态效果,物件彼此的大小与位置等等。

3. Motion

动效,其实它想强调的动态效果更接近真实的世界,更强调细腻的变化,比如李安的电影「比利·林恩的中场战事」,这个电影拍摄的帧数与以往传统电影不一样,看起来的感觉会更加的流畅自然,你体验过之后会很难回去之后那种电影呈现效果了。而 Windows 强调的 Motion 也是一样的,比起这种单调的动作,它也会去强调每个设计对象彼此之间的动态效果的时间差,看起来会更加的流畅自然。而且与真实空间中前景后景的物理概念一样,不同的时间差会更容易凸显出想要凸显的主题效果,也会更加的聚焦。

4. Material

材质,其实在 Windows 提出的 Fluent Design System 里面,它会出现大量的模糊,透明的背景。也就是模拟毛玻璃的材质感。通常也会代入一些微光源的效果。除了能够吸睛,吸引你的视觉之外呢,其实在 AR、VR 的界面上面感知空间中的物件是很重要的,所以模糊的背景的利用可以在不影响观看内容情况下,还能起到背景暗示的作用。其实毛玻璃效果在 Windows 系统中已经被运用到了,但是由于当时的效能以及干扰视线的问题仅仅运用在了一些小区域,而这次 Fluent Design System 的就成为了最强烈的视觉焦点,其实同样的 iOS 和 Mac iOS 系统里面在最近的更新也大量使用了模糊效果。

6. Scale

缩放,在视觉上眼前的物体大,后面的物体小,所以缩放也是来营造空间感、纵深感,尺度感的这样一个设计特性。

新拟物风格在设计上的应用体验?

1. 界面设计上的特点

常应用于图标、卡片或按钮元素设计上,背景板多为干净的纯色;界面平滑,没有明显的颗粒感;

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

△ HYPE4《 Neumorphic Bank Redesign in Dark and Light mode 》

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

△ Filip Legierski 《 Banking App 》

按钮的外边框均设置了阴影、渐变效果,突出立体感;

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

△ Samson Vowles《 Neumorphic dark ui kit components 》

在视觉处理上,凸出的按钮为可点击的状态,凹进去则代表已选中。

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

△ Emy Lascan《 Freebie Neumorphic UX UI Elements 》

2. 被吐糟的缺点

层次结构弱

Whale Lab 观察发现,新拟物弱化颜色区分而强调近远景阴影布局,所以整体色彩都相近,除了在个别的位置加入其它颜色点缀,用户识别起来也会迷茫;而卡片、按钮都使用了阴影,高光效果,层次结构不明确,也很难带来流畅的体验;

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

△ 新拟物风格,Filip Legierski《 Neumorphism UI Elements 》

对比度和视觉限制

明显的对比是界面设计的重要原则。由于新拟物风格具有各种阴影色调和角度,可单击的内容与不可单击的内容区域在哪里不是很好区分。根据产品的功能和要求,每个应用神经同构的产品都可以具有自己的UI阶段规则;但是由于阴影,角度和浮动水平的不同,由于缺乏一致性,迷失方向的可操作项,「神经变形」会给用户带来混乱,最终为残疾用户造成使用障碍。

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

如同下面这个例子,按钮状态已点击和未点击的一个效果,由于受压状态的反差太小,则看起来的效果也没有什么不同。

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

增加开发难度

更为严重的是,不少设计者在使用 Neumorphism 进行界面开发过程中,也遭遇到了不少局限。要实现这个风格,主要有两个方式:

卡片、按钮切图,每个状态(Normal、Hover、Pressed)都要裁切,导致资源库图片量过载;

代码实现,这个风格的实现效果是对元素增加两个不同方向的投影,但需要开发对每个元素添加投影,样式代码增多,工作量浩大。

网站neumorphism.io,可以快速生成 Neumorphism UI 。设置按钮的参数值,就能看到多样的新拟物化效果,非常神奇!

完整梳理!上半年最热门的新拟物设计趋势是如何演变的?

新技术、事物、趋势的出现,起初都会给人们带来焦虑甚至是恐慌。不管是拟物还是扁平,Whale Lab 觉得若是绝对化的去推崇某一种,都是错误的,尽管苹果放弃了拟物进入扁平化,也不一定代表扁平就是最好,毕竟二者始终相辅相成。不敢否认,新拟物风格在今后是否变得「真香」,但对于设计师来说,从用户体验、产品出发的优秀设计,都值得被认可与尊敬。

文章来源:优设    作者:UX辞典

2020年最值得关注的10个UI设计小趋势

资深UI设计者

编者按:这篇文章来自 UI 设计师 Diana Malewicz,她在日常工作中会非常注意 UI设计的流行趋势,而这篇总结就是她梳理总结的10个小趋势。它们更多的是偏向 UI 视觉方面,并不涉及到体验和交互。

最近我花了不少时间来观察 UI 设计的发展趋势,我偶然间注意到了不少很有意思的苗头,或者说设计趋势。我认为这些设计趋势,能够在不久的将来塑造更加独树一帜的UI 。

下面是我所梳理总结出来的 10 种趋势。

1、新拟物化

的确,新拟物化是2020年处于风口浪尖的一种视觉风格,无论你喜欢不喜欢,觉得它可行不可行,它现在都已经是一个确定的、成型的风格,并且会持续存在着。

不过,新拟物化从最初诞生到现在,已经有一定的改变了,并且在向着更加复杂、完善的方向发展,有着更为良好的可访问性,开始具备更多拟物化的设计特征,但是更加新鲜、现代,并且更能渲染出独特的氛围感。

2、柔和渐变

渐变这种设计趋势正在进入两极分化的一个阶段。一方面,在视觉设计领域,一部分渐变变得更加夸张,但是在 UI 设计领域,无论是背景、UI元素(比如按钮、卡片和图形),渐变依然存在,只不过会显得更加微妙柔和。

在 UI 设计领域,还有的设计师会使用双色渐变,并且结合模糊效果,让它更加柔和。

3、几何元素

几何元素既可以作为背景来使用,也可以作为装饰细节,让你的设计越来越有趣。几何元素在最近几年受到的关注非常多,在设计上的应用也颇为广泛,甚至有人将几何元素拼接成为马赛克,最终呈现出来的视觉效果非常酷!

4、色调柔和背景

必须说,我个人是非常喜欢这种设计趋势的。我已经看到了很多令人惊艳的、轻巧且极富美学价值的背景设计,它们用明亮柔和的色彩铺满背景,展现出极强的色彩和搭配的技巧。

使用色调柔和的背景能够让整个设计都显得现代而沉静,清新,让内容真正抓住用户的注意力。

5、插画和3D元素

插画毫无疑问是非常流行的。不过,不论是配色还是视觉风格,无论是什么样的插画风格,最终的目标依然是要契合产品和 UI,所以很多插画都选择了相对扁平的风格,或者选择模拟类似3D的视觉外观。相比于每个数字项目都在使用的免费图片,插画真的是向前走出了一大步!

在这篇文章当中,我有分享在 UI 中使用插画的一些简单技巧:

6、抽象图形

和传统的规则的几何图形不同,抽象而不规则的图形可以让界面显得更加不拘一格和好玩,更通俗的来讲,就是让 UI 界面更加「有机」,我认为这是一件好事。使用钢笔工具在原始的圆形和矩形上进行编辑,尝试不同的轮廓,承载不同的颜色和渐变效果,最后生成的效果会非常有趣。如果你不想去自己绘制,可以尝试一下 Blobmaker 这个工具,能够帮你节省时间~

7、深色模式

深色模式在这2年绝对是人所共知的一个设计风尚了,如今的深色模式 UI 设计已经深入到各个不同的应用。简单来说他是整个界面配色反转之后的效果,便于用户在深夜更轻松地浏览界面信息。只不过在具体的设计实施上,深色模式远不是简单的色彩反转就可以实施的,有很多注意事项,尤其是在对比度控制上,具体可以看看下面的文章:

8、倾斜角度呈现

最初大家在 Dribbble 上会倾向于使用非标准的排版布局方式来呈现UI界面,后来这种展现方式开始逐渐在实际的设计项目中应用开来。在实际的设计当中,绝大多数情况下都会挑选30度到50度之间的倾斜角度。这种方法非常不错,可以多尝试。

9、弥散的阴影

阴影是拟物化设计当中最重要的视觉元素之一,而如今它又再次大规模流行开来了。只不过相比于之前「沉重」的阴影,柔和的弥散阴影在美学上更加令人愉悦,通常,阴影会让 UI 元素的「可点击感」更强,并且有助于区分界面中的层次结构。在这篇文章当中,我有详细说明:

10、简约加粗的字体

实际上早在 iOS 7 的时代,曾经一度流行过笔触纤细且字体宽度比较窄的字体,不过很庆幸这个时代过去了。现在所流行的字体更加讲究字体的可读性,字体的外轮廓都大体趋近于正方形,外观显得更加大气而现代。如果你正在寻找类似这样的字体,可以试试 PoppinsMontserratGilroySofia ProProxima Nova 等字体。

写在最后

这篇总结,基本上都是基于我个人对于趋势的观察和了解,在我看来,它们都有着非常强大的生命力,UI 设计的未来会更加富有希望。

文章来源:优设    作者:Diana Malewicz

5G将开启全新的出行方式

ui设计分享达人

5G以其更快的速度、连接和云访问,将大数据引进车内





在MWC上,华为、小米、三星等通讯企业纷纷发布了5G手机,而吉利也在2月26日的MWC上,宣布了与高通和高新兴合作发布吉利全球首批支持5G和C-V2X的量产车型计划。可见5G时代对于各大车企来说有着巨大的影响,尤其是车联网产业。那么,在5G环境下,汽车行业究竟有什么变化呢?



5G是一代的移动网络,凭借高带宽和低延迟,提供了更快的速度、连接和云访问。5G的最大速度可达到每秒20GB,比4G要快100倍。它可以应用于手机、无人驾驶、VR、电影、充电桩、医疗、农业等多个领域。而基于5G通讯技术推出的C-V2X,是实现无人驾驶和车内技术的重要前提。



万物互联


万物互联是自动驾驶汽车发展的关键,基于5G通讯技术推出的C-V2X能让联网车辆与交通基础设施进行通信。通过5G可以实现自动驾驶汽车彼此之间所有数据的沟通与互联。并与交通灯、道路、传感器、停车场等基础设施之间的信息互联,最终实现车路协同、万物互联。



车车互联提升驾驶辅助


在5G环境下的汽车,可以通过云计算来计算车与车之间的距离、车辆的下一步动作、隐藏车辆可视化、零误差高清导航等信息。同时,也可以与其他车辆实现共享数据,提升ADAS和AEB等驾驶辅助功能,来避免车辆之间发生碰撞。



智慧交通引领场景化设计


5G环境下,大量的数据将被引入车内,来提供更准确的数据信息。如,高速收费、红绿灯、RTTI、实时车位情况、消费支付、行人检测等情况。众多的交互有助于车辆更好的了解环境信息,并作出反馈,从而提供更好的场景化设计。如,自动超车、协作式避让、自动播报前方道路拥挤程度并重新规划路线功能等场景化设计。



再比如,哈曼正在研发的交通信号灯速度优化建议技术,帮助司机根据红绿灯信息调整时速;西亚特测试了在交通信号灯中安装热像仪,以检测行人的动作并将数据反馈给汽车。



车、商业、家居互联改善驾驶体验


当车辆与酒店、商场、影院、餐厅、健身房、加油站、家居、充电桩等场所相连接,就需要以5g结合C-V2X技术的部署为基准。从而根据车主的需求,更快地预定房间、订餐、定电影票、充电桩、商场优惠等活动,实现终端之间更的通信。



比如,我们要去看电影,那么车辆会根据实时路况(是否拥堵、有几个红绿灯、是否有车祸)为您选择最佳的路线方案,并通知停车场到达时间,以方便确定是否有符合您时间的停车位,从而得到及时的反馈。




车载娱乐


可以说,如今我们所说的无人驾驶、车载触屏、全息投影、AR(增强现实)、VR游戏、AR-HUD、实时电影、车辆之间影片共享、移动办公、多模态交互等车载信息娱乐,都是需要在5G环境下来完成的。在未来,你可以在车内利用几秒的时间下载一部电影,也可以在车内与其他车辆之间建立网络游戏通信,实现虚拟内容与车辆运动的实时对接。



奔驰与哈曼合作开发的MBUX信息娱乐平台也引入了增强现实(AR)的车载导航系统。


MBUX信息AR车载导航系统

BMW Vision Next 100 AR-HUD


奥迪发布的“沉浸式车内娱乐系统”,让乘客在车内佩戴VR眼镜,然后车辆会根据行驶路线路况,实时匹配逼真的电竞类影片。


奥迪发布的“沉浸式车内娱乐系统”

手势交互

车载机器人

全息投影

移动办公


安全驾驶


未来的汽车将变得更加安全和,因为5G凭借其更高的带宽、最小的延迟和零误差高清导航,能够预防事故和观察到车身周围的各个角落。再结合C-V2X技术将极大地促进车辆之间、车辆与行人、道路基础设施之间的信息流动和监控车辆异常情况。从而做到提前预知危险,并迅速作出响应来提高道路安全性。另外,5G对于阻止黑客攻击和数据拦截能够得到更快响应,从而保障通讯安全。



想象一下,如果你的车可以在1毫秒内做出反应并将反馈传达给数百人,那么,危险系数就会降低很多。5G时代,端到端的时长为1毫秒,同时1平方公里内可同时连接100万个网络,足以满足智能交通和自动驾驶的要求。



无人驾驶


5G是实现无人驾驶最为关键的因素,如今,5G的成功研发有助于车辆之间大量的数据传输和存储,实现车联网的同时,也保障了车辆行驶的安全性;另一方面,5G可实现数据更快速的云访问,从而更有效地减少传感器技术的成本,最终实现无人驾驶。


总结


5G以其更快的速度、连接和云访问,将大数据引进车内。从而,在提升驾驶体验的同时,实现了汽车与万物的互联,保障了汽车驾驶中的安全性,从而为无人驾驶汽车提供了技术支撑和更便捷和的信息娱乐系统。


  • 5G将成为未来十年全球主导的移动通信标准;

  • 基于5G的C-V2X技术,会加快无人驾驶技术的落地;

  • 5G环境下的车载信息娱乐系统将改善用户驾驶体验,同时催生大量的市场新机会;

  • 共享平台下,5G将根据实时路况作出更准确的判断,从而减少时间成本和停车成本;

  • 5G远不止应用于汽车、手机,它将应用于医疗、机器人、农作业、航空等更多方面;

  • 5G技术为无人驾驶的实现提供了技术支撑和安全保障,同时也降低了安装传感器技术的成本;

  • 5G实现了车与车、道路、家居、商业之间真正意义上的“车联网”,为交通提供更准确的交通信息和通信信息;

  • 5G将会提供更多的场景,从而加快市场社会变革和新的商机,但需要大量的资金投入,能否将技术化为盈利是一大问题;

  • 5G以毫秒的速度,提供更精细的地图数据和更高级的驾驶辅助,并作出快速的反馈,提高了驾驶的安全性,对于减少交通拥堵,提高交通效率和道路安全有着积极的作用。



转自-站酷

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务




2020的UI设计趋势,我先收藏了(上)

ui设计分享达人




设计总是在变化。在过去一年里,我们不仅看见了五福的C4D运用,双11的动效插画运用,以及大量AR/VR智能的设计,还有苹果黑暗模式的普及,新技术带来新的体验和解决方案。2020年,关注研究新兴的用户体验趋势,前段时间,在我星球里,我带着设计师一起来研究关于2020界面设计趋势,希望能帮助大家是设计中有所启发。



 研究背景 



 随着UI/UX领域人工智能的发展,和虚拟现实等新技术的变革,从前单一的内容很难满足用户的诉求,用户的诉求也变得千人前面,所以在研究趋势之前,我基于这些关键词,来分析2020的设计趋势。




 色彩趋势 



1.彩虹渐变


这两年来,彩色渐变一直是设计趋势,设计师将大胆的渐变,饱和度更高的渐变运用在设计中去,让整体的色彩感觉,更加年轻化与活跃。



 Apple一直是这个领域的引领者,随着当年iPhoneX的发布,彩虹的渐变色,大胆的渐变风格瞬间成为设计师笔下的弄潮儿。



 这组插画中,作者就运用了大面积的渐变,两种颜色的运用,通过重叠,明度变化,丰富了整个设计层次。



 不仅在平面设计中,在网页设计中,也是被大量运用,SWATCH的官网,清新的渐变配合动感的模特照片,以及和产品的完全结合,让页面充满着活力。



 在移动端也是如此,金融产品的背景设计,银行卡面的设计,可视化图表的运用,都能看出大胆渐变还是很受欢迎。


2.黑暗模式


随着google和facebook以及instagram这些知名应用都开始提供黑暗模式,国内微信也开始黑暗模式,2020黑暗模式设计,一定是需要设计师去关注的。


黑暗模式,除了在黑暗中提高内容可读性以外,还能减少用户疲劳,还可以节约电池,所以黑暗模式在今年将是所有应用程序必不可少的一个功能。



 Google的黑暗模式运用,通过一个简单的按钮开关就可以切换,也可以根据系统定义切换。



 黑暗模式未来会成为一种标配,一个软件设计在刚开始的时候就必须考虑进来。



 关于黑暗模式,正向当年iOS扁平化刚出来的时候,国内的很多产品都还没有准备好,但是相信过不了多久,黑暗模式一定会普及开来,所以2020大家都应该提前去了解黑暗模式的,设计规范和细节。


3.更大胆的一种颜色



 除了渐变色,那么大胆的单色在设计中运用也会越来越多,整个设计就一套色彩体系贯穿,大多时候以品牌色的形式去运用,配合留白,对比明显的字体,整体给人印象深刻。



 在韩国的应用中用的比较多,它的优势是色彩干净,品牌整体感强,但是对设计师驾驭页面能力也要求很高,因为大面积的单色,如果用不好就会很刺眼。


 Naverpay的设计,整个界面就是用的绿色渐变,清新同时也能很好和Naver品牌色进行结合。



 在它的很多页面中,很多控件这个绿色运用的很巧妙,不会给人很刺眼的感觉,所以大胆的一种颜色运用在2020页将是设计师值得去关注的一个方向。



▲ 扫码加入知识星球,了解更多




 插画趋势  



在过去几年里,插画是一种新的表达方式,越来越多的设计师,插画师通过插画表达产品的情绪,个人的情绪主张,那么在2020插画的运用就得和品牌很好的融合起来,如果你的插画是和品牌割裂的,需要注意。


1.和品牌结合



 wibbite的插画,标志性欧美的风格,除了插画本身手法比较简约模块,插画中运用的色彩和内容本身也很产品定位匹配。



 插画对于品牌来说也是非常重要的一个因素,无论在界面设计,还是在品牌营销很多场景都需要插画去营造产品氛围和气质,插画有助于将我们的品牌故事讲述给听众听,所以在构建一个品牌时候,插画是非常重要的点之一,但是做之前一定要尽量多去了解我们为客户提供的设计价值,只有了解了用户价值,才能去定义去特色的故事,帮助产品。



 Uber系列插画提供暖色,以及安全蓝的运用,突出打车服务中安全的关键要素。




 Google的插画系统也是如此,没有很华丽的炫技,有的是对于多元文化的思考,设计场景的融合贯通。


所以不难看出,插画的方向一定是和品牌结合的,不会为了趋势而趋势,一定是围绕内容去设计。



2.3D插画



▲ 如果说这2年,各种各样的插画手法百花齐放,那么随着人们的审美变化,趋势也从静态变成动态,从平面变成3D,从今年的支付宝五福设计中大家应该能感觉到2020的插画设计一定是往着3D方向,而且是动态3D方向演进的。



 谷歌一组插画,结合与大脑、团队合作、想法、密码箱为图形进行创意设计,人物造型可爱好玩,凸显年轻化潮流。



 Apple在中国区App Store 的一组设计,整体设计以红色为主,运用了象征中国元素的龙、红包、灯笼、福字、纸牌作为设计元素,整体运用3D表达,凸显年轻和趣味性。


3.等距插画



等距插画这两年已经是一个主流风格之一,在未来还会接着流行,但是等距插画未来或许和场景联系在更紧密,在每年天猫双11设计中,互动城的设计每年基本都是等距插画风格,它的故事感和画面感,都能让人眼前一亮,所以电商的设计,在短时间内,大型活动场景基本都离不开这个风格。



 这组等距插画场景故事感很强,建立了一个空间世界,作为网站主风格非常的吸引人。



 除了这种大的场景,等距插画,在小的场景中,作为插画规范也是运用比较多,它风格可轻可重,随着5G时代到来,静态可能会逐步演进成动态插画。


4.根据内容定制的插画



随着内容的升级,对内容的表达也会被越来越重视,那么如何更好的把内容更生动表达出来,插画就是很好的一个形式,根据内容定制的插画,在很多产品中被运用到,互联网教育,IT等领域。所以专门针对内容去设计插画,在今年或许是一个趋势,插画不再是孤零零只是为了情感化而存在。



 Crowdrise的产品设计,整体就是运用作为整体设计语言,风格统一,内容突出,画面效果好。



 插画的形态终于不再是孤零零的只是用户情感的表达,而是随着内容的升级变化,在产品中发挥的重要性也越来越大。


3.3D黏土插画的运用


3D设计因为今年设计师很喜欢用的样式之一,我们将尽管3D已经存在了一段时间,但最近我们看到了很多模仿粘土样式效果的3D插图的兴起。这将成为今年流行的设计趋势,我们甚至还会看到很多艺术家在电影,插画和广告中结合了2D和3D风格。



 在instagran的一组设计中,设计师运用这种黏土和3D的方式设计,画面充满了生活感和温暖。



 谷歌也在它们的项目中大量运用这种黏土风格设计,会显得更加的现代和活泼,黏土的设计相对3D插画区别在于更加细腻,线条上更加柔和。


 字体趋势 



这几年越来越多的公司,开始定制字体,根据自己的品牌特质去做一些独特的字体,从国外到国内,品牌定制字体未来或许还会越来越多,对于设计师好处来说,这些品牌字体很多都是免费开放给设计师用,会形成一个很高的商业环境。


1.定制字体



 锤子发布了他们的Smartisan T黑字体。



 腾讯发布了定制的“腾讯字体”,相比原来倾斜的黑体字,腾讯的新字体更现代、更协调、更动感。运用起来也非常有力量感。


 阿里普惠体,随着集团业务庞大,字体使用场景多且复杂,包括各产品客户端、营销设计、操作系统、硬件设备、建筑空间及公关传播等等。决定以现代为核心设计理念,以可靠、明快为设计切入点,将阿里精神融入到字体当中。最终一款拥有现代感满足全场景黑体诞生了,而且商用免费。




 除了前面的阿里,腾讯,锤子,小米OPPO,京东也都发布了自己的专属品牌字体,所以在2020年,品牌字体或许是每个公司的一个标配了,我们拭目以待。




 国外其实是最早开始为品牌定制字体的,三星手机虽然销量消化,但是他们品牌字体:SamsungOne,设计风格,很强的现代感,而且,这个字体有不同粗细的笔画字重,适用面很广。






 IBM的字体名称:IBM Plex Sans Text,这款字体设计比较简洁,干净,没有多余的笔画,这个字体很良心免费商用的。


2.粗体的运用



纵观2020的一些设计,留白越来越大,边距越留越多,字体也变的很粗,粗的字体和正文普通字体形成了明显的对比,再加上网格的布局,让页面内容更加凸显。



 大字体的运用,字体就是内容,重复运用内容元素作为排版手段,对于内容组织和平面要求较高。




 在UI设计中,大字体的设计也很常见,苹果商店,苹果官方应用都是大字体的推崇者,随便5G的来临,对于内容的追求也会越来越高,那么除了大字体,视觉元素减少,内容本身质量要求也越来越高。


 粗的字体常用语大标题,或者页面导航性指引作业,帮助用户更好去理解功能本身,上面这个页面粗的字体就是导航,告诉用户这一页,你需要去完成什么动作指引。



▲ 扫码加入知识星球,了解更多




 最后 

 

设计趋势必然与技术发展紧密结合,作为设计师我们需要了解,以及平时和我们设计进行结合,下期将带来,2020的UI设计趋势下部分,看看还有哪些需要我们去关注的。

转自:ui中国-skys 

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档