首页

画面不够饱满?学会用光影让你的设计脱颖而出!

周周

画面不够饱满?学会用光影让你的设计脱颖而出!

元旦过后,新的一波工作又要开始了,我在开始准备新一轮汇报材料的时候突然想到了一个问题,不知道铁子们在往年参加设计评审的时候,有没有总被老板 diss 设计稿里“太空了” “不够饱满” 这些个问题呢?

画面不够饱满?学会用光影让你的设计脱颖而出!

我猜测应该 99%的铁子经历过,我也不例外,从校招进到第一家公司就开始被植入页面需要利用好每一像素的理念,搞得像北京房价一样寸土寸金,生怕被浪费了;思前想后为了大家不重蹈我的覆辙,所以新年的第一篇,咱一起来聊聊排版的问题:

画面不够饱满?学会用光影让你的设计脱颖而出!

如果你看过我过往的文章,也许会对我的排版多少有点印象,夸张的大字,极强的对比,还有一些微妙的层级关系。

坦诚的讲,我的风格揉杂了 2 种设计体系 —— 瑞士风格 / 拟物风格;

1. 瑞士风格

整洁、严谨、工整、理性化、实用的特征是瑞士平面设计的精神所在;这种一丝不苟,传达准确的风格,即所谓瑞士国际主义风格。简单的说,由于 Swiss Design 这种风格简单明确,传达功能准确,因而很快得到世界范围内的普遍认可,成为战后影响最大的一种平面设计风格,也是国际最流行的风格,因此,又被称为国际主义平面设计风格;

画面不够饱满?学会用光影让你的设计脱颖而出!

简单的说,瑞士的这种设计风格典型的代表就是我们看到的杂志,其中有 3 个特点:讲究网格 / 非常理智的克制颜色的使用 / 层级关系;有趣的是,审美和潮流是循环的,随着时代的发展,越来越多的 app 开始重新挖掘出来瑞士风格并加以使用,比如我们 iOS 系统自带的应用们,Spotify:

画面不够饱满?学会用光影让你的设计脱颖而出!

年少的时候,我经常看着这些个 app 会不禁的问,为什么在没有一张图片的情况下还能如此好看?这些年终于明白了前人良苦用心:文字是内容,同样也是构成;是信息,同样也是装饰;简单可以理解为,不管在平面还是网页亦或者是 UI 界面,在没有可用的装饰下,信息本身要承担起装饰和传达的双重功能,这就是瑞士风格的核心本质。

2. 拟物风格 

iOS 是拟物的典型代表,网上对于这块的讲解已经过于饱和了,我也没必要赘述;那么这一趴,来聊聊对我产生深远影响的锤子科技吧。我第一次接触到 smartisan OS 并没有觉着多么惊艳,潜意识里只不过是觉着把 iOS 的图标画的更漂亮了一点而已…

但当我打开下图这个页面的时候,我意识到我对拟物的理解还是浅薄了,第一次被光影的层次震撼到:

画面不够饱满?学会用光影让你的设计脱颖而出!

通过光影塑造了一个三维空间,让整个画面丰富饱满,也打破了我幼稚的设计观,PS.不管锤子科技现在如何,我依然敬佩 Paco / 方迟 / 罗子雄的设计团队为这个行业做出的贡献,respect!

毫无保留的说,我的设计就是二者的融合,以 层次对比 作为核心理念。

画面不够饱满?学会用光影让你的设计脱颖而出!

啰嗦了半天,赶紧进入正题;如果你是一名产品体验设计师,一定听说过 “奥卡姆剃刀” ,这个定律通常用在交互链路的设计上(意思就是在用户路径中没必要的步骤,省了就完事了),“如无必要,勿增实体” 即简单有效原理;

画面不够饱满?学会用光影让你的设计脱颖而出!

同样,在嘈杂的视觉结构里,画面也需要奥卡姆剃刀,当你在对画面的饱和上困扰不已,并急于找到一些背景和纹理填充的时候,我建议你先冷静一下…因为页面的空虚未必是需要实体化的东西来填充的;上文有说过以 “层次对比” 作为核心理念出发,要区别于平面设计,营造一个立体空间,所以先理一下画面结构:

画面不够饱满?学会用光影让你的设计脱颖而出!

通常来讲,如果想要不平,把二维空间转化成三维空间是必要的一步,需要在 Z 轴上下功夫;如果你恰巧也是一名摄影爱好者,可以想象下照相机的焦距和景深,工作原理是相同的,需要 前景 / 主体和背景 三个层次;当然,虚实的对比对信息的呈现和层次的拉开是极其重要的,这里需要通过景深来控制效果,你可以通过 photoshop 滤镜-模糊画廊的“场景模糊”来做到:

画面不够饱满?学会用光影让你的设计脱颖而出!

另外,空间的感觉想要被突显,那么“光影和空气”的价值就可以无限放大了,按照如上所说的结构,把内容和自然物质摆进去就好了,甚至可以做到举一反三(比如不同颜色的氛围,我就不展开了):

画面不够饱满?学会用光影让你的设计脱颖而出!

整个 case 下来,你会发现用光来聚焦在信息上,自然而然就形成了我们说所得 “信息优先级”;有点时候空气和光影的饱满程度超乎你的想象,这种自然存在的物质可以很好的帮助画面分层,以达到填充的效果,并不是一定要依赖于实体化的装饰。

对了,如果你跟我一样闲着没事干的话,借用 keynote 的动画效果做一个吊炸天的动效,一定可以成为汇报场上最靓的崽(注意:视频有音乐)!

keynote 素材和视频可在开头/文末下载

画面不够饱满?学会用光影让你的设计脱颖而出!

本来不打算再开一个章节说这个,但还是觉着很有必要再说下(我好纠结),作为 PPT 来讲,ta 的主要用途分为两种:其一是给人看的,其二是给人讲的;不管是哪种,尽可能的简化文字,是对输入者关爱;

画面不够饱满?学会用光影让你的设计脱颖而出!

以上图为例(实名 diss 自己的作品),坦诚的讲左边的部分大多数观者是不会有心思来看的,按照视觉系统的处理,这部分就会被当成一个“面”而被忽略掉,这种情况下右边显得有力很多,也能帮助观者聚焦信息,所以还是那句话,能不写的就别写,能少些的别多写,保持信息的密度也是设计师必要的职责之一。

总结一下

想问一个问题,铁子们觉着 UI 的本质或者作用是什么?从我个人的角度来讲,UI 设计的本质就是对信息的整理归类和编排,没有什么比信息更重要,如果贸然为了饱满加入一些装饰元素,很有可能是本末倒置,得不偿失。这就像喝酒一样,喝醉很容易,但微醺的感觉才是最棒的,希望你能有个好心情迎接美好的一年~


文章来源:优设网     作者:负能量补给站



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

车联网的2020:商业落地、技术支柱、生态溢出

资深UI设计者

编辑导读:随着5G技术的发展和AI的不断进步,自动驾驶产业迎来了发展的快速时期。而车联网作为自动驾驶产业链上的关键一环,吸引了包括百度阿里腾讯华为等巨头的注意,纷纷投入资金和精力,希望在市场中抢占先机。本文作者总结车联网2020年的发展,与你分享。

在5G应用加快落地、AI技术不断进步之时,自动驾驶产业迎来了发展的快速时期。特别是在传统汽车行业进入“新四化”的大趋势中,车联网更是成为自动驾驶产业链上的关键一环。

2020年“车联网”作为汽车行业技术发展研究中的一个重要领域,已经成为国内外新一轮科技创新和产业发展的热点。回顾整个2020年,国内车联网领域的发展也是稳步向前。

01 商业落地:BAT加速“上车”,互联生态量产车持续增长

近些年,在汽车产业“新四化”的推动下,“联网化”已经被当成汽车真正成为智能化终端的基础,并且据业内人士估算,车联网技术如果得到充分应用,将能够降低20%的能源消耗和25%~30%的尾气排放;缓解60%的交通拥堵,提高现有道路通行能力2~3倍;减少80%的车辆事故率和30%~70%的死亡人数,其重要性不言而喻。

日前,IHSMarkit发布了的《2020年中国智能网联市场发展趋势报告》报告显示,中国搭载智能网联功能的汽车市场规模预计将在未来持续增长,并在2025年超过75%,高于全球水平。

也正因如此,车联网已经成为这些年巨头们在互联网下半场竞逐的主要赛道,从市场竞争方面来看,百度入局,多年时间在自动驾驶赛道殚精竭虑;阿里抢入其中,联手上汽打造斑马智行;腾讯当然也没坐以待毙,更是打造出腾讯车联、蘑菇车联、梧桐车联三张牌;在BAT之后,华为也不甘示弱,成立了智能汽车解决方案事业部,携鸿蒙OS筹建自身朋友圈;今年车联网赛道战事再升级,京东、字节跳动也先后宣布加入混战,至此巨头云集的车联网迎来“大割据时代”。

巨头混战同样也在加速车联网商业化进程,有专家表示“智能驾驶下的车联网是未来,3到5年可以全面实现。”而市场数据同样也在印证这一说法。

在《2020年中国智能网联市场发展趋势报告》中,公布了今年BAT车联网系统的上车情况,具体来看,今年1-7月的新车销量市场占比中,百度实际搭载新车销量占比高达49%,腾讯占比35%,阿里占比16%。

而2020年全年当前市场搭载车型数量预估来看,百度预计将有61款搭载小度车载的车型上市,大大领先于阿里的32款及腾讯的26款,截止目前百度合作上市车型已超过600余款。

另外,在合作品牌方面,2020年也迎来了较大突破,BAT车联网合作汽车品牌在今年都有所增加,截止今年8月,百度Apollo智能车联已与奔驰、宝马、奥迪、福特、别克、凯迪拉克、雷克萨斯、吉利、长城、奇瑞、现代、起亚等汽车品牌达成合作;阿里方面则有福特、斯柯达、名爵、荣威、观致、宝骏等上汽品牌;腾讯合作方则有哈佛、吉利、长安、福特、奥迪、宝马、Jeep、玛莎拉蒂等品牌。

从品牌数量上能看出,依旧是百度遥遥领先,并且更大的优势在于百度Apollo智能车联不仅合作车企数量多,同时全面覆盖各大车系。除了自主品牌外,与德系、美系、韩系、日系的众多汽车品牌也在保持紧密合作,而这正是腾讯与阿里所缺乏的。

值得一提的是,在前不久的百度Apollo生态大会上百度提出了“领先一代”的概念和内容,其中“领先一代商业模式”就是重点之一,所谓领先一代商业模式是指,通过小度助手汽车版将为整成厂商提供从卖硬件到卖软件与服务的转型,为整车厂商开拓更宽广的增长引擎,将车联网从成本中心直接变成利润中心,并打造“会呼吸、有生命、可进化”的载体验,帮助整车伙伴业务持续升级,并且小度助手汽车版将通过高度集成的新运营工具集,赋能车企全周期用户运营。

2020年已被不少人视为5G车联网商用的拐点,在“软件定义汽车”的共识下,无论是软件企业还是整车品牌都在越跑越快,在百度Apollo生态大会上百度Apollo智能车联事业部总经理苏坦就表示:“汽车行业正在经历着前所未有的变革,软件正在定义着硬件,智能也在定义着性能,而车已经开始有了灵魂,这灵魂正在定义着车的形态。”

从软件到服务、到智能硬件支持、再到整体解决方案,车联网产业链上的每一个环节都蕴藏这巨大商机,而百度们正在加速开启。

02 技术底座:高举“开放”,谁能成为真正底座?

当下车联网技术层面的竞争,包括BAT在内玩家都在宣传自家的车联网方案都是一个开放的生态,都在建立一个开源的“技术底座”,但其中也存在不少差异。

例如,百度依托Apollo这个当下全球最大的自动驾驶开放平台,集成了包括车辆平台、硬件平台、软件平台和云端数据服务,再通过小度车载OS为智能网联系统,将能力集中对软硬件平台以云端数据平台进行管控,以此成就了百度Apollo智能车联的车载场景解决方案。

阿里旗下的斑马网络则是通过与YUNOS重组,形成了具备贯穿端、边、云、网能力的整体系统,使其达成在整车电子电气架构智能化、车机硬件与软件、车机内底层操作系统、上层应用形成四个层面的技术闭环,而AliOS则是链接枢纽。

腾讯车联网则是由五大基础框架构成,包括大数据、云计算、人工智能、安全能力和内容平台,像旗下三张牌之一的蘑菇车联就推出了“蘑菇OS+AI云+智能终端+传感器“的解决方案。日前,梧桐车联基于TINNOVE OpenOS技术,也推出了TINNOVE 3.0解决方案。

在外人看来,三家的车联网技术解决方案好像非常接近,只是形式和对概念的表述方式有所差异,其实不然内核区别非常大,简单来讲百度Apollo智能网联其覆盖了包括车联网、V2X、自动驾驶全领域的布局,而斑马,腾讯的解决方案主要仅覆盖于智能网联领域。

再来要弄清楚,车联网领域到底需要怎样的“技术底座”,是需要满足不同的车型,为汽车产品提供标准化解决方案?还是需要具备多场景应用生态,可以为行业提供丰富的可兼容性软件工具?答案是都要具备。

再来对比三大玩家,也是因为解决方案本质上覆盖领域的不同,目前而言能够满足这一要求的还只有百度。今年成都、北京的几大车展上,百度都展现出了这方面的能力,像全新推出的小度车载2021,基于五大基座满足了为汽车产品提供标准化解决方案;在多场景应用生态方面,依托强大的AI能力,百度车载OS集成了语音、搜索、小程序、地图导航等百度AI能力。

并且从当下市场数据中我们能看到,百度Apollo智能车联大规模上车,无论是合作车企品牌,还是搭载车型数量均位于行业第一,之前就提到已经与70多家汽车企业合作,合作上市车型超过600余款,这便是最好的证明。

在今年生态大会上,百度更是提出“领先一代的共赢关系”,对于开发者而言,依托小度助手汽车版推出首个车规级生态底座,并通过低代码量的小程序开发框架和标准组件,让更多车企与海量小程序对接,并开放丰富的车机流量入口,通过接入丰富成熟的运营⼯具,形成独特的跨联盟超级APP流量交换。助力开发者快速达成AI能力闭环,实现一次开发,多屏、多车型适配搭载,让开发者快速上车,同时通过丰富的车机流量,承接丰富成熟的运营工具,形成独特的跨联盟超级APP流量交换,引领开发者实现共赢。

除此之外,智能汽车已进入“人机共驾”新时代,如何打造人与车之间的全方位流畅交互,也成为汽车智能化行业的核心问题之一,为此百度地图汽版迎来再次进化,推出了智能领航系统,成为了最懂驾驶的下一代智能座舱地图,面向车企百度地图汽车版2021提供了三横一纵全方位地图解决方案,让车企量产更加简单,百度也将这称之为“领先一代的车载地图”。百度正的实现“开放”,而这些方面是现阶段阿里与腾讯无法比拟的。

2020年百度已经成为大部分车厂的技术底座已是事实,至于未来这个位置是否会发生变化,还要看百度能否一步快步步快。

03 生态溢出:朋友圈持续扩大,生态已成胜负手

最后,随着车联网渗透率越来越高,汽车的驾乘体验不再局限于驾驶感受、静音舒适这类硬件机械层面的体验,而延伸到车机交互、LBS服务等基于技术能力和内容生态方面的体验感受。

而2020年正是车载内容生态爆发的一年,“车内大生态”这一概念也被提出,BAT依然是这方面的佼佼者。

百度方面,车载生态一直都是强项。比如LBS,百度已经打造了中国车载领域最丰富的LBS服务基础设施;数据基座方面,同样建立起了一套完整的专为汽车和出行服务的数据平台,通过对车内车外云端数据整合和大数据分析,实现数据驱动变革;至于生态伙伴方面,截至目前Apollo已引入喜马拉雅、QQ音乐、蜻蜓FM等头部生态伙伴超300家,并且囊括了全球所有主流汽车制造商、一级零部件供应商、芯片公司、传感器公司、交通集成商、出行企业等等,覆盖了从硬件到软件的完整产业链。“软硬兼施、内外兼修”是百度在车联网内容生态方面路径。

阿里在车联网生态方面则有着不小的麻烦,“自生态闭环”遭到不少质疑,所谓“自生态闭环”即AliOS系统所搭载软件均为“阿里系”APP,地图一律用高德,音乐为虾米,每个都装有支付宝,若安装车载微信等第三方软件,需要将斑马系统破解。特别是当下“反垄断”成为热点后,阿里车联网生态也在遭受质疑,有行业人士认为“闭环说白了就是垄断,客户的选择有排他性,上面搭载的软件不管好不好用,都得用它的。”

在大方向上,腾讯与阿里一样也有着自己的“生态闭环”,但今年腾讯在车载内容生态上的布局并非以内容为主,像今年推出的腾讯生态车联网3.0作用在 “上车速度”方面,用腾讯的话来说,其搭建了一个适合车载的应用框架——“小场景”,可以通过云端统一发送,减少了对车辆硬件的占用,但同时又更容易上车。现阶段腾讯内容生态主要包含了微信车载版、爱趣听、小场景、云小微语音助手、腾讯地图等程序,并且已落地到部分车型。

三家对比可以发现,无论是数量上还是质量上,百度都有着较大的优势,其一百度拥有更多的第三方软件来源,也是因为企业属性,百度需要更多来自外界的助力;其二,在内容生态层面同样是百度更加开放,不同于阿里、腾讯的“自生态闭环”,像支付环节,小度车载OS提供的支付渠道中,不但有百度的度小满,还有银联、支付宝和微信支付等渠道也都可由用户自行选择。

更重要的是,百度还推出了“领先一代的智能车内体验”,像小度助手汽车版就是专门为车而生的车载Killer App,带来领先一代的智能化体验。例如,在交互方面小度助手汽车版创新发布专属虚拟助手形象,用户只需上传一张自己的照片,就可以得到一个投射在车机中的虚拟形象,成为自己专属的虚拟助手,从新交互、新智能、新场景、新生态四方面引领全新的用户体验;又比如在车载地图方面,面向用户,百度地图汽车版2021导航将更加智能,包括融合定位、多屏联动导航、电动车出行服务化、场景出行服务化等,像提前感知可辅助驾驶路段,帮助用户提前决策、实现全行程的规划和安全引导等等。之外,小度助手汽车版还搭建了全新Feed流式交互框架、全双工多模融合交互、SMLTA离在线语音模型等多种全新的交互方式,让用户拥有更加便利、快捷的交互体验。

当然,目前也不是终点,即便BAT暂时领先,但包括华为在内的新选择都在跃跃欲试,像百度现在虽然有着显著的领先优势,但也无法掉以轻心。

04 总结

回到智能汽车发展层面,虽然现阶段整个行业仍然处于起步阶段,但从“车联网”这些局部区域也大致能进行一些判断。

透过车联网我们能看到,百度自身的技术和生态基础已经足够强大,且作为中国自动驾驶道路测试牌照最多、专利申请数量最多、生态最庞大的玩家,百度各方面都处于领先。但智能驾驶无法一蹴而就,百度也还有较大的上升空间。

特别是今年百度已经实现在智能汽车“增量供应商”的竞争中提前占位,而“领先一代”概念和内容的提出更是让百度在车联网乃至智能驾驶领域登上了更高的山峰,同时在商业化、技术、生态等方面的全面推动下,不得不说百度已是国内智能驾驶领域当之无愧的“头号玩家”。

文章来源:人人都是产品经理   作者:智能相对论

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


2021的10大UI/UX设计趋势解析

ui设计分享达人

前言

在这艰难又魔幻的2020年的尾声,有必要系统汇总下关于UI/UX的设计发展方向,为接下来的2021的开篇带个好头。本文在了解这些趋势的同时,分析特点并举例落地实例,来帮助大家启发创意设计工作的思考切入点。

流行趋势跟人们所处的环境密切相关,从最初的方块马赛克——>追求极度写实——>扁平风——>到现在的质感拟物,扁平设计霸屏的这几年,设计风又向更立体、丰富、更有层次感的方向发展,所以说趋势就是一个轮回。设计风格没有绝对的好坏,在审美达到一定疲劳时,就会开始出现新的设计风格。每一个新风格都值得设计师去拆解、思考,本质都是为了提升更好的交互体验。 

而在进入下一个十年的过程中,我们对数字产品和体验的依赖将日益增长,预测真正胜出的将会是3D动画和用户界面/用户体验设计的结合设计,5G技术的发展,它将重塑了我们以前无法想象的交互方式,这将是一段充满创意、鼓舞人心的发展阶段。在这里让我们来看看未来那些不可忽视的设计趋势吧。

(注:图片来自网络,均标明出处及作者,若有侵权请告知删除)





1、3D与UI结合

随着且易用的3d软件工具的出现,3D 元素已经开始变得越来越受欢迎,而在这之前,UI界面一直被平面设计所主导。与 2D 不同,它提供了更为逼真的立体效果,从插画、动效、电商到平面视觉,在所有的设计类型中都能找到它,3D现实主义已是各个领域的大势。

圈中也出现了很多免费或付费的3D预设元素及场景组件,帮助3D小白更快地搭建出具有冲击力的视觉组合。


特点:

• 直观感受;

• 立体真实;

• 形态丰富;

▲Izmahsa


▲Mike


▲Tran Mau Tri Tam ✪


▲Vikiiing


https://www.awwwards.com/inspiration/3d-hover-number-reveal



实例应用:

各大厂都开始纷纷尝试在产品中加入3D元素,将自家IP立体化,植入到各个品牌静态页面,加深品牌印象渗入。3D技术虽然已经出现有一段时间了,但是为了保证速度和性能表现,较少应用到产品中,随着软件技术的提升,立体渲染产品将开始慢慢运用到更多的界面交互、H5活动中。

▲闲鱼、QQ、花椒直播的3D启动页


▲得物(毒)的3D空间动效


网易云音乐每年的音乐总结报告都追随着的设计潮流,今年还可以自由选择人物形象,增强了用户的主观代入感,以下是每年的设计风格变化:

▲2018-渐变插画、2019-撞色渐变、2020-3D人物场景


▲2020-总结陈词H5


▲总结报告Banner的动效


其中IP立体化最多的当属K12教育领域,除了制作IP周边外,3D效果能适应丰富的运营场景,高度还原现实世界,给小朋友带来最真实的学习互动体验。

▲洪恩识字(3D学习场景)、腾讯开心鼠英语ABCmouse


▲IP在播放儿歌时的互动


值得一提的是今年苹果发布的macOS Big Sur除了玻璃拟态的变化,图标还加入了3D维度的拟物视觉层次。

苹果的 mac OS 的人机交互指南中也明确指出:“图标不仅是装饰性的,而且在与用户交流中起着至关重要的作用,它应该传达应用程序的主要目的并暗示用户体验。”这次扁平化和拟物化的结合,将又要引领一波设计趋势。





2、软渐变(Soft gradients)

过于强烈的渐变不再是趋势,大多数设计师都开始喜欢使用非常简单和微妙的渐变,如果产品的目标用户人群需要轻松温和的视觉环境,那么此风格再适合不过。

软渐变包括背景、阴影、反光,常与线条平面图形结合,应用于界面、网站、图标、icon等设计中。


特点:

• 低调温和

• 微妙渐变

• 清新愉悦

 


2.1、柔和背景

在设计网站中我们已经看到了许多非常精致,明亮柔和配色方案,混合两种以上的颜色来创造多彩的模糊背景。它使设计看起来非常现代、不打扰、清新而令人愉悦,其中画面内容是主要视觉焦点。

▲Vladimir Gruev


▲Sajon


▲Anton Mikhaltsov


▲Ghani Pradita


实例应用:

▲咔咔、美柚


https://takearecess.com/



2.2、柔和阴影

柔和的彩色阴影使UI有了更微妙的深度变化,在图标设计中经常需要渐变或阴影来塑造物体,柔阴影使设计元素更丰富立体,并且它们有助于区分内容之间的层次结构。

▲Ghani Pradita


▲Sèrgi Mi


▲Taro Huang


实例应用:

▲有道数学(已下架)


▲Uki




3、玻璃拟态(Glassmorphism)

去年新拟态掀起了一阵狂热,但这种模拟受到挤压的塑料效果(凹/凸层次感),在用户的阅读性上可能会出现问题,新拟态更适合用在局部的少量元素点缀,无法完整地使用在整套应用程序中。

▲Alexander Plyut


伴随着今年苹果发布的 MacOS Big Sur 操作系统的发布,新的拟物风格正式回归大众视野,整体风格应用了新拟态(Neumorphism)的设计思路,利用大量的毛玻璃质感和大量投影纵深感,能很好的突出前景信息,中和了扁平化图文带来的生硬不立体感。而Big Sur的图标也加入了 3D 质感设计,设计语言更为时尚简洁。苹果设计师 Alan Dye 在发布会上也提到了设计风格转变的原因,主要是希望「降低视觉的复杂度,让用户能够将注意力集中在内容上」。

而的玻璃拟态则更加注重垂直空间 z 轴的使用,背景多鲜艳色彩,在上空使用隔一层高斯模糊的毛玻璃质感,模糊的边界有细微的浅色边框,整体效果就是让元素之间有虚实结合的特殊空间。毛玻璃运用在界面中对关键信息起到强调作用,用户可以看到物体间的层次关系,哪一层在哪一层之上,就像物理空间中真实的玻璃一样。


特点:

• 透气磨砂

• 层级空间

• 简洁拟物

▲引领新拟态风格的Alexander的作品也朝着玻璃拟态变化


▲Kostia Varhatiuk


▲Ghani Pradita


▲Ibrahim emran


▲Queble


实例运用:▲毛玻璃视觉可追溯到2007年发售的Windows Vista,而当时的 OS X Yosemite 也大量使用了这种设计语言

▲的MacOS Big Sur操作系统


▲图标的变化




4、暗黑模式

暗黑模式是白色界面的相反版本,适用于午夜时分。之前用了很长时间微信的暗黑模式,突然切换成白色界面后,就像吸血鬼见到太阳光般刺眼,果然暗黑模式用久了还是比较舒服的。

 暗黑模式和之前经常提到的夜间模式是有区别的,简单来说暗黑模式可以在任何场景下使用,并没有降低对比亮度;夜间模式则专为夜间场景设计,重在降低对比度,以降低在暗光环境下屏幕对人眼的刺激。

 

特点:

• 突出内容

• 减轻干扰

• 沉浸体验

▲Tom Koszyk


▲Victa Wille


▲Golo


https://www.awwwards.com/inspiration/3d-hover-number-reveal


▲Tran Mau Tri Tam ✪


实例应用:

▲有道词典


▲爱范儿(ifanr)


最常使用暗黑模式的车载系统:

▲小度车载


暗黑模式的灵感最早引起大家注意的应该是抖音,在这之前大部分的应用都是白色为主,抖音整体黑色界面带来的沉浸以及轻打扰体验还是很棒的,在这之后也相继出现了以黑色为主的APP设计:

▲MOO音乐(可手动切换颜色模式)


▲Space FM





5、多彩高对比度界面

受Material Design调色板的影响,2020年用户界面趋势的一定不能少了亮色和荧光色的,可以作为主色也可以作为辅色,简约的界面中明亮大胆且对比鲜明的色彩一直都处于增长趋势。荧光色一直是90后喜欢的风格,我个人就非常喜欢荧光色,现在要是谈到该风格的受众主力军可是90后啊。

颜色是为界面添加信息和情绪以及使其看起来美观和吸引人的最有效方式之一,对比鲜明的颜色在白色和黑色界面上都能很快吸引用户的注意力,这种风格已经成为清新、酷炫、数字时代的代名词,而在2021一趋势还将会继续影响UI、平面、广告、插画等领域。

 

特点:

• 活泼大胆

• 对比鲜明

• 潮流科技

▲Amy Martino


▲Halo Mobile


▲Anastasia


▲Paolo Spazzini


在网站设计中的应用:

https://www.theartcenter.nyc/


https://www.squadeasy.com/en/


https://takeboost.com/


实例应用:

▲GoFun出行


▲开言英语





6、抽象几何元素

从上世纪初开始,抽象构成中的简单几何形状就已经用于视觉艺术中,多用于主背景主题或色彩细节,使用钢笔工具编辑最简单的形状(正方形,圆形、椭圆形),加上不同的颜色或渐变,让设计看起来既规则又有趣。

几何图形可以运用到UI设计中 ,将它们混合在一起以创建马赛克的效果,形成具有品牌意向符号的记忆点。


特点:

• 规则组合

• 品牌印象

• 重复记忆

▲Johnny Nova


▲Vladimir Gruev


实例应用:

最近看到的一组原色视觉刚好融合了高对比度+几何这两种风格,那就是SHINee的正规六辑合辑《‘The Story of Light’》,采用红黄蓝三色加上圆形、正方形、三角形的大块面积来打造画面空间及变化,带来极具视觉冲击的音乐色彩与魅力。

▲专辑的主视觉


当然,几何形状不止用于色彩图案细节,在UI界面布局中经常使用大块面图形,这种设计方法受到越来越多的关注。





7、极简风

极简设计的前身是2010年代中期精巧又花哨的设计,这种设计已经存在很长一段时间了,但在2020年,人们每天需要消化的信息量越来越多,所以现在用户想要尽可能避免“视觉垃圾”,这也是为什么我们会选择更简洁专一的界面。


特点

• 专注信息

• 清晰易用

• 简单操作

▲RonDesignLab


▲Quan


▲BAOLIN


▲Gregory Loshakov


https://snp.agency/en


谈到极简主义,就不可避免会涉及到无键趋势,因为按键越少就意味着设计越简洁,而这种简化过的设计将让手势操作和语音交互更为流行。

▲Taras Migulko


▲Gleb Kuznetsov✈


实例应用:


▲夸克浏览器的夸克宝宝





8、将视频应用到UI中

在 2020 年,信息的触达的速度将会变得更快,而视频是很好的载体,各个年龄段的用户都喜欢观看引人入胜的动画,无论是选择通过短视频还是电影的方式来推广产品,都很好地灌输品牌理念,建立与受众群体的关系,加强用户忠诚信任感。


特点:

• 营造氛围

• 类型多样

• 品牌调性

▲Fireart Studio


▲Ehsan Rahimi


实例应用:

▲moo音乐登录页

▲虾米音乐欢迎页




9、插画与3D的界线越来越模糊

艺术插图从2017年开始到现在仍然很流行,几乎适用于任何类型的设计行业,是设计领域中最热的趋势之一。插画的视觉能很好的帮助用户理解产品背后的故事,为了把故事讲好,我们可以创造出一个品牌人物,赋予他人格,为他制造一些故事和冲突,最终帮助我们解决产品问题。这是在产品设计中讲好故事的基础,至于讲故事的方式,在 UI 和 UX 中都有使用,原理一样只是落地方式不同。 

在2018年的蜘蛛侠平行宇宙中我们就已经看到了3D与插画的结合,艺术家保留了人物在美式漫画中的的线条笔触,把“手绘”的细节和质感都放大到了荧幕上,在剧中还采用对比强烈的大色块扩大了视觉张力,分分钟把漫画书甩到面前,让人忍不住惊呼,索尼的艺术家们是怎么把片子做得这么酷!

▲3D人物的画笔触感


▲画面光源处由波普圆点组成的背景


▲纸本漫画书中的“声音词”


▲漫画经典线条


▲Entei Ryu在3D建模使用插画质感


▲Minh Pham ✪在ui界面中的尝试


实例应用:

腾讯旗下音乐平台JOOX最近的概念宣传片,从MG、三维、定格、插画多个风格之间来回切换,给我们带来了一个多元的音乐世界。各大视频网站还搜不到,不能直接链接视频地址,喜欢的朋友可以关注微信视频号“UoU_Studio”观看完整视频。


在3D开始迅速发展的阶段,二维与三维之间的界限变得越来越模糊,插画作品也可以具备强互动性,而3D插画与动效的结合提供了一种奇妙的新方法,希望能够看到未来插画更多的可能性。




10、更多的微交互动效

最后一点,还是要强调动效在UI中的的作用,微交互最早出现在 2018 年,让用户更好地理解系统如何工作,并在引导其获得更好的体验方面扮演着非常重要的角色。它们在 UI 设计中决定了一个 App 或网站是普通还是优秀,从点击反馈、加载等待、导航交互等等,为用户界面设计增加了动态性,交互性和直观性。

 

动效起到的作用:

• 引起人们对应该做什么或接下来将要发生的事情的关注;

• 创造流畅和视觉愉悦的过渡;

• 带给使用者美观的享受;

• 指导我们进行复杂的操作;

• 确认用户使用旅程中的操作。

▲Jakub Antalik


▲Forever D.


▲Kingyo


▲Eugene Paryhin


▲Leo Natsume


▲Taras Migulko

实例应用:

▲GoFun选择车辆后的页面转场动效




结尾:

2020的趋势在满足用户的美学要求上,侧重内容和感情表达,还会根据不同设备载体、新的技术而变化,为用户提供的丰富体验。

借用Adobe设计副总裁 Jamie Myrold 的一句话:如今设计师要思考的,绝不仅仅是设计一款App、网站或设计工具。我们要思考的是人类的需求、用户的需求,打造真正人性化、多元化与包容性的设计。

设计趋势还在快速增长变化,有些趋势总能长期霸屏,未来还将迎来更多新技术,每个设计人员都可以找到自己喜欢的方向,不管哪种趋势,最重要的是如何学习并合理地运用到产品中,以产生最大的设计商业价值。

文章来源:UI中国   作者:_阿丹a_

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


2021年流行的十大用户体验设计趋势

蓝蓝设计的小编

2020年结束,此时正是一个很好的时间节点,我们共同探寻2021年即将拥有怎样的未来。本文将带你发现,即将在2021年流行的十种移动用户体验设计趋势。

2021最值得期待UI风格 - 玻璃拟态全面解析

前端达人

通过这篇文章,你将全面了解2021UI趋势中最热门的Glassmorphism风格


转自:站酷

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

我们怎样理解暗黑模式

资深UI设计者

/引言

“由理有剧”系列以”我们怎样理解暗黑模式“为开篇,缘由作者正在任职的工作是 TO B 产品交互及界面设计,入职时正值公司整体产品线升级迭代,用户界面从浅色模式向暗黑模式探索的阶段。这个探索阶段面临的本质问题便是“到底什么是暗黑模式”,同时“我们为什么要用暗黑模式”的问题也随之而来。

为了给公司同事阐述这两个问题,作者搜集了大量资料,翻阅了相关产品系统所给出的设计文档,重点围绕“什么是暗黑模式”展开,逐步推敲其中的理论原理,总结出便于理解的文字内容。这样做的目的简单有二,一是与产品、开发、测试方面的同事能够达成向暗黑模式优化升级的共识;二是能够让我们的各个产品线更从容地去拥抱暗黑模式的到来。



/“由理有剧”系列篇01:我们怎样理解暗黑模式


文章大纲

1、是什么?

2、为什么?


一、是什么?



随着 iOS 13 和 Android 10 的正式发布,“暗黑模式 (Dark Mode)”一词逐渐走入了我们的视野,“暗黑模式是什么?”这个问题也一度霸占了Google搜索榜首。想要深入了解暗黑模式,也许我们可以换一个角度,从用户界面的演进历史中寻找线索,从而帮助我们更好地理解暗黑模式。


作者自从拜读了《苹果三剑客》,对于用户界面的前世今生才有了更深的了解,苹果的产品发展史,某种程度上也可以称为用户界面的演进史。废话不说,下面让我们一起简单聊聊。



1、原来,“Dark Mode”是用户界面的起源


计算机诞生的早期,其显示器一直以“暗黑模式”面向操作者,其缘由是早期的显示技术一直被CRT主导,CRT释义为“阴极射线显像管”,在19世纪末被研制出来,因为制造原理相对简单,所以CRT一直是早期电脑显示的主力,但在上世纪80年代之前仅支持单色显示。


下面两图分别为苹果公司于1977至1980年间生产发售的 Apple II 及 Apple III 型计算机

图中显而易见,两款计算机的显示方式均为单调的黑底白字或绿字,呈现出一种“暗黑模式”的视觉效果。苹果公司的 Apple II 和 Apple III 两支产品线一直以这种“暗黑模式”面向用户。这也反映了早期的计算机以输入代码执行数字运算作为主要功能,但是这从另一方面反应出:未来计算机会借助不断成长、成熟的电子技术,必将掀起一场接一场的变革,用户界面也随之不断地革新。



2、Apple Lisa(丽萨)奠定了计算机向“图形用户界面”演进的基础


上个世纪80年代之后,CRT彩色显示技术成熟,逐渐流行普及到各个电子行业,但当时主流的计算机操作系统并没有“图形界面”这个概念,所以大部分计算机产品依旧延续了先前黑色背景的显示方式。


直到1983年1月9日,在年度股东大会上,苹果宣布了两款将在未来的计算机行业中占据关键地位的产品:一款叫 Apple Lisa (丽萨,老乔的第一个女儿),苹果第一台(也是全球第一款)基于图形用户界面(GUI)的计算机,也就是 Macintosh 的前身;另一台叫 Apple IIe ,是已获高度成功的 Apple II 系列的新一代进阶产品。

Apple Lisa 向主流个人电脑行业介绍了一种全新的鼠标控制的图形用户界面,宣布向单调的黑白用户界面告别。


运用形象的图标、方便的下拉菜单和重叠的窗口,替代了此前一贯使用的输入文字命令,Lisa的图形用户界面开启了消费者与个人电脑交互方式的革新之路。尽管Lisa存在诸多缺点,如定价过高,功能缺失、运行缓慢等,但它的图形用户界面依然给它赢得一阵喝彩。


Lisa的GUI影响如此深远,以至于诸多电脑制造商纷纷加入鼠标控制的GUI领域,争相模仿。就在Lisa首次亮相十个月后,微软于1983年11月推出了Windows操作环境。(对于此事,老乔总是公开谴责微软的盖茨抄袭他的产品创意,甚至想让盖茨吃官司,两位大佬一直不合也是业界皆知,跑题了...)

///一个有意思的事儿:今年7月份,一位外国的苹果粉在Twitter上发布了一条关于 Apple IIe 型计算机的动态,内容展示了自己使用 Apple IIe 型计算机进行智能化任务的过程,如发送推文、在Evernote中写作、发送电子邮件,甚至控制智能家居(如下图)。要知道,这台计算机生产发售至今已有37年的时间。由此感叹,不得不说苹果对于产品的品控做到了那个时代的。



3、Macintosh(麦金塔)推动了“暗黑模式”向“浅色模式”的迈进


1984年,苹果发布了个人计算机 Macintosh(麦金塔),Macintosh 延续了 Lisa 的图形界面语言,并向世界普及了图形用户界面(Graphic User Interface)的概念,从而开启了以白色为底色的图形交互时代。

Lisa获得的一些成就在 Macintosh 上体现的淋漓尽致,包括灵活的鼠标、点阵影像图、桌面的布局、形象的图标、相称的字体、屏幕上方的下拉菜单和重叠的窗口,这些也得益于日益成熟的显示技术和不断进步的计算处理技术。形象生动的图形设计和界面交互一直是老乔最引以为傲的杰作,不得不说,老乔对于计算机行业甚至是设计行业都有着极高的敏感度和先于旁人的前瞻性。(当然,这里的主语应该是苹果)


Macintosh 产品的成功,不是苹果一味地迎合计算机消费市场,而是利用创新的方式引导市场,引领计算机行业向人性化的用户界面发展、迈进。


至此,我们也彻底地向“暗黑模式”说了再见,全面拥抱“浅色模式”的到来。



4、“浅色模式”成为用户界面的主流


麦金塔搭载的 System 1 打破了字符终端的模式,浅色的界面风格一直持续到 System 6 都没有显著的改变。直到1991 年的 System 7 开始引入彩色,图标也增加了隐约的灰色,蓝色和黄色阴影。System 7 系列中的 7.6 版本正式被苹果公司改名为 Mac OS ,而这一年是1997年。

与此同时,微软的 Windows 从黑屏的 DOS 发展到全屏幕的 Windows 1,再到较为成熟的 Windows 3,最后演变到奠定当今 Windows 界面基础的炫丽多彩的 Windows 95。用那个时代的眼光来看,微软的变化是相当惊人的,微软俨然成为了一匹计算机行业的黑马,一路赶超苹果成为行业霸主,而苹果因为因循守旧,在界面设计上从领先掉到了最后。

此后,从 Mac OS 8 到 Mac OS X Server 1.0 ,苹果一直专注于改善操作系统和优化界面表现,直到2001 年 3 月,经历了四个开发者预览版和一个公共测试版之后的 Aqua 界面终于跟随 10.0 正式发布,发布后改变了人们对计算机界面的印象,在随后的10年里苹果一直沿用这套界面风格。

OS X 系列用户界面较大的更新来自于2007年10月发布的 10.5 Leopard 豹,虽然基本的界面仍为 Aqua 和其糖果滚动条,但新加入了一些铂灰色和蓝色,另外重新设计的 3D Dock和更多的动画交互使得新界面看上去 3D效果更强,此外还改进了 Finder、半透明菜单条并新增了最初只用于 iTunes 的 Cover Flow界面。


整体来说,Mac OS X 10.5 Leopard 豹 这一版本的用户界面相比之前有了翻天覆地的变化,灵活生动的图形语言和交互体验重新得到了用户青睐,苹果也以此,再一次走上了引领潮流之路,使得多彩的“浅色模式”成为用户交互界面的主流。

苹果开创性的界面图形语言也延续到了移动设备领域。

2007年的初代iPhone作为苹果公司第一个移动设备产品(iPhone1代)首次亮相市场,惊艳了整个行业,iPhone搭载的 iPhone OS 和后来更名为 iOS 的系统,延续了 Mac OS 用户界面的设计语言。在历代iPhone上可以看到没有物理键盘侵占空间的屏幕,精美的的方块图案整齐的排列开来,颜色丰富且耐看。

依稀记得当时的我们,还玩着黑白屏幕上的俄罗斯方块,还敲打着物理键盘上的九宫格,挪鸡鸭也表示永不为奴。

2010年堪称iPhone史上最重要的一年,苹果推出了“改变一切”的iPhone 4,并对其用户界面进行了革新。

生动的拟物化设计风格正式成为业界潮流,这也使得UI行业逐渐热了起来,苹果的界面设计规范也顺势成为了主流的移动端设计规范。

苹果以此作为移动端界面设计的基础,沿用到之后的iPhone系列中,期间iOS系统的风格保持依旧,只有 iPhone 5S 搭载的 iOS 7 做出了图标由拟物化向扁平化的改变,但整体都以“浅色模式”作为主流的用户界面视觉模式。



5、“暗黑模式”的正式登场


在 Mac OS 的系统上,用户可以通过“通用设置-外观”来对整体界面进行浅色、深色的切换,可以看出,苹果早已把“暗黑模式”纳入到他们的开发队列中,也就是说,“暗黑模式”的概念主要来源于苹果的 Mac OS,这也为“暗黑模式”的正式登场埋下了伏笔。

自从有了这个概念之后,很多网站都为用户提供了“浅色”和“深色”两套界面,便于用户根据自己的习惯或爱好进行切换。在 Mac OS 之后,很多 App 和 Android 定制 ROM 也加入了所谓“深色模式”的支持,其中也不乏 Web 端的网站、系统等。

北京时间2019年6月4日,果粉期待已久的苹果WWDC19如期而至。

发布会上,库克一如既往地优先调侃了Andriod系统一番….(苹果一直喜欢用数据说话,想了解的同学可以回顾一下发布会的视频)

言归正传,在发布了一系列硬件之后,库克终于介绍了大家期待已久的 iOS 13。新发布的 iOS 13,除了提升系统流畅度和增加系统稳定性外,还介绍了其他提升用户体验的优化。


其中,最为引人注目的“暗黑模式”即将亮相于新系统。

发布会表示,暗黑模式可以“改善电池寿命,改善视力不佳和强光下的人的可视性,以及在弱光环境中更好地使用设备”。

“Wow,beautiful!”、“That’s beautiful!”、“That’s so beautiful!”发布会的主持人一边演示使用在暗黑模式下的App应用,一边不由自主地发出赞美。这也许也受到了老乔的影响,犹如在剧场舞台中心的话剧演员,有着一种无可比拟的自信和气场。

但有意思的一点是,主持人展示了 iOS 13 暗黑模式的开发团队合照,从极客穿着到赛博朋克式的暗黑摇滚装扮,这一戏剧性的变化似乎在告诉大家:“玩,我们也是认真的。”

发布会上简单演示了暗黑模式下的漂亮界面,虽然没有过多地阐述暗黑模式的开发细节,但是这标志着暗黑模式“重新”登上历史舞台。



6、小结


我们从苹果产品发展史中,不难发现苹果对于用户体验的理解是具有创造性的,总是能先于用户发现用户的潜在需求。苹果产品的发展史也可以称之为用户界面的演进史,从早期黑色背景的计算机桌面发展到以浅色为主的用户界面,再到 iOS 13 正式发布的“暗黑模式”,这一过程貌似是在“返祖”,但这些始终是围绕以用户体验为中心的改变和突破。


“暗黑模式”是什么?抛开技术理论,简单理解就是降低用户界面在设备上的亮度,以深色的背景、较低的对比度、灰阶的色彩来呈现用户界面,提升用户使用产品的体验。



二、为什么?


上面我们提到了,根据 Apple 官方的说法,暗黑模式可以“改善电池寿命,改善视力不佳和强光下的人的可视性,以及在弱光环境中更好地使用设备”。

我们可以围绕这个说法,结合我们与设备、环境的关系进行探讨。



1、更好地适应弱光环境


随着人们对智能设备的依赖性越来越强,设备使用的时间也高频覆盖了白天到黑夜,夜晚使用的频率更是与日俱增,所以暗光环境的使用需求被实实在在地摆到了台面上。以设计职业为例,在阿里巴巴 UCAN 2019 设计大会上分享的数据结果显示:设计师群体夜晚的工作时间通常在5-6个小时…

不是在加班就是在加班路上的我们更习惯于在夜间工作,夜间安静的环境更能让我们专注设计、灵感爆棚。但这也在另一方面表达了我们需要设备更加符合我们在弱光环境下的视听需求。

Dark Mode 由此应运而生,使用暗色模式可以缩小屏幕显示内容与环境光强度的差距,可以保证使用者在暗光环境下使用设备的舒适度。也就是说 Dark Mode 可以降低屏幕的整体视觉亮度,降低对眼睛的视觉压力,再也不用怕夜晚的设备屏幕刺瞎我们的双眼了。


但这里我们要理解一个概念,“降低对眼睛的视觉压力”并不等同于所谓的“护眼”,夜晚使用暗黑模式的设备,实际上并没有改变屏幕的“频闪”问题,所以说用户看屏幕的时候依旧会有视觉疲劳的症状,所以各位大佬还是晚上少看屏幕,多爱护眼睛吧。



2、更好地专注显示内容



想象一下,我们在电影院看电影时,为什么要全场关灯?

甚至有些APP, 在影片的下方也会有一个模拟关灯效果的按钮,来让整个手机屏幕变黑, 只剩下视频画面的部分,这都帮助我们可以更专注、更沉浸在当前的内容下,也就是所谓的“沉浸感”。


这其中的原理就是色彩本身是具有层级关系的,深色会在视觉感官上自动后退,浅色部分则会向前延展,这样对比强烈的层次关系可以让用户更注重被凸显出来的内容和交互操作;尤其在信息负责界面内层级关系的合理拉开对操作效率都有明显的促进作用。

这一点在股票交易软件上就是最好的验证,目前来看全世界绝大多数的股票软件采用的都是负极性,也就是暗色底的设计方式。红色和绿色代表的涨或跌(不同国家颜色表示可能不一样)在这样的深色背景下就会特别显眼,还有一些颜色比如蓝色用于某些数据的走势图。这样的显示帮助用户更好地集中精力在数据获取上,更快地做出决策。


3、更好地迎合消费品味


这里所提到的消费品味是来自用户层面的潜在心理需求。

从心理学角度而言,颜色可以影响观者的感受和情绪,这直接影响到用户对于一个事物的判断和选择,这就像我们消费购物一般,有时候我们的消费不完全是为功能、实用性买单,而更加看重的是一个产品的外观属性,当产品的外观符合我们的消费审美甚至超越预期时,我们往往会更快地做出消费选择。


而黑色在积极层面的外在直观表现为高贵、庄严、镇定、神秘,这代表着黑色相比其他颜色存在着更多的可能性,这也造就了黑色成为百搭色,可以作为其他颜色的底色、陪衬色进行使用。暗黑模式也存在同样的心理暗示,沉稳、神秘的黑色会让用户联想到产品的稳定和高级,提升用户的心理信任度,迎合用户的消费品味。

4、更好地改善电池寿命


最后才探讨耗电功效方面的问题,算是一个压轴问题了,在某种程度上说,智能移动设备目前最大的矛盾是性能与电池功效的博弈。如果去微博等社交网站进行搜索可以发现,为了省电而使用深色主题或者说黑暗模式的用户大有人在,尤其是一些中高端采用 OLED 屏幕的手机。这是为什么?


暗黑模式省电的作用来源于 OLED 这种材质的特性,这种屏幕经过多年发展如今已经取代了 LCD 在中高端手机上的地位。和 LCD 依赖于背光不同,OLED 自发光的特性使得屏幕能够独立控制单个像素是否发光,也就是说画面越黑,采用 OLED 屏幕的手机就越省电。下图做了一个简单的理解示例,每一列的格子代表亮度,在不同亮度下有相对应的耗电量显示,闪电的亮度代表耗电量的多少。

理解了简单含义,我们再来看一下Notebookcheck上对于OLED功耗的专业研究数据。在使用 OLED 屏幕时,屏幕上显示的内容决定了功耗。当屏幕基本全黑时(OLED <1% White),OLED 屏在任何亮度下的功耗都保持恒定。显示了白色内容的屏幕,功耗曲线会随着亮度提高而逐渐变陡。

上面的可视化图表相对来说可能需要一定的理解时间,让我们翻译简化一下。

上图显而易见,OLED屏幕的耗电量不仅受到亮度高低的影响,关键在于在OLED屏幕显示了什么,有多少区域是浅色甚至是白色的,有多少区域是深色甚至黑色的,深色区域占比越高,相比较之下OLED屏幕也就越省电。这也就证明:OLED屏幕在使用以深色为主的显示模式时,能够降低耗电量,提升供电效率,也就是改善电池寿命。


文章来源:站酷   作者:强强0075

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


一篇文章搞懂毛玻璃拟态

资深UI设计者


设计趋势轮回,玻璃效果以一种新的展现形式回归,我们以往对它的称呼有毛玻璃效果、磨砂效果等,在下文中统称为毛玻璃拟态。

前言


设计趋势总是在不断的变化,近几年拟物风格又以新的形式——新拟态回归大众视野,苹果发布了macOS Big Sur 操作系统,整体风格应用了新拟态的设计思路,采用了3D质感的元素设计,其中还包含了运用阴影、透明度以及背景模糊/高斯模糊手法模仿玻璃形态,构建空间感的新兴拟物态风格——毛玻璃拟态风格。

undefined


一、毛玻璃拟态的历史


毛玻璃视觉其实可以追溯到2007年微软发售的 Windows Vista和Windows7,随之后来的OS X 10.10(Yosemite)和iOS7中大量出现毛玻璃效果,比如底部快捷菜单栏、通知中心和多任务切换窗口等,苹果公司加大了模糊程度,透明效果基于扁平,更顺应当时UI扁平化的设计趋势。


后来,苹果在他们的移动操作系统中大大减少了毛玻璃效果,但是最近在 MacOS Big Sur 中又增加了毛玻璃质感。微软的 Fluent 设计系统也非常注重这一效果,他们称这种效果为 “亚克力”,并将其作为设计系统的组成部分之一。


二、毛玻璃拟态的特征及优缺点


1.毛玻璃拟态的特征

毛玻璃拟态模仿了塑料材质(凹凸质感,凸显层次感),这个新的视觉风格更加注重垂直空间Z轴的使用:

—透明感(使用背景模糊/高斯模糊的磨砂玻璃效果)

—物体漂浮在空间中,通过前后关系表现层次感

—鲜艳的色彩感,更突出了模糊的透明度

—半透明物体边缘的微妙处理,采用细腻的边框来表现玻璃质感

这是注重空间感的典型特征,意味着这种风格有助于用户建立界面的层次结构和深度。用户可以看到物体间的层次关系,哪一层在哪一层之上,就像空间中真实的玻璃一样。


2.毛玻璃拟态的优缺点


优点:

毛玻璃拟态效果之所以被大家应用和认可除了它能带来的优秀视觉表现,更重要的是其本身的功能意义,它能帮助设计师更好的拉开信息层级并达到视觉统一

(1)视觉表达

通过背景毛玻璃化,可以中和扁平化图文带来的生硬不立体。在卡片元素上添加毛玻璃效果,与其他元素叠加后视觉上建立层次感,将信息层级更好的表达出来;在图标中增加毛玻璃效果,可以提升图标通透的质感。

(2)品牌感

良好的视觉统一,有助于提升产品的品牌感。


不足:

毛玻璃拟态效果并不好应用于上线产品。它不适用于按钮或开关(这些重要的界面元素应该具备高对比度,更加清晰明确),模糊效果也要注意分寸,屏幕上过度使用模糊效果,会使整个 UI 对某些用户可阅读性差,同时也会使页面看起来显脏。

也可以这样理解,使用毛玻璃拟态风格的前提是卡片内部有足够的对比度和合适的间距来定义层次结构,并在视觉上 “分组” 所有相关的对象。它可以只在一个元素上使用,也可以作为卡片背景修饰视觉效果,这种很容易达到较好的视觉效果,页面风格也会特别亮眼,整体干净、明亮。


三、毛玻璃拟态的应用


1.卡片背景

用作卡片背景时,能很好的表达信息之间的层级感,朦胧透出下层视觉元素,营造了良好的视觉美感。


2.APP图标

用作APP图标,可以提升图标通透的质感。常见的三种图标案例:A.顶部图形为白色,底部图形为其他色;B.顶部图形和底部图形为同色,顶部图形颜色明度高;C.顶部图形和底部图形不同色


3.界面包装

运用毛玻璃去包装UI界面,页面风格整体干净、明亮,有较好的视觉效果。


四、毛玻璃拟态绘制原理


1.和任何基于卡片的布局一样,物体离我们越近,它吸引的光就越多。在这种情况下,意味着它会更透明一些。

2. 整个效果的基础是阴影、透明度和背景模糊的组合。这种风格可以使用一个透明层,也可以使用多个透明层,但多个透明层叠加在复杂彩色背景上的效果会更好(当至少两个透明层出现在一个相当复杂的彩色背景上时,玻璃形态的效果是最突出的)。


五、毛玻璃拟态-卡片背景的绘制要点


1. 如何设置正确的透明度

重要的是要记住,你不能让整个形状透明,需要调整填充的透明度来达到透明效果。如果不调整填充的透明度,仅仅是调整整个对象的透明度,就不会产生模糊的效果。

在上面的例子中,背景模糊值完全相同,但圆形图像的叠加效果看起来完全不同。当填充不透明度为 100% 时,对象的透明度再低也没有用,根本无法得到想要的模糊效果。


2.如何选择合适的背景

最底层背景在这个效果中扮演着重要的角色。不能太简单或太单调,否则毛玻璃效果就看不出来,但也不能太复杂。

复杂的背景有助于玻璃形态的展现,这可能就是苹果选择了彩色背景作为 MacOS Big Sur 默认壁纸的原因。当模糊的透明层位于背景之上时,那些容易辨别的色调差异也很容易被看到。


六、毛玻璃拟态-图标的简版教程


用作卡片背景绘制操作比较简单,使用背景模糊就可以搞定,重点在于根据实际情况进行透明度和模糊度的调整,这里就不再做展示。


下面是毛玻璃拟态-图标的教程:

第一步:绘制基础图形,顶部图形颜色#DDEDFF,底部图形渐变色#00EDFB——#001EEE

第二步:底部图形复制一层,做高斯模糊效果,高斯模糊:12,不透明度72%,将模糊层置于顶部图形上,添加蒙版

第三步:为了更好的增加图标辨识度,增加渐变描边,渐变色#FFFFFF——#D5E9FF,图标绘制完成。

过程中用到的色值和模糊度可以根据视觉美观度做适当调整,也可为图标增加阴影,提升整体效果。


结束语


作为设计师,我们可以看到,设计趋势一直在变化,每隔几年就会转向另一种风格,但似乎每种风格又有自己的前世今生。所谓趋势轮回,并不只是单纯的回归,而是以一种的更丰富、更立体、更具有层次感的方式呈现在人们面前。

我们要做的就是不盲目,不盲从,看清楚趋势变化的本质。


文章来源:站酷   作者:April_Firefly 

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


第三方支付行业发展已到下半场,产业服务商成为升级方向

资深UI设计者

微信支付、支付宝支付这些常见的支付方式都属于第三方支付,而在互联网发展的下半场,第三方支付会走向何方呢?本文以第三方支付未来发展变迁方向洞察为重点,分析内容主要包括了第三方支付行业发展变迁盘点和第三方支付行业变迁方向预判。

01 第三方支付借势起飞,4.0时代为社会发展提供核心动力

1.0时代:第三方支付开始起步,商业模式单一限制行业发展天花板

1999年,随着首信易支付的成立,我国的第三方支付业务开始正式起步。这一阶段,我国第三方支付行业的监管相对混乱,行业的进入门槛也比较低;第三方支付公司在当时所起的作用仅仅相当于支付通道,商业模式单一,业务增值空间有限。加上该阶段电子商务在我国尚处于市场起步期,消费者对于第三方支付的整体接受程度依旧不高。因此,当时我国第三方支付行业整体的交易规模和增速均不突出,不同第三方支付公司之前的产品同质化问题较为严重,企业之间的竞争较为激烈。一些规模较小、商业模式不清晰的第三方支付公司的业务体量随之开始出现萎缩。

供需两端双向发力,第三方支付交易额快速增长。

供给端,线上交易领域,支付宝在2005年首次提出了“担保交易”的概念。这一概念的提出不仅提高了消费者对第三方支付平台的信任,也进一步拓展了第三方支付公司的业务想象空间。线下交易领域,拉卡拉从2007年开始大力进行线下便民支付点的建设和信用卡还款业务的推广,充分满足居民日常的支付需求;需求端,电商、在线航旅等行业的发展成熟也推动了消费者对于第三方支付的相关需求。在供需两端的双重作用下,2008-2010年,我国第三方支付行业的交易额连续3年增长率超过100%。

2.0时代:牌照正式发放,第三方支付行业进入合规发展阶段

随着行业的发展和成交额的快速攀升,依然处于监管空白期的第三方支付行业开始出现挪用资金、非法套现等一系列的行业问题,监管层也开始逐渐加强对于第三方支付行业的监管。2010年,央行出台《非金融机构支付服务管理办法》,确立了第三方支付相关的配套管理办法和细则;2011年,央行正式开始发放第三方支付牌照,拉卡拉等公司成为首批持牌展业的第三方支付公司,我国的第三方支付行业开始正式进入合规化发展阶段。

支付机构积极响应监管要求,相关企业开始移动支付试点。

为第一时间获得对应的支付资质,众多支付机构积极对监管的要求予以回应,努力满足监管的相关规定。

随着网络的逐渐进步和智能手机的问世,通信运营商、银联等机构纷纷开始进行移动支付的试点,国内的移动支付开始逐渐起步。2011年11月,支付宝正式推出了手机APP二维码支付业务,二维码支付正式在国内亮相。

3.0时代:硬件、场景快速成熟,二维码借自身优势成功上位

伴随着移动互联网的发展和智能手机等硬件的逐渐成熟,打车、外卖、理财、红包转账等手机端的交易场景开始接连出现,居民对于移动支付服务的相关需求开始迅速攀升。各家支付机构也开始加快移动支付相关技术的研发和市场推广。在这一过程中,二维码凭借着自身编码范围广、传播制作成本低、容错率高、识读方便等一系列优势成功上位,逐渐成为市场上最为主流的移动支付方式。

交易规模迅速攀升,支付机构全面拥抱移动互联网。

随着场景、硬件的日趋成熟和居民对移动支付认可度的快速提高,我国移动支付市场的交易规模也迎来了爆发式增长。根据易观分析数据显示,2015至2017年,我国移动支付市场交易规模的增速连续三年超过100%, 2017年的交易规模增速更是达到了208.7% ;交易规模的飞速增长也加速了相关企业的业务布局。拉卡拉、中国银联等支付机构先后推出了自己的智能移动支付产品,积极拥抱移动互联网。

4.0时代:技术、政策、相关企业协同推动产业互联网发展

随着时代的发展和社会的进步,我国的互联网也正逐渐由消费互联网向产业互联网迈进:技术领域,人工智能、云计算、区块链等技术逐渐发展成熟并被落地应用;政策领域,监管层积极出台关于产业互联网、工业互联网等方面的相关支持性政策,大力扶持相关产业的发展;企业层面,拉卡拉、三一重工、海尔等不同类型的企业均开始进行产业互联网、工业互联网等领域的业务布局,准备以全新的姿态迎接新时代的到来。

1)支付在产业互联网时代将逐渐成为商业社会运行基础设施

随着产业互联网的来临,数据对于各个企业的生产、经营和创新都开始发挥越来越重要的作用。在这样的大背景下,支付数据覆盖用户广泛、真实有效、数量庞大的优势开始逐渐体现。支付数据和支付机构开始在商业社会的运行过程中发挥越来越大的价值。支付也逐渐演变成商业社会运行的基础设施。

02 支付机构拓展增值服务业务,转型综合型产业服务商

1. 第三方支付机构开启转型变革之路,积极寻求自身二次增长

高速发展过后,我国的第三方支付行业迎来了发展变革的十字路口:一方面,受到监管政策趋严、成交额基数增大等原因的影响,第三方支付机构传统支付收单业务的增速开始放缓,业务的天花板逐渐开始见顶;另一方面,随着我国数字经济的发展和产业互联网时代的到来,越来越多的企业开始产生一系列金融服务、营销、风控等方面的增值服务需求,企业服务市场的发展潜力开始逐渐凸显。在这样的背景下,越来越多的支付机构开始深挖自身已有数据资源的价值,积极利用人工智能、云计算、大数据等一系列前沿科技进行企业服务业务的拓展,开始进行由单一支付服务商向综合型产业服务商转型的尝试,积极寻求自身的二次增长。

2. B端企业服务与C端用户深度运营成为支付公司两种升级路径

根据易观分析的观察,目前阶段,我国第三方支付机构转型综合型产业服务商的路径主要有两条:一条是以侧重于B端企业或机构的深度服务,努力为合作的B端企业或机构创造更大的价值;另一种则更加偏向C端消费者的深度运营,通过持续拓展服务场景和业务边界来巩固C端消费者与自身产品之间的关系,并为C端用户提供更加丰富的产品服务。

3. 市场竞争、产品研发等问题将成为支付机构转型阻碍

尽管我国的很多第三方支付机构已经开始进行转型综合型产业服务商的努力与尝试,但是其在转型的过程当中也不可避免的会面临来自产品研发、营销推广、外部竞争、市场成熟度不高、数据安全等各种各样潜在的风险与挑战。

  • 更加激烈的市场竞争:大量的软件公司和互联网企业同样也看到了产业互联网和企业服务市场未来巨大的发展潜力,纷纷开始进行对应业务的战略布局,这可能会使得未来企业服务市场的竞争变得更加激烈。
  • 我国企业服务市场商业模式尚不成熟:目前阶段,我国很多公司对企业服务产品的付费意愿依旧不高,这使得我国很多企业服务公司目前仍然没有形成相对成熟的商业模式,很多企业依旧在持续的亏损。支付机构在进行企业服务业务拓展时可能会面临同样的风险。
  • 更高的产品研发和市场推广风险:B端企业服务产品的研发往往要投入大量相关资源。产品开发周期长,开发难度大;市场营销方面,由于企业服务产品的单价往往偏高,而市面上目标企业客户的数量远远少于C端用户,这也就使得B端企业客户的触达和成单难度更大。
  • 更高的数据安全要求:随着各个企业对数据的重视程度不断提高,数据安全的问题也变得越来越重要。私有化部署往往会需要企业付出较高的时间和人力成本,因此如何以合理的成本在保障客户企业的数据安全也成为支付机构需要解决的重要问题之一。

03 新竞争者入局将再次引发移动支付市场争夺

1. 牌照价值凸显,未持牌公司加速抢购支付业务“入场券”

2011年至今,央行共计发放了9批271张支付牌照,但是在2015年3月之后,央行就基本停止了第三方支付牌照的发放。这也就使得后续的公司只能通过收并购的方式来获得相关的支付资质。第三方支付牌照快速成为市面上的稀缺资源。

根据易观分析不完全统计,2012年至今,我国境内共发生了近100起支付牌照交易案例,国美、美团、唯品会、小米、滴滴、字节跳动等众多企业均通过收并购的方式获得了支付业务的“入场券”。

2. 合规、节约开支和底层数据成为企业获取支付牌照主要原因

易观分析认为,未持牌企业积极收购支付牌照主要是出于以下三个方面的考虑:1、确保自己支付收单业务的合规性,规避潜在的合规风险;2、节省下对应的支付通道服务费用,获得对应的备付金利息;3、获得底层的支付数据,方便企业构建更加详细的消费者和商家画像,进行后续的精细化运营和业务拓展。

3. 新竞争者入场将为第三方支付行业带来“鲶鱼效应”

易观分析预测,拼多多、字节跳动等企业的先后入场将会再次引发移动支付机构对于C端市场的争夺;另一方面,更有实力的市场参与者的加入也将对市面上的独立第三方支付公司产生影响:依旧希望继续独立运营的第三方支付公司在未来将进一步加快自己对于场景和产品服务的建设,努力构建起自身的核心竞争力;而难以构建起核心竞争壁垒的第三方支付公司则可能寄希望于其他公司的收并购需求。

04 泛支付公司掀起登陆资本市场热潮,将成为重要构成板块

1. 进入发展成熟期,持牌第三方支付公司逐渐成为资本市场宠儿

随着我国第三方支付行业的发展,我国的持牌第三方支付公司也进入相对成熟的发展阶段,拉卡拉行业头部企业开始逐渐得到资本市场的关注加码。在这样的背景下,我国的持牌第三方支付公司在近几年开始频繁的登陆资本市场。

2. 产业链上下游公司协同受益,资本市场全新板块开始崛起

随着持牌支付机构陆续获得资本市场认可,同样位于支付产业链上的非持牌支付产业服务商和终端厂商也开始逐渐获得资本市场关注,二者与持牌支付机构共同推动泛支付行业逐渐成为资本市场上一个重要的独立板块。

3. 企业融资热度不减,泛支付上市公司未来阵容将继续扩大

除了拉卡拉等已经成功上市的泛支付公司外,收钱吧、PingPong等公司在近几年均获得高额融资;以银联商务为代表的几家持牌支付机构也在积极的谋求上市。可以预见的是,泛支付上市公司的阵容在未来将变得越来越大。

4. 相关公司获得全新发展机遇,行业整体影响力持续提升

对于泛支付板块中的相关公司来说,获得资本市场的青睐将会为公司带来更加充足的市场关注度、资金等相关资源,也可以推动公司的规范化发展。随着头部公司逐渐得到资本认可,越来越多的泛支付公司在将来也会开始尝试登陆资本市场,整个泛支付板块未来在资本市场的影响力和重要性也将不断的得到提高。

泛支付板块公司获得资本市场关注的积极意义

  • 推动企业发展更加规范:企业接触资本市场可以帮助其进一步明晰产权关系,规范纳税行为,完善公司治理,建立更规范的现代企业制度和更完善的激励机制。
  • 帮助公司获得更多资金和资源:获得资本市场的关注可以帮助支付公司更好的利用资本市场进行融资,获得公司发展必须的资金和相关资源。
  • 有效提升企业的品牌价值和市场影响力:成功上市本身就是公司荣誉的象征。此外,上市也可以帮助公司获更多投资机构,研究机构和媒体的关注,帮助自己获得更多的品牌溢价。
  • 有机会实现公司股权的进一步增值:对上市公司来说,自身的表现可以直接反映到股价上,表现良好的公司也更容易获得更高的市场估值,从而帮助自己更好的进行资本运作。提升行业整体的影响力,推动行业整体发展:越来越多的泛支付企业登陆资本市场可以帮助整个板块提升自己在资本市场的影响力;整个行业也可以凭借资本的助力实现进一步的发展。

05 海外市场将成为支付机构增长新引擎

海外市场前景依然广阔,支付机构积极构建全球业务版图。

除了继续关注国内市场的发展外,不少支付公司也已经将自己的目光转移到了海外市场。相关需求方面,随着留学、旅游、购物等海外消费的快速发展,我国居民和商户对跨境收付款的需求增长明显;市场想象空间方面,以东南亚市场为代表的移动互联网和移动支付依然处于快速发展阶段,整个市场依然有着不小的增量空间;从产业成熟度的角度来看,我国移动支付的相关技术和商业模式已经非常成熟,具备进行海外输出的能力和条件。

06 支付公司拓展跨境支付业务的原因

国内消费者和商户跨境收付款需求增长明显:

  • 根据国家统计局和易观分析数据显示,2019年,我国跨境进口电商交易规模、居民因私出境人数及出国留学人数相较去年分别增长15.8%、4.6%和7.2%;
  • 根据易观分析相关数据显示,2020年我国B2C类跨境出口电商通过第三方支付机构的收款规模预计将达到7300亿元人民币,相较2019年将增长24%。

东南亚等海外移动支付市场依然有着不小的增量空间:

  • 根据互联网公开数据显示,到2025年,东南亚的数字支付交易规模将突破1万亿美元大关,2019-2025年的复核增长率将达到10%;
  • 根据互联网公开数据显示,越南移动支付用户数量的增长率从2018年的37%增加到2019年的61%;泰国从19%增加到67%,马来西亚从17%增长到40%;菲律宾从14%增长到45%。

我国移动支付市场发展成熟,具备进行海外输出的能力:

  • 根据CNNIC数据显示,2020年上半年,我国移动支付金额继续稳居全球第一,而这也是我国移动支付交易规模连续三年居全球首位;
  • 以拉卡拉为代表的众多国内支付公司在近些年积极进行跨境支付业务的发展,帮助中国的跨境电商企业快速实现资金结算。

1. 自营与合作成为支付机构“出海”主要模式

目前阶段,我国支付机构拓展海外市场有两种比较主要的业务模式:一种是国内支付机构自己直接进行海外相关业务的展业;另一种更为普遍的则是“出海造船”模式,即通过投资或合作的方式寻找本地的合作伙伴进行技术、商业模式的输出或业务的合作推进。

在主要面向的客户群体方面,在国内C端移动支付市场有明显流量优势的支付企业在海外可能同样倾向于C端钱包账户体系的打造和消费者支付场景的拓展;而以拉卡拉为代表的其他支付机构则把业务发展的重心放在了B端商户上。

2. 支付机构“出海”优化用户支付体验,推动我国跨境贸易发展

易观分析认为,对于进行海外购物的消费者来说,支付机构纷纷“出海”可以进一步优化其跨境支付的体验,更好的保障自身的资金安全;对我国的跨境贸易来说,跨境收付款产品服务的升级可以帮助相关企业减少收付款过程中遇到的问题,推动我国整个跨境贸易的发展和增长;对于拓展跨境支付业务的第三方支付机构来说,跨境支付及相关增值服务可以帮助支付机构寻找到新的业务增长点,实现公司的二次发展。

3. 支付公司拓展跨境支付业务所产生的积极意义

对消费者:可以让更多的消费者在海外通过国内的支付APP进行付款,进一步提高消费者跨境收付款的效率,优化消费者跨境支付的体验,更好的保障消费者的资金安全。

对我国的跨境贸易:跨境收付款及相关增值产品服务的升级可以帮助相关企业减少展业过程中遇到的问题,提高自身生产经营的效率,推动跨境贸易企业以及我国整个跨境贸易行业的发展。

对第三方支付机构自身:跨境支付及相关增值服务更高的利润水平和更大的想象空间将使其成为支付机构下一阶段重要的业务增长引擎,帮助支付机构优化自身收入结构,实现营收和利润的良性增长。

4. 支付机构“走出去”依旧需面临监管、业务本地化等多挑战

尽管“出海”在近两年成为支付行业的热门话题,但是支付机构在境内境外跨境支付业务拓展的过程中依旧可能面临来自多方面的挑战。境外业务拓展方面,海外市场的监管政策、宏观环境、用户偏好、业务合作模式和国内可能都存在着巨大的差异,这些外部因素的变化很可能使得国内支付机构之前积累的很多经验并不能发挥足够的效用;相关人才的不足也对支付机构的业务拓展造成了一定的影响。境内业务拓展方面,相比较于传统的境内支付业务,支付机构对于跨境商户的相关资质审核、交易真实性的验证和可疑交易筛查的难度也都会更大。

文章来源:人人都是产品经理   作者:易观分析

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


2021年中国电商市场的9大趋势预测

资深UI设计者

今年受到新冠疫情的影响,线上电子商务行业飞速发展。直播带货、社区团购等成为新的风口,未来它们还能这么火吗?本文作者从自身工作经验出发,对2021年中国电商市场的趋势进行预测,与你分享。

2020年受新冠疫情影响,线上电子商务行业飞速发展。社区团购,C2M趋势越来越明显,因此预计2021年将是中国电子商务市场充满创新和扩展的一年。各商家将采用新的举措和技术,并希望将业务扩展到低端城市。以下是2021年中国电子商务市场的10大趋势预测。

  1. 直播将成为重要的传播媒介。
  2. 从KOL营销向KOC营销的转变。
  3. 短视频应用程序将继续结合电子商务。
  4. 随着主要电子商务平台启动团购功能,团购将持续增长。
  5. 小程序提供新的购物平台。
  6. 快递运输将更快。
  7. 中国基于数据的消费者到制造商(C2M)模式将推动电子商务的发展。
  8. 垂直电子商务网站将获得吸引力。
  9. 跨境电子商务的格局正在发生变化。

因此:2021年将是中国电子商务市场创新与扩展的一年。

  • 实时流媒体和短视频为零售商和品牌提供了与消费者互动和推广其产品的手段。
  • 新兴购物渠道(包括团购和小程序)将与主导的电子商务平台一起蓬勃发展。
  • 垂直电子商务网站将在2021年实现强劲增长。
  • 零售业中越来越多的技术采用和数据使用将使消费者对制造商(C2M)业务模型的增长以及更快的交付服务成为可能。
  • 跨境电子商务将通过阿里巴巴收购考拉平台进行整合,从而进一步巩固该公司在在线领域的主导地位。

01 直播将成为更加重要的传播媒介

实时流媒体在2020年对消费者的购物行为产生了更大的影响,并将在2021年继续在中国电子商务市场中发挥越来越重要的作用。这种销售媒介类似于电视购物(例如QVC),但在21世纪得到了升级。

直播会话的视频内容实时广播,观众可以通过在线链接在观看视频的同时购买商品。就像QVC上的导购一样,实时流媒体主持人出售各种各样的产品,从服装和化妆品到电子产品和汽车。

购物者被直播吸引的原因有几个:

  • 精选的产品: 直播间主持人会根据粉丝的喜好精心挑选产品,这不仅吸引了观众,而且还提高了转换率。的确,淘宝声称它在2018年的直播中拥有65%的转化率。
  • 种类繁多的产品:通过直播,在美容,时尚和杂货行业中推广各种产品。一些主持人甚至卖电影票和酒店套票。
  • 低廉的价格:淘宝直播主持人经常与品牌合作,向粉丝们分发礼品或产品折扣,直播观众通常对价格更为敏感。
  • 抽奖:抽奖是主持人与观众互动的一种流行方式。例如,著名的中国主要舆论领袖(KOL)李嘉琪(被称为“口红之王”)通常会通过举办比赛来赢得戴森吹风机,iPhone11和小米电视等高价值电子产品,以此来吸引观众参与。
  • 数量有限和限时优惠:直播主持人经常采用快速销售策略,每次销售仅持续很短的时间,可用产品的数量有限。此外,主持人将定期宣布库存余额,以增加观众购买的紧迫感。
  • 克服“选择悖论”:如果向购物者提供了太多选择,他们可能会在购买商品时感到困惑,因此什么也没买。在直播会话期间与消费者互动,以帮助消费者专注于一种产品并更轻松地做出购买决定。

通过这些策略,直播主持人能够吸引大量的购物者。例如,在2019年双十一,李佳琦直播了六个多小时,吸引了3680万观众。

在2019年双十一期间,超过100,000个品牌使用在线直播作为销售方式。在购物狂欢节的第一个小时内,在线直播产生的商品总销量(GMV)超过了去年在线直播的全日总成交量。总体而言,2019年11月11日,GMV达到200亿日元(28.5亿美元),约占阿里巴巴2684亿日元总销售额的7.5%。

02 从KOL营销向KOC营销的转变

关键意见消费者(KOC)是通过视频制作和帖子发布以分享自己产品使用体验感的普通消费者。这种新兴趋势将为品牌商和零售商提供一种新的传播途径,使他们采用有影响力的营销方式,而不是使用KOL。由于包括快手、小红书和抖音在内的一些中国社交应用程序的普及,KOC可以轻松共享其产品评论,从而影响其他购物者的购买决定。

KOC越来越受欢迎的原因之一是:消费者越来越意识到KOL是由品牌赞助来提出产品建议的人,因此他们认为提供的信息不那么可信和真实。另一方面,KOC本身就是日常消费者,他们更能提供公正的产品评论。

KOC越来越受欢迎的部分原因是购物者希望从日常消费者那里寻求建议。例如,新父母在选择母婴产品时会寻求他们的朋友和其他有经验的父母的建议。通过的社交应用,这些购物者现在可以在做出购买决定之前,观看经验丰富的KOC的视频和评论。

实际上,KOC营销是「完美日记」营销计划的关键组成部分之一,该计划已使其成为中国化妆品品牌之一。在公司成立之初,该品牌就开始与KOC进行大规模合作,这使普通消费者觉得该品牌非常受欢迎。

03 短视频应用程序将继续结合电子商务

短视频应用程序已涉足电子商务市场,我们预计这一趋势将在2021年继续。短视频的长度通常为10–20秒,富含了各种各样的内容。据报道,一些用户在短视频应用上日平均花费数小时。借助人工智能技术和算法,鼓励用户根据浏览历史和喜好定制个性化内容,更大提高了用户对短视频的拥护。

短视频行业在中国蓬勃发展,截至2019年,中国的用户数量超过8.2亿。据商业智能提供商QuestMobile称,这一总数同比增长了32%。在中国10个移动互联网用户中,平均有7.2个使用了快手和抖音等短视频应用程序。根据QuestMobile的数据,自2018年以来,用户在这些平台上花费的时间同比增长了8.6%,总计每月超过22个小时。

为了利用这些统计数据和消费者行为模式,短视频应用程序已采取步骤以通过其用户流量获利:

  • 在2019年10月,抖音添加了一项新的功能,称为“营销标签”,该功能为内容分配了标签,以帮助零售商锁定想要搜索产品的消费者。
  • 在2019年11月,TikTok取消了限制,允许所有用户通过平台销售产品。以前,社交应用程序对用户访问电子商务功能的要求为3,000个粉丝。此举可以帮助拥有32亿每日活跃用户的抖音转变为基于短视频的电子商务网站。

04 随着主要电子商务平台启动团购功能,团购将持续增长

到2021年,电商平台将大力发展社区团购,如果消费者大量购买,团购将以大大降低的价格提供产品和服务。这种购物模式对预算有限的购物者特别是二、三线城市的购物者具有吸引力。

  • 自2015年成立以来,拼多多经历了爆炸性的增长。按市值计算,拼多多目前已成为仅次于阿里巴巴,腾讯,美团和京东的第五大互联网公司,截至2020年已超过百度。拼多多的成功在很大程度上应归功于与其团购模式保持一致,消费者与朋友一起购物以确保获得更好的交易。
  • 京东于2018年6月在微信上开始了其团购小程序,并于2019年4月推出了其团购应用程序。苏宁于2018年7月建立了自己的团购应用程序。
  • 阿里巴巴于2010年推出了其快速销售和团购平台聚划算。阿里巴巴的Alipay在2018年3月推出了名为拼购的功能。

这些用户在双十一购物狂欢节中提供了巨大的消费能力:聚划算报告称,有576种产品在前两个小时内收到了超过1000万张订单;京东表示,其40%的新客户来自靖西。而拼多多在11月11日的前16分钟内售出了1000多辆汽车。

对品牌的影响:团购模式将以较低的价格提供给想要扩展到中国低端城市的品牌。这些地区的消费者往往对价格更为敏感,并且可能会寻找便宜货。团购还为零售商提供了清理库存的好机会。

05 小程序提供新的购物平台

小程序可在支付宝,美团和微信等应用程序中运行。他们为品牌提供了一个额外的在线平台来销售其产品,用户无需下载单独的应用程序即可执行类似的功能。

品牌可以使用小程序作为大型电子商务平台的补充,而不是替代。小程序用作辅助销售渠道,可以列出通过快速促销快速销售的需求商品。小程序也可以用作品牌工具——品牌可以创建交互式的视觉程序,以更好地吸引客户并鼓励他们与朋友分享内容。微信小程序现在支持增强现实(AR),它将虚拟图像叠加到物理世界上。这种类型的第一个是阿玛尼的化妆品小程序,该程序允许用户通过用户在手机上使用的自带摄像头来测试不同化妆品的外观,例如各种色调的唇膏。

资料来源:阿玛尼的微信小程序

小程序为希望打入低端市场的品牌提供了优势,购物者可能不愿下载新的应用程序。品牌可以将小程序与团购结合起来,以访问较低线城市的微信用户。

对品牌的影响:由于小程序的容量很轻,因此品牌在此投资进行营销,客户参与和电子商务是一件好事。微信小程序的创造者微信报告说,截至2019年,它已拥有7亿用户,他们每月使用微信小程序42.6次。

06 快递运输将更快

我们预计到2021年,物流提供商将通过升级物流基础设施和增加保税仓库的产能来提供更快的交货速度。这样就可以为更多产品提供当天交货。阿里巴巴的菜鸟计划旨在通过帮助物流公司大规模部署物联网(IoT)解决方案来数字化并加速整个交付过程。菜鸟计划在2020年至2022年之间将1亿台智能设备连接到其IoT技术,包括其仓库,交付机器人和算法支持的管理系统。

菜鸟还将通过最后一公里送货业务“菜鸟邮局”建立10万个中转站,以增加送货选择。菜鸟邮局提供定期送货,智能储物柜和送货上门取件等服务。

通过采用5G技术,物流提供商将能够提供更,更快的交付。京东物流于2019年北京开设了首个由5G供电的智能物流园区,并使用一代的连接性对叉车的位置和路线进行实时监控,并提供异常预警情况。

对品牌的影响:新技术将推动中国交付的进一步加速。品牌和零售商可以利用诸如智能路由之类的工具,该工具使用机器学习算法来优化交付路线,从而提高交付效率。

07 中国基于数据的消费者到制造商(C2M)模式将推动电商的发展。

中国的消费者对制造商(C2M)模式将成为电子商务发展的新动力,帮助企业更好地满足消费者的需求并实现销售增长。

在C2M模式中,工厂变得以消费者为中心。零售商和制造商从客户那里收集数据,并使用大数据创建客户资料,分析消费特征并计划生产。这有助于制造商预测产品需求并减少库存和供应链风险,这也使品牌商和零售商受益。

在2019年的光棍节购物节期间,天猫用户抢购了1.70亿个C2M产品。一家公司报告说,电动牙刷的销量在11月11日达到了25,000。罗曼利用天猫的消费者见识来影响牙刷的设计,例如牙刷头的尺寸和牙刷的颜色等。

C2M模型还与中国对产品个性化需求的增长相吻合,中国由80年代后的消费者(1980-1989年出生的人)和90年代后的消费者(1990-1999年出生的人)主导。C2M模式将允许制造商和零售商根据消费者的需求生产产品。

品牌影响:根据中国研究公司艾瑞咨询的数据,中国的C2M市场在2018年达到175亿日元(25亿美元),预计到2022年将达到420亿日元(60亿美元),复合年增长率为24.4%。据Statista估计,这相当于2018年中国电子商务总销售额的0.4%和2022年中国电子商务总销售额的0.6%。品牌可以使用C2M模型更好地满足消费者需求,并提高整个供应链的效率。

08 垂直电子商务网站将获得吸引力

垂直市场是电子商务平台,在该平台上,商品和服务被出售给特定的客户群,他们可以通过在线社区相互联系。我们预计此类网站将在2021年蓬勃发展。Babytree(专注于母婴产品)和Gegejia(面向女性市场的全球食品进口商)等网站和应用都是成功的垂直市场的例子。

  • 垂直平台自然将志趣相投的消费者捆绑在一起,并形成了围绕特定行业或产品的强大社交社区。例如,对于父母和婴儿市场Babytree,平台上的用户共享婴儿产品的育儿技巧和建议。
  • 垂直平台提供了更好的内容,可以帮助用户做出购买决定。根据麦肯锡(Mckinsey)在2019年的一项调查,中国三分之二的消费者使用他们从垂直网站收集的信息来影响他们的购买决定。

对品牌的影响:随着消费者对其购买选择的了解越来越复杂,我们希望垂直的电商站点能够吸引人们的注意力,不仅提供产品知识,而且还提供志趣相投的客户可以进行交互的社区。品牌可以与这些平台一起有效地将其产品定位到适当的消费者基础。

09 跨境电子商务的格局正在发生变化

我们预计跨境电商的格局将在2020年得到巩固。阿里巴巴于2019年9月收购了中国当时最大的跨境电商平台考拉,并将其整合到天猫。然后,阿里巴巴将占中国跨境电商市场的50%以上:根据研究公司iMedia Research的数据,网易考拉在2019年上半年占据了27.7%的市场份额,而阿里巴巴的天猫全球市场则占据了25.1%的份额。

这项收购将增加阿里巴巴接触需要跨境购买商品的中国购物者的机会。这也将帮助该公司实现天猫的商业模式多样化,该模式主要涉及邀请外国品牌在其网站上开设在线商店——考拉通常直接从外国商人那里大量购买各种商品,然后再转售给中国消费者。首席执行官Daniel Zhang表示,阿里巴巴对考拉的收购将通过阿里巴巴整个生态系统的协同效应,进一步提升该公司为中国消费者提供的进口服务和体验。

10 2021电商市场趋势总结

实时流媒体将在2021年的电子商务中扮演更重要的角色,因为它使品牌和零售商可以实时向消费者推销产品,并为消费者提供限时折扣的优势。

电商的格局将变得更加多样化,短视频平台和小程序将持续开展直播带货,为零售商提供诸如AR之类的技术,以进一步与潜在客户互动。电商大厂将继续投资,以扩大产品范围,例如阿里巴巴收购中国跨境电子商务平台考拉,并利用技术为消费者提供更无缝的购物体验(例如,使用5G连接简化交付流程)。

基于关系的营销方法将在2021年激增:垂直市场为购物社区提供参与机会。团购将以相对较低的成本提供产品,从而成为零售商吸引来自中国二线城市消费者的一种有效方法。


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

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


解读2021年9种UI/UX设计趋势

前端达人

还有半个月,我们就要跟2020年说再见了~~ 世界每一天都在按照它的意志变化着,每年也都在影响着设计趋势的走向,今天我们就花点时间来讨论一下,2021年可能会出现的UI/UX的设计趋势。      



undefined



 1. 3D


3D设计将有很大可能继续延续,成为2021年的设计趋势,广泛应用于UI、网站、角色、以及动画设计中。



UI设计



图标设计



角色设计




产品细节展示





2. 玻璃拟态


在说到Glassmorphism(玻璃拟态)之前,我们先来回忆一下另一种拟态:


在2019年底,设计圈突然刮起一阵新拟态风(Neumorphism),最初是乌克兰设计师Alexander Plyuto在Dribbble

发布的一张设计作品,引发大家的激烈讨论和争相模仿。



新拟态(Neumorphism)的出现,为当时已经流行很久的扁平化设计开辟了一种新的表现形式,很多人猜测和议论,此风格会不会接替「扁平化设计」成为新的设计主流。


从美学价值上来说,新拟态(Neumorphism)足够现代、看起来也颇具有时尚感、科技感也很足。


不过随着时间的发展,设计师们渐渐发现,在实际的应用上,新拟物化本身确实不能算是一种系统全面的设计风格,因为在很多具体的设计上,新拟态比较难以保证可用性和易用性,在层次的表达上,也有很多局限。




以IOS14和Mac OS Big Sur操作系统发布为标志,一种新的拟物风格正在悄悄流行。



Glassmorphism


这种把阴影、透明度以及模糊的背景结合到一起的设计思路,使界面呈现出介于玻璃和塑料板之间的质感,被Michal Malewicz称为Glassmorphism(玻璃拟态),对比之前火爆一时的Neumorphism(新拟态),这种新趋势更加垂直。


这种垂直性让用户可以通过它看到底层的元素,用户可以确定界面的层次结构和深度。他们可以识别出哪一层在哪一层之上,就像虚拟玻璃一样。



玻璃拟态的设计有几个特点:


· 透明度(使用背景模糊的磨砂玻璃效果)

· 类似于物体漂浮在太空中的多层方法

· 背景上鲜艳的色彩突出了模糊的透明度

· 半透明物体上的细微浅色边框





这种隔着一层玻璃的质感,呈现出一种独特的「虚实结合」的美感




毛玻璃风格ICON


值得一提的是,玻璃拟态与「 macOS Big Sur 和 iOS 14 」在视觉美学上也保持着高度的一致,尤其是在系统的设计美学逻辑上是统一的。


相比于看起来高级但是炫技多于实用性的「新拟态」,「玻璃拟物化」这种风格在各大操作系统的实行和验证之下,实用性更强,视觉美感上也得到目前的操作系统的验证。


不过作为善变的人类,我们很容易就会对流行的趋势感到厌倦,所以每隔几年就会流行到另一种不同的风格。扁平化的风格已经流行了很长一段时间了,或许现在又会慢慢向色彩更丰富、更立体、更炫丽的风格回归了。




附上那个引领新拟态风格的乌克兰设计师Alexander Plyuto 的作品






3. 真实的照片


插图和3D并不一定适合所有人,有时候真人和真实的物品会对用户产生更大的吸引力,让他们更加感同身受。




网站主页



华硕(ASUS)官网




制作美食



航空公司




4. 多彩的颜色搭配


许多设计都使用了多色搭配,使得自己的设计呈现出神奇、空灵、包罗万象的感觉,而且,鲜艳的色彩更容易区分和让人记住。




图标的多色搭配





时尚移动应用




色彩应用



Ins的图标改版



5. 模糊的彩色背景


使用模糊彩色背景的设计看起来有种特别的温暖和热情。












6. 极简主义


极简主义本身是一种设计理念,应用到UI或者平面设计领域当中的时候,可以理解为:设计中的每一个元素都应该是有用的,它简单,干净,漂亮,且实用。极简主义的设计易于用户理解,参与度也高。




大量的留白






元素规整、有条理和秩序




扁平化的元素




简化配色





可读性较高的字体


极简主义的好用之处在于它凸显关键,为用户呈现最重要的东西,并且让用户关注最重要的事情。






7.几何结构


越来越多的设计呈现整合、规整、有秩序的视觉结构,使用户增加使用和观看的乐趣。



视觉设计的平面几何





空间几何





平面设计



8. 野蛮主义


「野蛮主义」一词,最早出现于1950年,由瑞典建筑师汉斯·阿斯普隆德用以描述乌普萨拉一座名为「Villa Göth」的现代砖房。



顾名思义,野蛮主义的特征十分「简单粗暴」,通常都由不断重复的元素拼接而成,以笔直的线条和锋利的棱角居多。对于大型建筑物而言要么追求奇形怪状,要么追求严格对称,落成的建筑外墙多为毫无修饰的砖块和混凝土,整体看起来异常冰冷和沉重。


而在数字设计中衍生的的「野蛮主义」是一种故意试图显得原始、随意、无装饰的样式。刻意的不设计使这些网站几乎没有美感甚至显得有些简陋。


尽管很少有人将这种设计风格归类为漂亮,但它对于某些内容类型确实具有独特的表达魅力。而且具有鲜明大胆的风格。



 

野蛮主义设计风格短期内应该不会深入到UI设计中去,更多的会在网站,或者杂志的设计运用此种设计思想。





9. 简化UI/UX流程


此处说的简化,不是指视觉效果的简化。设计流程做的太复杂,不论对于用户或者是设计师都是不利的。


优秀的设计师会兼顾美学和实操效果,把流程简化到减无可减,给用户以丝滑流畅的体验效果。






2021年,设计将变得更多元、更新颖,不同风格也会相互碰撞,新技术也被应用在设计中。我们作为设计师,要更好的理解和跟上新趋势的发展,扩大自己知识的范围,例如设计美学和心理学知识等,就可以知道设计趋势如此流行的原因和源头。在此基础上利用好新知识和新工具,为更好的服务大众时刻准备着。

文献:Diana Malewicz (UX Collective)  素材来源dribbble,侵权删 




今天先跟大家分享到这里,谢谢观看~ 

转自:站酷

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


日历

链接

个人资料

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

存档