• 产品周报243期 | 抖音版 B 站“青桃”上线,文心一言云服务将于3月27日上

    设计动态 2023-03-24
    早上好呀,又到周五了!来看看这周发生了什么吧~ 3 月 20 日消息,抖音(北京微播视界科技有限公司)近期悄然上线了一款名为“青桃”的 App,Slogan 为“看见你的热爱”,目前版本号已经更迭至 1.0.4 版本。根据应用介绍可知,“青桃”是一个属于年轻人

    早上好呀,又到周五了!来看看这周发生了什么吧~

    3 月 20 日消息,抖音(北京微播视界科技有限公司)近期悄然上线了一款名为“青桃”的 App,Slogan 为“看见你的热爱”,目前版本号已经更迭至 1.0.4 版本。根据应用介绍可知,“青桃”是一个属于年轻人的兴趣知识视频平台,由抖音官方出品的中长视频关联版本。

    百度官方宣布,将于3月27日14:00在北京总部召开新品发布会,发布文心一言云服务及应用产品。百度官方数据显示,截至3月18日11点,已有12家企业完成首批签约合作,申请百度智能云文心一言API调用服务测试的企业达9万。

    一、值得关注 李开复宣布筹组中文版ChatGPT公司“Project Al 2.0

    创新工场董事长兼CEO李开复在朋友圈宣布,正在亲自筹组Project Al 2.0,这是创新工场塔尖孵化的第7家公司,致力打造Al 2.0全新平台和Al-first生产力应用的全球化公司。李开复在朋友圈写到,“ProiectAl2.0不仅仅要做中文版ChatGPT”。新公司的资金、算力陆续到位,现在正式开启团队组建,首批广召大模型、多模态、NLP、AI算法工程与研究、分布式计算/Infrastructure 等方向的顶级人才。

    比亚迪智能手表曝光:支持汽车钥匙等功能,预计 4 月上市

    比亚迪汽车纯正用品官方消息,比亚迪智能手表车钥匙预计 4 月上市。据悉,比亚迪智能手表定位“比亚迪专属定制具有具有原车钥匙功能的高科技智能手表”,具有智能点火、舒适进入、智能上锁、升降车窗、开启尾门等功能,可完美替代原车钥匙。它还是一款功能齐全的智能手表 / 手环,拥有多种表盘 UI,支持运动计步、心率监测、睡眠监测、来电信息提醒等功能。

    拼多多驳斥有关其应用程序为“恶意软件”的指控

    针对早前有关“谷歌因拼多多存在恶意软件问题已将其下架”的报道,拼多多在电邮声明中表示谷歌的声明不具有决定性,并称谷歌同时暂停了几款应用程序。拼多多并未对此详细说明。此前谷歌公司表示,由于发现拼多多的多个版本中存在恶意软件问题,已经将这款APP从谷歌商店下架。谷歌发言人称公司正在调查此事,将拼多多APP下架是一种安全预防措施。谷歌的软件防护服务Google Play Protect将会阻止用户从谷歌商店中下载拼多多的APP,已经下载了该APP的用户将会收到警告,提示他们进行卸载。

    《网络表演直播与短视频术语》团体标准发布

    《术语》首次定义了网络表演领域中直播与短视频平台、经纪机构、主播三方面的相关概念。旨在运用标准化的手段,通过对概念的严格定义,确立恰当的术语,减少多义和同义现象,避免信息交流过程中的歧义和误解。

    高德、口碑正式合并,未来阿里到店业务将统一整合

    高德召开内部会议,宣布和阿里本地生活旗下的到店业务口碑正式合并。未来,阿里旗下所有的本地生活到店业务将统一整合在高德地图的入口中。阿里巴巴CEO俞永福说,组织调整只是手段,目的是业务发展。合并之后不要再提 “你” 或者 “你们”,都是 “我们高德”,一位与会人员感受到,俞永福特别强调 “我们一起” 把到店业务做好,“就算现在大家穿的 ‘军装’ 不一样,解决问题是第一。”

    二、产品动态 抖音版 B 站“青桃”上线

    3 月 20 日消息,抖音(北京微播视界科技有限公司)近期悄然上线了一款名为“青桃”的 App,Slogan 为“看见你的热爱”,目前版本号已经更迭至 1.0.4 版本。根据应用介绍可知,“青桃”是一个属于年轻人的兴趣知识视频平台,由抖音官方出品的中长视频关联版本。

    字节跳动旗下虚拟时尚社区“沸寂”发布关停公告,将于4月19日起停止运营及服务

    3月17日,字节跳动旗下虚拟时尚社区“沸寂”发布关停公告,称由于公司业务需要,沸寂将于2023年4月19日起停止运营及服务,用户应在该日前尽快保存上身图和上身视频(如有)等信息。即日起,停止新用户注册、停止下单购买、沸寂App在App Store和安卓应用商店下架。4月10日起,停止App登录,停止所有品牌商品等页面访问,停止用户个人信息页、订单页面访问,届时和以后将无法登录沸寂App。

    百度:文心一言云服务将于3月27日上线

    百度官方宣布,将于3月27日14:00在北京总部召开新品发布会,发布文心一言云服务及应用产品。百度官方数据显示,截至3月18日11点,已有12家企业完成首批签约合作,申请百度智能云文心一言API调用服务测试的企业达9万。此外,文心一言发布首日已有超60万人申请测试。百度未来将在所有业务中全面集成文心一言,甚至还将与小度进行集成,升级小度智能设备和服务。

    淘宝内测同款比价功能

    淘宝内部正在小范围内测同款比价功能,并在本周就会做放量测试。据介绍,同款比价功能除了和自己的历史低价比,还会进行全网比价。如商品是淘宝内且是淘宝外同款低价商品,即“全网低价”,淘宝会提供定向流量推荐。目前第一阶段同款比价功能覆盖“空调、洗衣机、冰箱”等3大品类下相关产品,之后如手机、平板等数码3C品类商品也将陆续加入同款比价功能。

    阿里达摩院上线文本生成视频大模型,目前只支持英文输入

    近日,阿里达摩院已在AI模型社区“魔搭”ModelScope上线了“文本生成视频大模型”。据介绍,整体模型参数约17亿,目前只支持英文输入。扩散模型采用Unet3D结构,通过从纯高斯噪声视频中,迭代去噪的过程,实现视频生成的功能。“魔搭”是阿里达摩院联手CCF开源发展委员会在2022云栖大会推出的AI模型社区,首批开源模型超过300个,包括视觉、语音、自然语言处理、多模态等AI主要方向。

    三、运营动态 字节跳动11周年梁汝波内部发言:我们最近一两年的领先不明显了

    字节跳动11周年年会上,字节跳动CEO梁汝波提及以抖音、TikTok等为代表的信息平台业务时表示,“我们之前凭借领先认知作出了一些突破,但最近一两年我们的领先不明显了,并不能很有信心地说比同行做得好。”梁汝波将字节跳动今年的主要目标总结为四点:聚焦做好两个主干业务“信息平台”和“电商”;探索型业务要“有想象力,持平常心”;在全球范围内赢得社会信任;管理上打好基本功,如关键管理者的选拔和淘汰、提升组织的全球化水平等。

    顺丰同城推出行业首个“女骑士成长计划”,助力同城女骑士实现更高自我价值

    3月18日消息,在今年3·8妇女节前后,顺丰同城首次推出了“女骑士成长计划”,该计划一经发布,就获得了众多女骑士的积极响应。顺丰同城在“骑士App-骑士学院”为女骑士准备了专门的培训课程,涉及女骑士工作生活的方方面面,希望女骑士们都能通过学习来增强自身的知识储备,用知识武装大脑。截至目前,超7000+人次完成了专项课程的学习。

    腾讯发布2022年财报:全年营收5545.52亿元,净利润1882.43亿元

    腾讯发布2022年第四季度及全年财报。财报显示,腾讯2022年第四季度营收1450亿元,上年同期营收1442亿元,市场预期1445亿元;第四季度调整后净利润297亿元人民币。财报显示,腾讯2022年全年营收5545.52亿元,净利润1882.43亿元。

    飞书发布“业务三件套”

    22日,飞书举办春季未来无限大会,并发布了以“多维表格”、“飞书应用引擎”、“飞书集成平台”组成的“业务三件套”,标志着飞书继协同办公、组织管理后,进一步拓宽至业务工具。

    飞猪:五一假期出游需求提前爆发,同比去年增长超3倍

    飞猪发布的《春季出游快报》显示,近一个月春游相关商品预订量快速增长,已超过2019年同期,其中上海、杭州、成都、北京、广州、西安等成为春游季热门目的地。随着清明及五一假期的临近,游客的预订提前量相较于过去三年大幅提升,数据显示,截至目前五一假期的出游预订量相较于去年同期增长超3倍,其中跨省游、出境游订单占比超8成。

    四、好文推荐 《对抗ChatGPT,谷歌Bard公测炸场了:巨头开启AI对决》作者@品玩

    编辑推荐:面对Open AI的ChatGPT、微软的New Bing两大劲敌,谷歌终于不再坐以待毙,宣布正式开放旗下Bard的公测。但相较于Open AI和微软踌躇满志的状态,此前在Bard栽了“翻车”跟头的谷歌显然更加谨慎,不仅仅是测试名额采用逐步放出的形式,且整个界面都透露出谷歌满满的“求生欲”,为什么这么说,一起来看看这篇文章吧~

    >>>点击此处立即跳转阅读

    《为什么美团没做好打车?》作者@DoNews

    编辑推荐:近日,美团宣布放弃自营打车业务。作为本地生活业务巨头之一,美团为什么始终没能在网约车业务方面取得好成绩?本文梳理了美团网约车业务的前世今生,将美团的打车服务与市面上如高德等打车平台作对比,分析了美团网约车业务在运营模式上的差距。希望能对你有所启发。

    >>>点击此处立即跳转阅读

    《逃离职场,3万人商量去干体力活》作者@时代财经

    编辑推荐:被工作挤占的生活,无穷无尽的压力,似乎成了当代部分年轻人面临的困境。面对这个难题,部分年轻人选择回归“体力活”,尝试通过逃离无休止的脑力工作,重新寻回生活的真谛。本文深入豆瓣小组“轻体力活探索联盟”,采访那些“探索”中的年轻人,试图理解他们全新的人生体验。希望能对你有所启发。

    >>>点击此处立即跳转阅读

    五、精彩问答 Q:用户取消付款,系统自动发放优惠券,如何避免用户薅羊毛?

    用户取消付款,系统自动发放优惠券,这样用户会养成不付款去领券的习惯,那么,如何避免用户薅羊毛?

    欢迎来围观:点击此处,前往回答

     

    本文值得关注、产品动态、运营动态内容,综合选取自泡面小镇微信公众号、IT之家、电商报、每经网

    问题来自人人都是产品经理旗下问答平台 ——  天天问 ,欢迎各位小伙伴前往交流、切磋~

  • 借势海报必看! 二十四节气之清明海报设计常用意象总结

    UI交互 2023-03-24
    大家好,这里是和你们聊设计的花生~武汉最近大降温,还接连下了好几天的雨,冷得让人感觉又回到了冬天,倒春寒实在太让人难受啦。春分已过,再有一段时间就是“气清景明、万物皆显”的清明,也希望能尽快恢复之前温暖的气温,那今天就继续和大家分享在清明借势海报中常用的设计意向 ~往期回顾:借势海报必看! 二十四节气之春分海报设...

    大家好,这里是和你们聊设计的花生~

    武汉最近大降温,还接连下了好几天的雨,冷得让人感觉又回到了冬天,倒春寒实在太让人难受啦。春分已过,再有一段时间就是“气清景明、万物皆显”的清明,也希望能尽快恢复之前温暖的气温,那今天就继续和大家分享在 清明 借势海报中常用的设计意向 ~

    往期回顾:

    借势海报必看! 二十四节气之春分海报设计常用意象总结 大家好,这里是和你们聊设计的花生~ 这段时间气温上升的好快,一下窜到了二十多度,在武汉都恨不得穿短袖上班了。

    阅读文章 >

    一、“清明”简介 清明是二十四节气的第 5 个节气,因节令期间“气清景明、万物皆显”而得名,一般在公历 4 月 4 日至 6 日之间交节。清明具有两方面的含义,一方面它反映自然界物候变化,这个时节阳光明媚、百花盛放,适合踏青出游,在指导农事上也有重要意义;另一方面清明也是人们扫墓祭祖、慎终追远的节日。二者相融,让清明兼具自然和人文内涵。

    不少借势海报都会侧重表现清明时节“气清景明”的好景象, 手机品牌三星结合用户“看见美景就想拍下来”的使用场景,将清明的美景置入手机的镜头框内,既符合节气特征,又凸显出手机强大的夜景拍摄功能,借势非常贴合品牌定位。

    中国古代的物候历将清明分为三候:“一候桐始华;二候田鼠化为鴽;三候虹始见”。意思是清明正是桐花开放的时节,喜阴的田鼠因阳气渐盛而躲回洞穴,喜爱阳气的鸟儿则开始出来活动(“鴽”指鹌鹑类的小鸟),又因为清明时节多雨,故而多有彩虹在雨后出现。

    清明三侯的意象在借势海报中的体现极少,可能是大家对桐花不太熟悉,羽色偏暗灰的鹌鹑也没有燕子讨喜有辨识度。不过“彩虹”倒是一个可以用起来的设计元素,颜色多彩,也有“雨后彩虹”的美好意境。我特地百度了一下,发现桐花是指泡桐(也叫白桐)开的花,小时候见过但不知道叫什么,开在高高的树上,没有香气,也不怎么起眼,不知道大家认不认识?

    二、“清明”习俗 清明节具有悠久的历史,保留下来的习俗也非常多。除了我们熟悉的祭祀扫墓,还有踏青、放风筝、吃青团、插柳、吃蒿饼等。

    ① 祭祀扫墓/踏青

    清明节既是一个扫墓祭祖的肃穆节日,也是人们亲近自然、踏青游玩、享受春天乐趣的欢乐节日。它融汇自然节气与人文风俗为一体,是天时地利人和的合一,充分体现了中华民族先祖们追求“天、地、人”的和谐合一,讲究顺应天时地宜、遵循自然规律的思想。

    由于情感基调的限制,“祭祀追思”在商业品牌借势海报中使用较少,更多侧重于表现含蓄的“回忆”和“思念”。音乐品牌酷狗将音乐“容易勾起回忆”的特性与清明节“思念”的情感内核联系起来,温情又符合品牌调性。而“踏青游玩”的意象基调轻松活泼很多,在清明海报中经常被使用,两种意象也常结合使用。

    ② 放风筝

    放风筝是清明时节人们所喜爱的活动。在古代,每逢清明时节人们不仅白天放,夜间也放。夜里在风筝下或风稳拉线上挂上一串串彩色的小灯笼,像闪烁的明星,被称为“神灯”。过去,有的人把风筝放上蓝天后,便剪断牵线,任凭清风把它们送往天涯海角,据说这样能除病消灾,给自己带来好运。

    ③ 吃青团子/蒸蒿饼

    清明时节江南一带有吃青团子的风俗习惯。青团子是用一种名叫“浆麦草”的野生植物捣烂后挤压出汁,混合糯米粉揉制成面皮,再裹入糖豆沙制成的。青团子油绿如玉,糯韧绵软,清香扑鼻,吃起来甜而不腻,是江南一带人用来祭祀祖先必备食品。

    蒿饼与青团类似,制法是“采新蒿嫩芽和糯米同舂,使蒿汁与米粉融和成一体,以肉、蔬菜、豆沙、枣泥等作馅,纳于各种花式的木模之中,用新芦叶垫底入笼蒸熟。”蒿饼颜色翠绿且带有植物清香,也是清明祭祖的食品之一,也用来馈赠或款待亲友。

    三、“清明”常用意象 ① 清明时节雨纷纷

    清明借势海报中对“下雨”意象的使用很广泛,还有不少品牌都选择化用“牧童遥指杏花村”的场景,不用说大家肯定也都知道这些意象的源头出自杜牧的名诗《清明》。网易音乐在借势海报中并没有重点刻画下雨的场景,而是将音符与伞的符号结合起来,体现清明“雨纷纷”的意向,画面简单但创意十足。

    ② 植物花草

    “二十四番花信风”中清明对应的花信风为“一候桐花,二候麦花,三候柳花”。桐花前面已经给大家介绍过了,麦花和柳花分别指小麦开的话和柳树的花(写这篇文章之前都不知道原来小麦也会开花)。借势海报中对这三种花的使用较少,但清明时节柳色正青,民间也有清明节门头插柳的习俗,因此“柳树枝”在海报中长作为装饰元素使用。

    好啦以上就是本期为大家整理的二十四节气中清明 海报设计 的常用意象,喜欢本期推荐的话请大家多多点赞收藏进行支持,之后会继续为大家推荐更多有趣又实用的设计干货知识 ~

    推荐阅读:

    AIGC神器 Midjourney V5 强势更新!逼真到令人发指! 大家好,这里是和你们一起探索 AI 绘画的花生~ 备受期待的 Midjourney V5 在上周四终于上线了,而且一发布就引起了不小的轰动,因此这次 V5 模型的图像生成效果“太惊人了”,无限逼近真实照片,让人难辨真假。

    阅读文章 >

    比 AI 帮个忙更好用!这 5 款神器让你效率暴涨200% 大家好,这里是继续为你们推荐 AI 效率神器的花生~ 自 ChatGPT 公布后,各种基于其 API 开发的应用就像雨后春笋般迅速出现,之前「优设 9 图」为大家介绍的“AI 帮个忙”就是其中之一。

    阅读文章 >

  • UI界面优化实例!16条设计黄金原则帮你学会改版

    UI交互 2023-03-24
    近段时间讲了不少 AI 方面的知识,不过我实际用 AI 绘画做 UI 时,目前还只能用来做参考,很多细节还是得手动调整。今天跟大家分享的这个案例,就是通过 16 次改版优化把它一点点变好的。通过对 UI 中这些细节的不断打磨,终于让它在视觉上变得更好了。

    近段时间讲了不少 AI 方面的知识,不过我实际用 AI 绘画做 UI 时,目前还只能用来做参考,很多细节还是得手动调整。今天跟大家分享的这个案例,就是通过 16 次改版优化把它一点点变好的。通过对 UI 中这些细节的不断打磨,终于让它在视觉上变得更好了。

    这 16 次优化,实际上也是在做 UI 时所需要遵循的 设计原则 ,记得收藏并用到自己的项目里,用上才算真正学到。

    更多改版实战:

    高手是如何做改版的?来看智行10.0设计改版案例复盘 Hey,亲爱的小伙伴,你期待的旅行是什么样的?

    阅读文章 >

    设计一个好的 UI 界面并不容易,因为有太多细节需要考虑,比如布局、间距、字体和颜色等,做出决策会让人感到无从下手。当你还需要考虑到可用性、可访问性和心理学等因素时,设计就变得更加困难了。

    幸运的是,UI 设计并不会太难。作为一个产品设计师,我工作了将近 20 年,发现自己大部分的视觉和交互设计决策都是基于一套简单的逻辑规则。跟别的 设计师 不一样的是,我依赖的是规则而不是艺术感或者神秘的灵感。

    有一个系统性的逻辑规则可以帮助你更高效地做出设计决策。如果没有这个逻辑系统,只是凭感觉胡乱挪动元素,能不能把 UI 做好貌似就只能靠运气。

    我喜欢规则和逻辑,但做设计也绝不是非黑即白。不要把下面的建议看成必须遵守的严格规则,而是把它们当作实用的指导方向,在大多数情况下都能很好地发挥作用。

    下面就用一个案例来说明这些设计规则如何改进 UI 设计。

    下面这 2 张图是一款租房应用详情页面,左边是优化前的,右边是通过一系列逻辑规则优化后的效果。(彩云注:有指导原则对于做设计决策会好很多,避免自己的感觉不准,让设计质量更加稳定。)

    即使你没有太多交互或视觉设计经验,你可能也会觉得左边的设计是杂论无章,复杂难用的。这是因为界面中有很多设计细节问题没有处理好,让界面的可用性大打折扣,你能看出来多少?

    让我们一起根据下面 16 条黄金原则优化好这个界面吧:

    使用留白和分组来划分元素 保持一致性 确保看起来相似的元素在功能上也是类似的 设计清晰的视觉层次结构 删减不必要的样式 使用有目的的颜色 确保界面中的元素能保持 3:1 的对比度 确保文本能有 4.5:1 的对比度 不要只用颜色来表达信息 使用一种无衬线字体 使用具有较高小写字母的字体 尽量不要过多地使用大写字母 只使用正常和粗体这两种字重 避免使用纯黑色的文本 多使用左对齐 使用至少 1.5 倍的行高来设置正文文本 1. 使用留白和分组来划分元素 把信息分成几组相关元素可以帮助构建一个有条理的界面,更易于组织和阅读信息。这样做可以让人更快更容易地理解和记住界面的内容。

    你可以使用这些方法来对信息分组:

    把相关元素放在一个容器里 把相关元素彼此靠近 让相关元素在设计上相似 将相关元素对齐在同一条直线上 使用容器是将界面元素分组的最强视觉表现方式,但它可能会增加不必要的杂乱感。寻找使用其他分组方法的机会,它们通常更微妙,可以帮助简化设计。

    使用留白是一个非常有效的元素分组方式,你可以同时使用这些方法用以更好的将信息组织起来。

    比如在下面的例子中,留白空间不够,让信息显得挤在一起难以阅读,通过增加留白,能帮助更好的对信息进行分组,让整个排版显得更舒服,更利于阅读。

    2. 保持一致性 在 UI 设计中,一致性的意思是相似的元素,在外观和行为上保持相似。这种一致性不仅在你自己设计的产品中保持,也应该与其他已有的产品相类似,以保证用户的心智统一。这样可以提高可用性并减少错误,用户不再需要重新学习如何使用。

    在下面的例子中,图标的风格是不统一的,一些图标是填充的一些是描边的。这会让用户感到困惑,填充图标通常会让用户觉得是已经选择了。当所有图标都用描边的形式,统一描边 2pt 的粗细和统一的圆角,并设计相似的视觉重量,那么就可以很好的提高一致性。

    文本用来提升图标的易读性,以帮助用户更好的理解它的意思。特别是当一些用户使用读屏时(屏幕阅读器是一种软件,用于描述界面,并通过语音或盲文向看不到它的人进行描述)。

    3. 确保看起来相似的元素功能也相似 如果元素看起来是类似的,用户会觉得它们在功能上也是类似的。因此,尝试确保对于具有相同功能的元素使用一致的视觉设计。相反,尝试确保具有不同功能的元素看起来也是不同的。

    在我们的例子中,图标区域的样式与“Book now”按钮的样式非常类似。这使得它们看起来是可以点击的,但实际上是不可以的。把底部的蓝色背景区域去掉,避免用户的误解。

    4. 创建一个清晰的层次结构 不是所有在界面上的信息都同等重要,为了让信息更容易理解,要让更重要的信息被设计的更突出一些。

    一个清晰的层次关系,能帮助用户更快的阅读内容,并能把焦点放到他感兴趣的地方。同时,它还可以通过创造秩序来提高美学效果。你可以通过大小、颜色、对比、间距、位置和深度进行优化,打造一个清晰的视觉层级。

    下面的例子是一个视觉层次不清晰的网站 banner 示例,在它下面是一个明确的层次结构的案例。

    一个非常快且容易的检查你的视觉设计层次是否清晰的方法是采用“眯眼测试( Squint Test)”。只需眯起眼睛观察你的设计,或者远离屏幕或使设计模糊。你仍应该能够看出哪些元素最重要,知道界面的用途。

    用“眯眼测试”看下面的例子,我们可以发现多个具有类似视觉强度的元素在争抢用户的注意力。同时,左下角的主要操作反而没有凸显出来。

    主要按钮在界面中通常是最突出的元素。通过给它一个与背景强对比的颜色,并把字体加粗可以实现这一点。这样做也解决了可读性的问题,后面会详细研究。

    再次用上“眯眼测试”,主要按钮这次成了页面中最突出的元素了。

    视觉层次现在终于清晰了,但依然还有提升的空间。例如,正文相对于它的层级来说,还是有点太突出了。

    5. 删除不必要的样式 不必要的信息和视觉样式可能会分散注意力,增加认知负荷。避免使用不必要的线条、颜色、背景和动画,目的是创建一个更简单、更专注的界面。

    在我们的例子中,图片周围的留白和描边是没必要的,会增加视觉复杂度。这些样式不需要来传达信息或对元素进行分组,因此我们可以安全地将它们删减以简化设计。

    6. 有目的的使用颜色 有目的地、节制地使用颜色。尽量避免仅仅因为装饰而使用颜色,因为这样会让人感到混乱和分散注意力。从黑白开始,只在需要传达意义时才引入颜色。

    一个简单有效的方式是把品牌颜色应用到文字链接和按钮等可交互的元素上。它能帮助用户理解哪些是可点击的而哪些不可以。尝试避免使用品牌颜色在不可交互的元素上。

    你也不需要把品牌颜色应用到所有可交互的元素上,一些元素其实本身就已经给出了可交互的线索。例如,卡片设计本身给人的隐喻就是全部可点击的,所以不需要在文字上单独再加一个蓝色的链接。

    在我们的例子中,优化前的蓝色标题可起来还挺好看的,但它让文字看起来是可交互的。为了帮助避免这种困惑,我们需要把这种蓝色样式给移除掉。

    我们同样需要把其他不可交互的元素中的蓝色样式删除掉,比如蓝色的星星。这样优化后,界面上可点不可点的信息就能一目了然了。

    7. 确保界面上的元素能保持 3:1 的对比度 对比是衡量两种颜色之间感知亮度差异的指标。对比度的表达方式是一个比例,范围从 1:1 到 21:1 不等。例如,在黑色背景上的黑色文本具有最低的 1:1 对比度比率,而在白色背景上的黑色文本具有最高的 21:1 比率。

    有许多在线工具( https://usecontrast.com/ )可以帮助你测量不同颜色之间的对比度比率。通过使用这些工具,你可以轻松地检查是否符合无障碍标准,并确保所有用户都可以轻松地使用你的产品。

    为了确保视力受损的人能够清晰地看到界面细节,应该至少符合 Web 内容可访问性指南(WCAG) 2.1 AA 级别的颜色对比要求。

    这意味着用户界面元素,如表单字段和按钮,需要至少具有 3:1 的对比度比率。这是为了确保用户可以清楚地看到所有的界面元素,从而更容易地使用产品。WCAG 还包括许多其他指南和要求,包括对语音识别和屏幕阅读器的支持等,以确保你的产品具有最佳的无障碍性能。

    在我们的例子中,箭头图标与背景的对比度比率太低。给图标上加投影和在图片顶部三分之一处加渐变叠加效果,无论图标所在的图片如何变化,都可以使图标具有足够的 3:1 对比度。

    这样可以确保视力受损的人也能够清晰地看到图标,并能够更好地使用你的产品。同时,这也是一种设计技巧,可以使图标在不同背景下都能够显得更加醒目和有吸引力。

    主要按钮的对比度在优化前的页面上同样是对比度太低。在解决视觉层次那里已经优化了它,但这里也值得再提一下。

    低对比度按钮的风险在于视力较差的人可能无法看到这个按钮。将按钮的对比度比率提高到 3:1 以上可以使按钮易于访问,同时也有助于纠正视觉层次结构。

    将箭头和按钮的对比度提高到大于 3:1 的比率会得到以下设计。我们离理想效果又近了一步,但我们仍然有更多问题需要解决。

    8. 确保文本具有 4.5:1 的对比度比率 为了确保视力受损的人能够清晰地阅读文本,文本需要满足以下 WCAG 2.1 级 AA 对比度要求

    小字(18px 以下)需要最少达到 4.5:1 的比率 大字(包括 18px 粗体或最小 24px 的正常体)需要最少达到 3:1 的比率 在我们的例子中,小字在照片中的对比度是不够的。我们把对比度提高到了 4.5:1,增加不透明度成深色并增加文字的投影。

    位置信息的对比度也是太低了。细的文字使得它很难阅读。使用较深的灰色可以帮助文本更易于阅读。我们很快会对文本进行进一步优化。

    9. 不要只靠颜色 有许多不同类型的色盲,而且它们主要影响男性。通常,色盲者难以区分红色和绿色,有些人甚至根本无法看到任何颜色。

    为了确保色盲用户在使用产品时的可用性,你不能仅依赖颜色作为交互引导,或区分不同视觉元素。你需要增加更多为 UI 元素视觉线索。

    在我们的例子中,”reviews“文本使用了蓝色表示一个链接。如果把颜色去除,链接文本就和其他普通文本没任何区别了,所以给可点击的链接文字增加一个下划线是一个正确的做法,这样就可以很好的做了区分。

    10. 使用统一的无衬线字体 字体是一组相关的具有相似风格或美学特征的字形设计。Helvetica 是一个字体的例子。而字形则是字体中的变体,如字重或大小。例如,Helvetica bold 和 Helvetica regular 是 Helvetica 字体中的两种不同字形。

    比较稳妥的方式是在一个界面中仅使用一种无衬线字体,因为它们通常是最易读、最中性、最简单的。

    在我们的例子中,标题字使用了细节丰富的衬线字体,这种字体可能有些难阅读,并且可能会对某些人产生干扰。此外,它的风格可能与应用中的某些照片不匹配。使用简单的无衬线字体可以提高可用性和美观度。

    11. 使用小写字母更高的字体 在选择字体时,要找那些小写字母比较高,字母间距比较大的,因为这些字体在小字号时更容易阅读。字体中小写字母的高度叫做 x 高度。

    在我们的例子中,Gill Sans 字体的字母高度相对较矮,把它优化为高度更大的字体,像 Lato,可以有效地提升可读性。

    在将字体从 Gill Sans 更改为 Lato 后,我们的例子像下面这样。

    12. 限制使用大写 一般来说,如果不是在向别人大喊大叫,就没有太多使用大写字母的正当理由。因为大写字母看起来太吵,也不易于阅读。

    因为当你阅读时,你并不是以单个字母去看的,而是会以单词的字形来看的。

    一般来说,我们在阅读时更容易根据单词的形状来识别它,而不是一个字母一个字母地看。大写字母的单词形状相同,阅读起来比较费力,不利于快速识别整个单词。

    在我们的例子中,位置信息使用了全大写。将其改为句子首字母大写,只有第一个单词和专有名词(人名、地名或物品名称)大写,有助于提高可读性。

    13. 仅使用常规和粗体 虽然一个字体中可能有很多字重可供选择,但并不意味着你需要在设计中全部使用。过多地使用不同的字重会让界面显得嘈杂不清。同时,使用太多不同的字重会让设计难以保持一致性。因此,在设计中只使用常规和粗体的字重是更好的选择。

    保持界面中只使用常规和加粗字体,可以让界面简单明了。

    一些快速使用的技巧:

    使用粗体字体以强调标题 使用常规字重来呈现其他比较小的文本 如果你决定使用非常细或非常粗的字重,最好将它们保留给标题和更大的文本,因为它们在较小的尺寸下可能难以阅读 在我们的例子中,位置文本用了一个非常细的字重。即使我们把对比度优化到 4.5:1,但由于它太细,其实还是比较难阅读。增加它的字重,改成常规字体,可以帮助提升可读性,让界面整体上也更简单。

    14. 避免使用纯黑色文字 在 UI 设计中,比较安全的做法就是别使用纯黑色,因为它在一个白色背景上对比度过高了。这种高对比度会导致阅读文本时眼睛疲劳和不适。

    黑色是 0%的亮度,白色是 100%的亮度,这 2 者巨大的亮度差异会导致颜色很不舒服。所以,最好避免在白色背景上使用纯黑色,改用深灰色会比较好。

    在我们的例子中,很多元素都使用了纯黑色。将其改为深灰色可以提高可读性。之前在检查视觉层次时,会发现物业描述文本过于突出。为了确保界面元素按重要性呈现,改为较浅的灰色来减少物业描述文本的突出程度。

    15. 左对齐文本 英语的阅读方式是从左到右,由上至下呈 F 形阅读的,所以最好将文本左对齐以实现最佳阅读效果。对于长篇正文,最好避免居中对齐或两端对齐的方式。这种对齐方式难以阅读,尤其是对于那些认知能力较弱的人来说更加困难。

    在标题和短文本上使用居中对齐会比较好,那样会比较方便阅读。但是,对于长文本来说,居中对齐就是灾难,因为每行的起点都不一样。你的眼睛需要找每一行的起点,这会让阅读变得很困难。

    在我们的例子中,描述文本是居中对齐的,改为左对齐后会发现可读性好很多。

    16. 对于内容文本至少要有 1.5 倍行高 行高是指在垂直高度上的文字间距。每行文字之间的间距有助于防止人们重复阅读同一行文字。这样做也会让阅读更加舒适自然。

    为了提高可访问性和可读性,特别是对于长篇正文,确保行高至少为 1.5(150%)。将行高保持在 1.5 到 2 之间通常效果良好。

    在我们的例子中,行高仅有 1(100%),增加行高到 1.6(160%)后,可读性好了很多。

    最终效果 我们遵循了几个简单但有效的 UI 设计准则,很快就发现并优化了例子设计中的许多问题。

    (彩云注:最终优化后的效果会比优化前的好很多,那么请你再回头想想,如果再让你优化一遍这个界面,关掉教程,你还能再优化一遍吗?然后再进一步,把这些方法如何用到自己的实际项目中,作品集中,相信会更有帮助。)

    希望你已经开始意识到,UI 设计并不是那么困难。虽然它看起来像一门神奇的艺术形式,但其中很大一部分都是由像我们刚学到的这些逻辑规则或指导原则所构成的。使用客观的逻辑,而不是主观的意见,可以更快速、更轻松地设计出直观、易用和美观的界面。

    如果你有学到,记得分享到你的朋友圈哦~

    欢迎关注作者的微信公众号:「彩云译设计」

  • 借势海报必看! 二十四节气之清明海报设计常用意象总结

    UI交互 2023-03-24
    大家好,这里是和你们聊设计的花生~武汉最近大降温,还接连下了好几天的雨,冷得让人感觉又回到了冬天,倒春寒实在太让人难受啦。春分已过,再有一段时间就是“气清景明、万物皆显”的清明,也希望能尽快恢复之前温暖的气温,那今天就继续和大家分享在清明借势海报中常用的设计意向 ~往期回顾:借势海报必看! 二十四节气之春分海报设...

    大家好,这里是和你们聊设计的花生~

    武汉最近大降温,还接连下了好几天的雨,冷得让人感觉又回到了冬天,倒春寒实在太让人难受啦。春分已过,再有一段时间就是“气清景明、万物皆显”的清明,也希望能尽快恢复之前温暖的气温,那今天就继续和大家分享在 清明 借势海报中常用的设计意向 ~

    往期回顾:

    借势海报必看! 二十四节气之春分海报设计常用意象总结 大家好,这里是和你们聊设计的花生~ 这段时间气温上升的好快,一下窜到了二十多度,在武汉都恨不得穿短袖上班了。

    阅读文章 >

    一、“清明”简介 清明是二十四节气的第 5 个节气,因节令期间“气清景明、万物皆显”而得名,一般在公历 4 月 4 日至 6 日之间交节。清明具有两方面的含义,一方面它反映自然界物候变化,这个时节阳光明媚、百花盛放,适合踏青出游,在指导农事上也有重要意义;另一方面清明也是人们扫墓祭祖、慎终追远的节日。二者相融,让清明兼具自然和人文内涵。

    不少借势海报都会侧重表现清明时节“气清景明”的好景象, 手机品牌三星结合用户“看见美景就想拍下来”的使用场景,将清明的美景置入手机的镜头框内,既符合节气特征,又凸显出手机强大的夜景拍摄功能,借势非常贴合品牌定位。

    中国古代的物候历将清明分为三候:“一候桐始华;二候田鼠化为鴽;三候虹始见”。意思是清明正是桐花开放的时节,喜阴的田鼠因阳气渐盛而躲回洞穴,喜爱阳气的鸟儿则开始出来活动(“鴽”指鹌鹑类的小鸟),又因为清明时节多雨,故而多有彩虹在雨后出现。

    清明三侯的意象在借势海报中的体现极少,可能是大家对桐花不太熟悉,羽色偏暗灰的鹌鹑也没有燕子讨喜有辨识度。不过“彩虹”倒是一个可以用起来的设计元素,颜色多彩,也有“雨后彩虹”的美好意境。我特地百度了一下,发现桐花是指泡桐(也叫白桐)开的花,小时候见过但不知道叫什么,开在高高的树上,没有香气,也不怎么起眼,不知道大家认不认识?

    二、“清明”习俗 清明节具有悠久的历史,保留下来的习俗也非常多。除了我们熟悉的祭祀扫墓,还有踏青、放风筝、吃青团、插柳、吃蒿饼等。

    ① 祭祀扫墓/踏青

    清明节既是一个扫墓祭祖的肃穆节日,也是人们亲近自然、踏青游玩、享受春天乐趣的欢乐节日。它融汇自然节气与人文风俗为一体,是天时地利人和的合一,充分体现了中华民族先祖们追求“天、地、人”的和谐合一,讲究顺应天时地宜、遵循自然规律的思想。

    由于情感基调的限制,“祭祀追思”在商业品牌借势海报中使用较少,更多侧重于表现含蓄的“回忆”和“思念”。音乐品牌酷狗将音乐“容易勾起回忆”的特性与清明节“思念”的情感内核联系起来,温情又符合品牌调性。而“踏青游玩”的意象基调轻松活泼很多,在清明海报中经常被使用,两种意象也常结合使用。

    ② 放风筝

    放风筝是清明时节人们所喜爱的活动。在古代,每逢清明时节人们不仅白天放,夜间也放。夜里在风筝下或风稳拉线上挂上一串串彩色的小灯笼,像闪烁的明星,被称为“神灯”。过去,有的人把风筝放上蓝天后,便剪断牵线,任凭清风把它们送往天涯海角,据说这样能除病消灾,给自己带来好运。

    ③ 吃青团子/蒸蒿饼

    清明时节江南一带有吃青团子的风俗习惯。青团子是用一种名叫“浆麦草”的野生植物捣烂后挤压出汁,混合糯米粉揉制成面皮,再裹入糖豆沙制成的。青团子油绿如玉,糯韧绵软,清香扑鼻,吃起来甜而不腻,是江南一带人用来祭祀祖先必备食品。

    蒿饼与青团类似,制法是“采新蒿嫩芽和糯米同舂,使蒿汁与米粉融和成一体,以肉、蔬菜、豆沙、枣泥等作馅,纳于各种花式的木模之中,用新芦叶垫底入笼蒸熟。”蒿饼颜色翠绿且带有植物清香,也是清明祭祖的食品之一,也用来馈赠或款待亲友。

    三、“清明”常用意象 ① 清明时节雨纷纷

    清明借势海报中对“下雨”意象的使用很广泛,还有不少品牌都选择化用“牧童遥指杏花村”的场景,不用说大家肯定也都知道这些意象的源头出自杜牧的名诗《清明》。网易音乐在借势海报中并没有重点刻画下雨的场景,而是将音符与伞的符号结合起来,体现清明“雨纷纷”的意向,画面简单但创意十足。

    ② 植物花草

    “二十四番花信风”中清明对应的花信风为“一候桐花,二候麦花,三候柳花”。桐花前面已经给大家介绍过了,麦花和柳花分别指小麦开的话和柳树的花(写这篇文章之前都不知道原来小麦也会开花)。借势海报中对这三种花的使用较少,但清明时节柳色正青,民间也有清明节门头插柳的习俗,因此“柳树枝”在海报中长作为装饰元素使用。

    好啦以上就是本期为大家整理的二十四节气中清明 海报设计 的常用意象,喜欢本期推荐的话请大家多多点赞收藏进行支持,之后会继续为大家推荐更多有趣又实用的设计干货知识 ~

    推荐阅读:

    AIGC神器 Midjourney V5 强势更新!逼真到令人发指! 大家好,这里是和你们一起探索 AI 绘画的花生~ 备受期待的 Midjourney V5 在上周四终于上线了,而且一发布就引起了不小的轰动,因此这次 V5 模型的图像生成效果“太惊人了”,无限逼近真实照片,让人难辨真假。

    阅读文章 >

    比 AI 帮个忙更好用!这 5 款神器让你效率暴涨200% 大家好,这里是继续为你们推荐 AI 效率神器的花生~ 自 ChatGPT 公布后,各种基于其 API 开发的应用就像雨后春笋般迅速出现,之前「优设 9 图」为大家介绍的“AI 帮个忙”就是其中之一。

    阅读文章 >

  • UI界面优化实例!16条设计黄金原则帮你学会改版

    UI交互 2023-03-24
    近段时间讲了不少 AI 方面的知识,不过我实际用 AI 绘画做 UI 时,目前还只能用来做参考,很多细节还是得手动调整。今天跟大家分享的这个案例,就是通过 16 次改版优化把它一点点变好的。通过对 UI 中这些细节的不断打磨,终于让它在视觉上变得更好了。

    近段时间讲了不少 AI 方面的知识,不过我实际用 AI 绘画做 UI 时,目前还只能用来做参考,很多细节还是得手动调整。今天跟大家分享的这个案例,就是通过 16 次改版优化把它一点点变好的。通过对 UI 中这些细节的不断打磨,终于让它在视觉上变得更好了。

    这 16 次优化,实际上也是在做 UI 时所需要遵循的 设计原则 ,记得收藏并用到自己的项目里,用上才算真正学到。

    更多改版实战:

    高手是如何做改版的?来看智行10.0设计改版案例复盘 Hey,亲爱的小伙伴,你期待的旅行是什么样的?

    阅读文章 >

    设计一个好的 UI 界面并不容易,因为有太多细节需要考虑,比如布局、间距、字体和颜色等,做出决策会让人感到无从下手。当你还需要考虑到可用性、可访问性和心理学等因素时,设计就变得更加困难了。

    幸运的是,UI 设计并不会太难。作为一个产品设计师,我工作了将近 20 年,发现自己大部分的视觉和交互设计决策都是基于一套简单的逻辑规则。跟别的 设计师 不一样的是,我依赖的是规则而不是艺术感或者神秘的灵感。

    有一个系统性的逻辑规则可以帮助你更高效地做出设计决策。如果没有这个逻辑系统,只是凭感觉胡乱挪动元素,能不能把 UI 做好貌似就只能靠运气。

    我喜欢规则和逻辑,但做设计也绝不是非黑即白。不要把下面的建议看成必须遵守的严格规则,而是把它们当作实用的指导方向,在大多数情况下都能很好地发挥作用。

    下面就用一个案例来说明这些设计规则如何改进 UI 设计。

    下面这 2 张图是一款租房应用详情页面,左边是优化前的,右边是通过一系列逻辑规则优化后的效果。(彩云注:有指导原则对于做设计决策会好很多,避免自己的感觉不准,让设计质量更加稳定。)

    即使你没有太多交互或视觉设计经验,你可能也会觉得左边的设计是杂论无章,复杂难用的。这是因为界面中有很多设计细节问题没有处理好,让界面的可用性大打折扣,你能看出来多少?

    让我们一起根据下面 16 条黄金原则优化好这个界面吧:

    使用留白和分组来划分元素 保持一致性 确保看起来相似的元素在功能上也是类似的 设计清晰的视觉层次结构 删减不必要的样式 使用有目的的颜色 确保界面中的元素能保持 3:1 的对比度 确保文本能有 4.5:1 的对比度 不要只用颜色来表达信息 使用一种无衬线字体 使用具有较高小写字母的字体 尽量不要过多地使用大写字母 只使用正常和粗体这两种字重 避免使用纯黑色的文本 多使用左对齐 使用至少 1.5 倍的行高来设置正文文本 1. 使用留白和分组来划分元素 把信息分成几组相关元素可以帮助构建一个有条理的界面,更易于组织和阅读信息。这样做可以让人更快更容易地理解和记住界面的内容。

    你可以使用这些方法来对信息分组:

    把相关元素放在一个容器里 把相关元素彼此靠近 让相关元素在设计上相似 将相关元素对齐在同一条直线上 使用容器是将界面元素分组的最强视觉表现方式,但它可能会增加不必要的杂乱感。寻找使用其他分组方法的机会,它们通常更微妙,可以帮助简化设计。

    使用留白是一个非常有效的元素分组方式,你可以同时使用这些方法用以更好的将信息组织起来。

    比如在下面的例子中,留白空间不够,让信息显得挤在一起难以阅读,通过增加留白,能帮助更好的对信息进行分组,让整个排版显得更舒服,更利于阅读。

    2. 保持一致性 在 UI 设计中,一致性的意思是相似的元素,在外观和行为上保持相似。这种一致性不仅在你自己设计的产品中保持,也应该与其他已有的产品相类似,以保证用户的心智统一。这样可以提高可用性并减少错误,用户不再需要重新学习如何使用。

    在下面的例子中,图标的风格是不统一的,一些图标是填充的一些是描边的。这会让用户感到困惑,填充图标通常会让用户觉得是已经选择了。当所有图标都用描边的形式,统一描边 2pt 的粗细和统一的圆角,并设计相似的视觉重量,那么就可以很好的提高一致性。

    文本用来提升图标的易读性,以帮助用户更好的理解它的意思。特别是当一些用户使用读屏时(屏幕阅读器是一种软件,用于描述界面,并通过语音或盲文向看不到它的人进行描述)。

    3. 确保看起来相似的元素功能也相似 如果元素看起来是类似的,用户会觉得它们在功能上也是类似的。因此,尝试确保对于具有相同功能的元素使用一致的视觉设计。相反,尝试确保具有不同功能的元素看起来也是不同的。

    在我们的例子中,图标区域的样式与“Book now”按钮的样式非常类似。这使得它们看起来是可以点击的,但实际上是不可以的。把底部的蓝色背景区域去掉,避免用户的误解。

    4. 创建一个清晰的层次结构 不是所有在界面上的信息都同等重要,为了让信息更容易理解,要让更重要的信息被设计的更突出一些。

    一个清晰的层次关系,能帮助用户更快的阅读内容,并能把焦点放到他感兴趣的地方。同时,它还可以通过创造秩序来提高美学效果。你可以通过大小、颜色、对比、间距、位置和深度进行优化,打造一个清晰的视觉层级。

    下面的例子是一个视觉层次不清晰的网站 banner 示例,在它下面是一个明确的层次结构的案例。

    一个非常快且容易的检查你的视觉设计层次是否清晰的方法是采用“眯眼测试( Squint Test)”。只需眯起眼睛观察你的设计,或者远离屏幕或使设计模糊。你仍应该能够看出哪些元素最重要,知道界面的用途。

    用“眯眼测试”看下面的例子,我们可以发现多个具有类似视觉强度的元素在争抢用户的注意力。同时,左下角的主要操作反而没有凸显出来。

    主要按钮在界面中通常是最突出的元素。通过给它一个与背景强对比的颜色,并把字体加粗可以实现这一点。这样做也解决了可读性的问题,后面会详细研究。

    再次用上“眯眼测试”,主要按钮这次成了页面中最突出的元素了。

    视觉层次现在终于清晰了,但依然还有提升的空间。例如,正文相对于它的层级来说,还是有点太突出了。

    5. 删除不必要的样式 不必要的信息和视觉样式可能会分散注意力,增加认知负荷。避免使用不必要的线条、颜色、背景和动画,目的是创建一个更简单、更专注的界面。

    在我们的例子中,图片周围的留白和描边是没必要的,会增加视觉复杂度。这些样式不需要来传达信息或对元素进行分组,因此我们可以安全地将它们删减以简化设计。

    6. 有目的的使用颜色 有目的地、节制地使用颜色。尽量避免仅仅因为装饰而使用颜色,因为这样会让人感到混乱和分散注意力。从黑白开始,只在需要传达意义时才引入颜色。

    一个简单有效的方式是把品牌颜色应用到文字链接和按钮等可交互的元素上。它能帮助用户理解哪些是可点击的而哪些不可以。尝试避免使用品牌颜色在不可交互的元素上。

    你也不需要把品牌颜色应用到所有可交互的元素上,一些元素其实本身就已经给出了可交互的线索。例如,卡片设计本身给人的隐喻就是全部可点击的,所以不需要在文字上单独再加一个蓝色的链接。

    在我们的例子中,优化前的蓝色标题可起来还挺好看的,但它让文字看起来是可交互的。为了帮助避免这种困惑,我们需要把这种蓝色样式给移除掉。

    我们同样需要把其他不可交互的元素中的蓝色样式删除掉,比如蓝色的星星。这样优化后,界面上可点不可点的信息就能一目了然了。

    7. 确保界面上的元素能保持 3:1 的对比度 对比是衡量两种颜色之间感知亮度差异的指标。对比度的表达方式是一个比例,范围从 1:1 到 21:1 不等。例如,在黑色背景上的黑色文本具有最低的 1:1 对比度比率,而在白色背景上的黑色文本具有最高的 21:1 比率。

    有许多在线工具( https://usecontrast.com/ )可以帮助你测量不同颜色之间的对比度比率。通过使用这些工具,你可以轻松地检查是否符合无障碍标准,并确保所有用户都可以轻松地使用你的产品。

    为了确保视力受损的人能够清晰地看到界面细节,应该至少符合 Web 内容可访问性指南(WCAG) 2.1 AA 级别的颜色对比要求。

    这意味着用户界面元素,如表单字段和按钮,需要至少具有 3:1 的对比度比率。这是为了确保用户可以清楚地看到所有的界面元素,从而更容易地使用产品。WCAG 还包括许多其他指南和要求,包括对语音识别和屏幕阅读器的支持等,以确保你的产品具有最佳的无障碍性能。

    在我们的例子中,箭头图标与背景的对比度比率太低。给图标上加投影和在图片顶部三分之一处加渐变叠加效果,无论图标所在的图片如何变化,都可以使图标具有足够的 3:1 对比度。

    这样可以确保视力受损的人也能够清晰地看到图标,并能够更好地使用你的产品。同时,这也是一种设计技巧,可以使图标在不同背景下都能够显得更加醒目和有吸引力。

    主要按钮的对比度在优化前的页面上同样是对比度太低。在解决视觉层次那里已经优化了它,但这里也值得再提一下。

    低对比度按钮的风险在于视力较差的人可能无法看到这个按钮。将按钮的对比度比率提高到 3:1 以上可以使按钮易于访问,同时也有助于纠正视觉层次结构。

    将箭头和按钮的对比度提高到大于 3:1 的比率会得到以下设计。我们离理想效果又近了一步,但我们仍然有更多问题需要解决。

    8. 确保文本具有 4.5:1 的对比度比率 为了确保视力受损的人能够清晰地阅读文本,文本需要满足以下 WCAG 2.1 级 AA 对比度要求

    小字(18px 以下)需要最少达到 4.5:1 的比率 大字(包括 18px 粗体或最小 24px 的正常体)需要最少达到 3:1 的比率 在我们的例子中,小字在照片中的对比度是不够的。我们把对比度提高到了 4.5:1,增加不透明度成深色并增加文字的投影。

    位置信息的对比度也是太低了。细的文字使得它很难阅读。使用较深的灰色可以帮助文本更易于阅读。我们很快会对文本进行进一步优化。

    9. 不要只靠颜色 有许多不同类型的色盲,而且它们主要影响男性。通常,色盲者难以区分红色和绿色,有些人甚至根本无法看到任何颜色。

    为了确保色盲用户在使用产品时的可用性,你不能仅依赖颜色作为交互引导,或区分不同视觉元素。你需要增加更多为 UI 元素视觉线索。

    在我们的例子中,”reviews“文本使用了蓝色表示一个链接。如果把颜色去除,链接文本就和其他普通文本没任何区别了,所以给可点击的链接文字增加一个下划线是一个正确的做法,这样就可以很好的做了区分。

    10. 使用统一的无衬线字体 字体是一组相关的具有相似风格或美学特征的字形设计。Helvetica 是一个字体的例子。而字形则是字体中的变体,如字重或大小。例如,Helvetica bold 和 Helvetica regular 是 Helvetica 字体中的两种不同字形。

    比较稳妥的方式是在一个界面中仅使用一种无衬线字体,因为它们通常是最易读、最中性、最简单的。

    在我们的例子中,标题字使用了细节丰富的衬线字体,这种字体可能有些难阅读,并且可能会对某些人产生干扰。此外,它的风格可能与应用中的某些照片不匹配。使用简单的无衬线字体可以提高可用性和美观度。

    11. 使用小写字母更高的字体 在选择字体时,要找那些小写字母比较高,字母间距比较大的,因为这些字体在小字号时更容易阅读。字体中小写字母的高度叫做 x 高度。

    在我们的例子中,Gill Sans 字体的字母高度相对较矮,把它优化为高度更大的字体,像 Lato,可以有效地提升可读性。

    在将字体从 Gill Sans 更改为 Lato 后,我们的例子像下面这样。

    12. 限制使用大写 一般来说,如果不是在向别人大喊大叫,就没有太多使用大写字母的正当理由。因为大写字母看起来太吵,也不易于阅读。

    因为当你阅读时,你并不是以单个字母去看的,而是会以单词的字形来看的。

    一般来说,我们在阅读时更容易根据单词的形状来识别它,而不是一个字母一个字母地看。大写字母的单词形状相同,阅读起来比较费力,不利于快速识别整个单词。

    在我们的例子中,位置信息使用了全大写。将其改为句子首字母大写,只有第一个单词和专有名词(人名、地名或物品名称)大写,有助于提高可读性。

    13. 仅使用常规和粗体 虽然一个字体中可能有很多字重可供选择,但并不意味着你需要在设计中全部使用。过多地使用不同的字重会让界面显得嘈杂不清。同时,使用太多不同的字重会让设计难以保持一致性。因此,在设计中只使用常规和粗体的字重是更好的选择。

    保持界面中只使用常规和加粗字体,可以让界面简单明了。

    一些快速使用的技巧:

    使用粗体字体以强调标题 使用常规字重来呈现其他比较小的文本 如果你决定使用非常细或非常粗的字重,最好将它们保留给标题和更大的文本,因为它们在较小的尺寸下可能难以阅读 在我们的例子中,位置文本用了一个非常细的字重。即使我们把对比度优化到 4.5:1,但由于它太细,其实还是比较难阅读。增加它的字重,改成常规字体,可以帮助提升可读性,让界面整体上也更简单。

    14. 避免使用纯黑色文字 在 UI 设计中,比较安全的做法就是别使用纯黑色,因为它在一个白色背景上对比度过高了。这种高对比度会导致阅读文本时眼睛疲劳和不适。

    黑色是 0%的亮度,白色是 100%的亮度,这 2 者巨大的亮度差异会导致颜色很不舒服。所以,最好避免在白色背景上使用纯黑色,改用深灰色会比较好。

    在我们的例子中,很多元素都使用了纯黑色。将其改为深灰色可以提高可读性。之前在检查视觉层次时,会发现物业描述文本过于突出。为了确保界面元素按重要性呈现,改为较浅的灰色来减少物业描述文本的突出程度。

    15. 左对齐文本 英语的阅读方式是从左到右,由上至下呈 F 形阅读的,所以最好将文本左对齐以实现最佳阅读效果。对于长篇正文,最好避免居中对齐或两端对齐的方式。这种对齐方式难以阅读,尤其是对于那些认知能力较弱的人来说更加困难。

    在标题和短文本上使用居中对齐会比较好,那样会比较方便阅读。但是,对于长文本来说,居中对齐就是灾难,因为每行的起点都不一样。你的眼睛需要找每一行的起点,这会让阅读变得很困难。

    在我们的例子中,描述文本是居中对齐的,改为左对齐后会发现可读性好很多。

    16. 对于内容文本至少要有 1.5 倍行高 行高是指在垂直高度上的文字间距。每行文字之间的间距有助于防止人们重复阅读同一行文字。这样做也会让阅读更加舒适自然。

    为了提高可访问性和可读性,特别是对于长篇正文,确保行高至少为 1.5(150%)。将行高保持在 1.5 到 2 之间通常效果良好。

    在我们的例子中,行高仅有 1(100%),增加行高到 1.6(160%)后,可读性好了很多。

    最终效果 我们遵循了几个简单但有效的 UI 设计准则,很快就发现并优化了例子设计中的许多问题。

    (彩云注:最终优化后的效果会比优化前的好很多,那么请你再回头想想,如果再让你优化一遍这个界面,关掉教程,你还能再优化一遍吗?然后再进一步,把这些方法如何用到自己的实际项目中,作品集中,相信会更有帮助。)

    希望你已经开始意识到,UI 设计并不是那么困难。虽然它看起来像一门神奇的艺术形式,但其中很大一部分都是由像我们刚学到的这些逻辑规则或指导原则所构成的。使用客观的逻辑,而不是主观的意见,可以更快速、更轻松地设计出直观、易用和美观的界面。

    如果你有学到,记得分享到你的朋友圈哦~

    欢迎关注作者的微信公众号:「彩云译设计」

  • 抖音干外卖,会是谁的机会?

    设计动态 2023-03-23
    迈入2023年,本地生活业务的战火,已经从美团烧到了多个互联网平台。 先是2月中旬,微信在广东、深圳两地测试新项目“门店快送”,将入口设在发现页面的小程序中,首批开放类目包括美食、生鲜和生活百货,入驻商家多为连锁品牌、新锐互联网企业,以及一批本地企业和创新品牌

    2023年开年,本地生活业务的战火已经从美团蔓延到其他各个互联网平台,抖音也就此布局本地生活,专攻外卖。抖音做外卖,能行吗?本篇介绍了抖音开展外卖业务后会收益的三大群体,达人、商家、服务商,并且分析了它们该如何抓住此次红利。

    迈入2023年,本地生活业务的战火,已经从美团烧到了多个互联网平台。

    先是2月中旬,微信在广东、深圳两地测试新项目“门店快送”,将入口设在发现页面的小程序中,首批开放类目包括美食、生鲜和生活百货,入驻商家多为连锁品牌、新锐互联网企业,以及一批本地企业和创新品牌;

    紧接着,早在前年底,就与美团达成了战略合作的快手也宣布上线本地生活官方小程序,用户可以在不依赖第三方的情况下,直接完成团购商品交易并到店消费。目前,7分甜、半天妖、华莱士、楠火锅等品牌均已入驻,并在北京、上海、杭州、成都等地开通了团购业务。

    时间移动到3月,继在北京、上海、成都三地正式试点外卖内测业务后,抖音又于3月5日,在全国15个城市上线外卖业务,通过嫁接饿了么小程序,用“内容+算法”唤起用户的点餐意愿。

    在抖音的搅局下,本地生活的战火从“到店”加速烧向“到家” ,并直攻美团腹地。此前,卡思曾在《抖音难过美团关》中详细论述了抖音入局外卖的优劣势,今天,我们将结合卡思学苑合伙人大旗的观点,讨论一个更为实际的问题:抖音干外卖,又会是谁的机会?

    一、谁能获得第一批免费流量? 对于本质仍是内容平台的抖音来说,在大力推出一波新业务之后,必然要让各方角色广为知晓,那么谁来承担这一传播角色呢?毫无疑问,自然是支撑起内容平台的中流砥柱——达人。

    在大旗看来,抖音大力推广外卖业务初期, 第一批免费流量势必会优先给到达人。

    一来达人可以帮助平台给外卖用户打上对应标签,二来只有达人卖得多,才能带动外卖单量,单量大,才能养活骑手。值得注意的是,大旗特意强调, 纯做短视频的团购达人的流量红利期已经结束 ,如今达人想要吃到红利,必须要进行转型。

    2021年6月,在本地生活业务上深耕许久的抖音开展了“探店赢流量”的活动,并将大量流量倾泻到素人探店达人身上,再加之这类探店视频拍摄难度低、实操性高,甚至不用露脸、不用直播、不用找货源,只要在视频下方挂上团购链接就可以变现,因此不少以团购、优惠为主要卖点的短视频探店达人迅速抓住了彼时的流量风口,轻松在短期内获得了大量收益。

    图源:抖音

    但随着时间的推移,对于纯做短视频的团购达人来说,这样的“野蛮生长”阶段显然已经过去了。

    一方面,在探店热潮之下,不少人打着“探店达人”的名号试图去店里吃“霸王餐”,这样的负面新闻被屡次爆出后,一些用户对“探店达人”带上了有色眼镜,在一定程度上折损了这个群体的口碑和信任度。

    另一方面,抖音内容端的流量本身就在近一两年出现了明显的滑落,不少内容优质的成熟达人都一度陷入了涨粉甚至掉粉困境,更别说在内容质量上没有明显优势的探店达人。

    与此同时,伴随着探店达人的汹涌入局,他们已然完成了给用户喜好打好标签的重要使命, 使命完成后,抖音便明显缩减了在探店业务上的流量投入 。不少失去流量扶持的探店达人,既不具备突出的内容能力,从视频产出数量上也无法与那些能快速产出大量视频的工具相提并论(比如同城爆店码,只要用户用抖音扫描爆店码,就可以将商家的推广视频一键发布到自己的抖音上,达到快速裂变效果)

    而现阶段,抖音开始在外卖业务上发力,对于达人来说显然是一个新的机会。但如果短视频探店达人想吃到第一批免费流量的红利,大旗认为可以向两个方向发力:

    一是转型做外卖测评达人。 通过输出能为用户带来参考价值的测评内容吸引同城用户的关注,既而通过挂链接赚佣金、接商家广告等方式获得收益。

    打造这类账号,口播内容应该具有代入感,让用户能快速get到视频的信息点,此外,真实、走心更是核心要点,要能在用户心中培育起信任感,毕竟生活服务达人做的是信任生意,一旦口碑坍塌、信任受损,对账号的打击也是致命的。

    二是转型做生活服务直播达人。 对于生活服务类内容尤其是外卖这种即时性消费品类来说来说,相比于短视频,直播的刺激更加直接,用户的体验感更强、转化路径也相对更短。如果达人能掌握专业的直播话术,再配合得当的组品策略,很容易在直播间收获亮眼成绩。

    二、属于商家的“时间红利” 除了达人的红利,在大旗看来,现阶段无疑是本地生活商家的红利期。

    原因很简单。虽然已经内测半年多,但抖音外卖目前可选择的餐厅门店仍然十分有限,并且基本都是餐饮商家,涉及正餐、蛋糕以及饮品等品牌,其中连锁型餐饮企业占据了大多数。而外卖是一项要满足用户多样消费需求的业务,且只有当足量商家入场、订单量上升,最不可控的骑手环节才能解决,骑手能赚到钱,外卖这盘生意才能跑通。因此, 如果抖音想把外卖业务的盘子做得更大,势必需要吸引更多商家进场。

    在很多商家的现有认知中,做抖音外卖业务可能未必是一件轻松的事情。原因主要有两点:

    一是虽然现阶段,抖音的抽佣比例仅有2.5%(不含配送费), 但实际上,商家的综合运营成本并不低 ,比如如果要寻求服务商的帮助,就要支付服务商费用;要和达人合作,还需支付达人费用,再加上看不见的拍摄、视频制作费用和骑手费用,综合看下来,很容易让重视短效ROI的商家左右为难,甚至在入驻后选择放弃抖音;

    二是抖音外卖的运营逻辑和传统的外卖平台有所不同,一些商家并不清楚短视频和直播的玩法,还需要额外投入时间和精力摸索学习。

    虽然面临着成本、基础能力上的挑战,但大旗认为,抖音为了快速跑通外卖业务,在给商家流量的同时,还会降低直播审核的标准。换言之, 现阶段正是商家吃到抖音外卖“时间红利”的大好时机,此时入场的商家往往能感受到流量的“充足” ,即使偶尔因为违规被限流,第二天开播平台照样会给到相当规模的流量,商家也能借助这个政策红利期相对轻松地完成初始流量和经验的积累。

    关于时间红利窗口的期限,大旗认为是3-6个月或6-12个月 。因为抖音本地生活业务在不同城市的推进速度有所不同,红利窗口期自然也有一定差异,想要入局的商家可以根据当地本地生活的业务进展情况来选择投身时机,尽可能地吃到免费的流量红利。等到免费红利期结束后,就会进入投放红利期,此时商家应对的策略也会相应发生改变。

    当然,并不是所有的商家都适合在抖音做外卖生意。大旗认为,想做抖音外卖的商家,必须要满足两点要求, 一是有中央厨房,二是配送网点要密集 ,这样才能承接波峰式消费下的脉冲式订单。原因我们在《抖音难过美团关》一文中也提到过:用户对外卖体验极其看重,在餐饮外卖这个争分夺秒的场景里,慢十分钟都可能影响消费决策和消费体验,半小时的差距足以劝退一批用户。

    三、服务商的机遇与挑战 随着大量外卖商家入局,抖音生活服务商也将借此迎来更多机会。

    去年10月25日,抖音生活服务首次举办了全国服务商伙伴大会,并正式对外公布了一组数据:目前抖音生活服务已经覆盖全国377个城市,合作门店超过100万家,涉及80多个细分品类。平台上的动销商家增长了22倍,整体交易金额也增长了30多倍。

    在抖音生活服务业务快速成长的这段时间中,服务商在其中扮演了至关重要的作用。据了解,2021年5月,抖音就签约了第一家合作服务商,到2021年11月,抖音生活服务的合作服务商已经超过100家,而抖音内部也正式组建了服务商管理部。

    面对着商家在具体经营过程中面临的难题,如没有达人资源,无法实现流量突围、不知如何运营短视频&直播等,不少服务商率先察觉到先机,利用自己的专业能力为商家提供了达人服务、视频创意、直播服务、店铺运营、投流推广等专项服务或全案代运营,不仅帮助商家在生活服务赛道中“跑”出了一席之地,自身也借此赚得盆满钵满。

    据36氪报道, 从业务启动到2022年8月,抖音生活服务商累积新开商家数量超过10万家、助力商家产出总GMV也超过百亿。与服务商建立合作后稳定动销的商家数量增加了77倍。而一批头部服务商随之快速起量,已经能够产出几亿乃至几十亿的GMV。

    如今,抖音入局外卖业务,不论是可挖掘的商家数量还是商家需求,都会有明显的提升,这对于服务商来说,无疑又是一个利好信号。

    但大旗认为,对于服务商来说,窗口期长不长,由当地业务的成熟度来决定。与此同时,服务商的生意并不是一劳永逸,而是面临着巨大的挑战,尤其是随着市场的不断扩容,商家和平台对服务商的能力要求也在提升,另一方面,本地生活商家非常重视投入产出比,强付费意识本身就没那么强,当有些商家发现, 投流成本比和服务商合作成本低时,很可能选择舍弃服务商,转用投放工具(巨量本地推)来为自己的业务加持。

    本地生活服务商如果不想成为弃子, 除了要提升自己的服务水平,真正做到’懂经营、懂内容、懂系统、懂规则”之外,也可以在服务之外,发展“代运营+X”,提升自有竞争力 。

    比如有的服务商除了做抖音生活服务代运营服务,还设计了自有课程,让团队和讲师给商家做佩云,教会商户如何自己运营;还有的服务商会搭建自有账号、培养扶持自己的达人,以增强自己的业务竞争力。

    当然,不论是达人,还是商家、服务商,只有努力成为风口上的头部,才有更多可能赚到“快”钱。那么,抖音外卖的风口究竟能持续多久?让我们一起观望。

    来源公众号:卡思数据(ID:caasdata6),数据赋能短视频内容创作、运营、营销和电商带货。

    本文由人人都是产品经理合作媒体@卡思数据 授权发布于人人都是产品经理,未经许可,禁止转载。

    题图来自Unsplash,基于CC0协议。

    该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

    给作者打赏,鼓励TA抓紧创作!

    {{{path> 赞赏

  • 融合低代码与GPT,微软的又一个神奇颠覆?

    设计动态 2023-03-23
    在Bing搜索框上打上关键词,页面右侧就能获得GPT的智能回复;就因为多了这一个新点,微软敢放言,谷歌搜索引擎存在的规模优势不复存在。 这如果放在人们不了解GPT是什么之前,大家都会觉得微软疯了。可当人们在之前半年间,充分体验到GPT的神奇之后,微软的狂言似乎

    最近可能互联网圈的不少人都关注到了微软借助GPT进行了应用升级这件事儿,比如Power Platform Copilot这款产品就将低代码与GPT进行了融合与重塑。那么,为什么是微软这家公司做出了技术进步?在产品进步路径上,有哪些经验是国内厂商可以借鉴的?

    在Bing搜索框上打上关键词,页面右侧就能获得GPT的智能回复;就因为多了这一个新点,微软敢放言,谷歌搜索引擎存在的规模优势不复存在。

    这如果放在人们不了解GPT是什么之前,大家都会觉得微软疯了。可当人们在之前半年间,充分体验到GPT的神奇之后,微软的狂言似乎也变得十分可信。

    是的, GPT的出现对于微软原有的Bing形成了一次价值跃迁 ,让无数人都在感叹微软的好运气,感叹微软能在这个技术寒冬中,俘获了GPT这个春日精灵的芳心,为自己百尺竿头更进一步的愿景创造了可能。

    但作为幸运儿的微软,不但没有在人们称赞与羡慕的眼中迷失自我,相反它还在持续创造,时刻想着将GPT这个优势点无限扩大,完成从一步领先到步步领先的伟业。

    3月16日,微软推出了Microsoft 365、 Dynamics 365与Power Platform Copilot,借助GPT的魔力,又向前了一步。

    然而,就在3月16号这天,大多数人都只关注到了Microsoft 365、 Dynamics 365 的智能化升级,认为这两项融合GPT的新品,将再造人们的工作方式,价值无限。

    可值得一提的是,鲜有人关注的 Power Platform Copilot,或许才是重头戏 ,因为它是一款 将低代码与GPT融合重塑的ToB产品 ,一款具备具有无限可塑、超低门槛、受众广泛且离钱近的创造工具,又具备重塑所有产业的可能性……

    一、Power Platform Copilo=数字魔法 “软件正在蚕食世界,技术创新公司正在颠覆既有行业结构。在接下来的10年,预计将有更多行业和业务被软件吃掉。”摩根大通CEO吉米·戴蒙曾放下豪言,以此表示软件将重塑千行百业,成为企业们的核心竞争力。

    现实,也正像吉米·戴蒙预期的那样发展,伴随着数字化时代到来,数字经济成为既定的未来, 作为抓取数据这一生产要素的抓手,软件被无数企业重视 。

    无论购买也好、自建也罢,当代企业的经营与生产中都少不了软件的参与。可随着软件的重要性日渐凸显并被广泛应用,问题也凸显出来。

    如果是购买,大多软件不够细微,无法扎住到万千细微场景之中,最初垂败于“最后一公里”之上; 如果是自建,成本、精力、建设速度和人才储备这几点对于万千企业而言是一道难题。 而低代码,作为一个低门槛地开发软件的方式,在理论上只需要找到熟悉业务的非技术人员,经过培训就能快速搭建出企业所需要定制的应用。

    这一点,无论是需要控制成本投入的小微企业、初创公司,亦或是那些有着更细微场景,有大量变动的细微需求的中大型企业,低代码都是他们需要的灵丹妙药。因此, 快速、便捷、成本低、投入少且还能随时根据需求变化、场景调整解决“最后一公里”的低代码,被市场重视起来 。

    可低代码的门槛再低,它也是存在。培训周期再短,也需要成本,“人人都是开发者”这句口号喊得再响亮,相应厂商也不敢说自己现在能做到。

    直到Power Platform Copilot的出现,最后的这道门槛也被抹除。Copilot是微软Power Platform的一个新功能,可以在Power Apps、Power Virtual Agents和Power Automate中提供基于GPT的人工智能辅助, 开发人员可以与GPT交谈,并描述他们想创建的应用程序,它可以在几秒钟内构建它并提供改进的建议。

    需要注意的是,这里“与GTP交谈”需要的便不是编程语言,而是自然语言,也就是我们平时沟通中的语言。人们只需在对话框中,输入自己构想的程序,需要增添几个功能,便能搭建出一个简单的程序。

    其中变化,正如JK.罗琳「哈利波特」书的普通人类,通过Copilot,便能在数字世界拥有魔力,之后就可通过手持从奥利凡德买来的魔杖、念动霍格沃茨传授的魔咒,就能释放出魔法完成由“麻瓜”到“巫师”的蜕变。

    微软方面表示,Power Platform Copilot是神奇。例如,用户告诉Power Apps“创建一个工人入职应用程序,获取新工人数据并共享培训内容和学习模块”, Copilot可以一次性创建应用程序。

    不仅如此,用户还能通过与Copilot交互来自定义应用程序,进一步增添、删减新的功能、数据,即使在过程中出现问题, Copilot也可以建议如何改进应用程序 。

    也是因为Power Platform Copilot在数字空间具备如此便捷、简易的创造力,它也成为了数字魔法,储备无限可塑、超低门槛、受众广泛且离钱近的创造工具,有可能重塑所有产业。

    二、为什么是微软想到? Power Platform Copilot是一个优秀的创新,一个极具想象力的ToB工具。它的出现对于很多科技企业、ToB从业者是一次思想冲击。

    因为Power Platform Copilot需要的技术储备,国内一些ToB服务商也具备。例如具有AIGC语言大模型的企业,近期有诸多公司都表示有相应的技术储备;低代码技术、或者说aPaaS能力,这些公司、ToB服务商都有积累。

    问题是,微软创造Power Platform Copilot的原材料,国内很多服务商都有,即便在能力上可能会差了一点,但是要有这方面的想法,攒出个 Copilot 0.5 也并非没有可能。

    那么问题来了:为什么是微软想到?

    关于答案,「ToB行业头条」想到的是 微软天然擅长的“垂直进步”, 这是它显著的“企业基因”。

    知名投资人、创业教父、PayPal黑帮成员之一的彼得蒂尔,在「从0到1:开启商业与未来的秘密」书中谈到,进步可以呈现两种形式:

    1)水平进步,也称广泛进步,意思是照搬已取得成就的经验,做1-n的复制。例如用1台打字机创造100台打字机。与水平进步对应的便是规模化竞争,也就是零和游戏,规模化做得越好、占据的市场份额越大,话语权越高。相反,市场份额如果过小,对应话语权也低,并具备随时破亡的风险。

    2)垂直进步,也称深度进步,意思是探索新的道路,尝试从未做过的事,实现从0-1的进步。例如用1台打字机,创造一台文字处理器。与垂直进步对应的是不可替代性的垄断,也就是霸主游戏,自己就是这个赛道的市场,自己代表这个赛道。

    微软就是一个善于垂直进步的企业。旗下的多款产品与应用,例如Windows与Microsoft Office、都是最为显著的代表。

    以Windows为例,在其面世之前,市场便具备一些常用的PC操作系统,包括但不限于DOS、Mac OS、Windows、Linux、Free BSD、Unix/Xenix、OS/2等。

    但Windows的出现迅速让这些产品被抛弃,因为它不仅革命性地将GUI(图形操作界面)引入到自己的操作系统中,有了更立体的操作反馈。之后它重视鼠标的应用、多界面的交互,开设任务栏、资源管理器等应用,为人们的操作创造了极大便捷与趣味性。

    可以说,Windows虽然不是PC操作系统的首创者,但是它重塑了PC操作系统,完成了“用1台打字机,创造一台文字处理器”的跨越式进步。

    Microsoft Office的出现,与Windows的发展史更有异曲同工的相似之处。

    包括Microsoft Azure,也在显现这一特性,它通过整合Azure+Office365的云端组合,并推动发展AI技术,形成诸多AI SaaS产品配合基础的IaaS能力,形成自身的云产业生态。

    并在此之外,进行了收购Linkedin、开源软件项目托管平台GitHub的方案,将Azure推向一个企业级的商业操作系统,并将自身战略转型成一家跨平台、跨设备的软件与云服务提供商。以此区别AWS,形成独特市场竞争力与不可替代性。

    以至于目前,Azure作为一个云计算后来者,却被无数投资人与从业者相信它具备超越AWS,登顶行业龙头的潜力。

    所以,再看Power Platform Copilot是微软率先创造出就不足为奇,因为这家公司在做任何事,都在想着垂直进步,并不愿意照搬前人走过的路,他们尊重创造,但心怀创新。

    相反,中国的企业往往进行水平进步,习惯水平进步。正如ChatGPT一样,它未火之前,人们很少知道百度、360、阿里巴巴、腾讯等有相应的技术储备,ChatGPT大火之后,别人一问就是早有布局,并不断进行市场普及、传播。

    那么问题是,既然早有布局,为何不是国内厂商先发布这样的产品,这是要深思的。

    彼得蒂尔曾在自己的书里表示,中国企业是擅长水平进步的代表,规模化方面中国制造遍布全球。但是很少看到中国创造,所以中国没有硅谷。

    那么面对这种评价,中国的技术厂商是不是要想一想,可不可以做一些垂直进步,能不能在海外之前,做一些Power Platform Copilot这类的创新产品?

    作者:海阳

    来源公众号:ToB行业头条(ID:wwwqifu),关注TOB领域的新产品、新公司、新趋势,专注以原创报道TOB行业的人物、金钱与故事。

    本文由人人都是产品经理合作媒体 @ToB行业头条 授权发布,未经许可,禁止转载。

    题图来自Unsplash,基于 CC0 协议。

    该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

    给作者打赏,鼓励TA抓紧创作!

    {{{path> 赞赏

  • 微软Copilot来了,金山办公们怎么办?

    设计动态 2023-03-23
    “一百年后,我们将会回顾这一刻,并说:那是真正的数字时代的开始。” 微软副总裁Jared Spataro在Microsoft 365 Copilot发布会上的这句话,主要想传达两个意思:一是人类真正跨入了数字时代,二是微软走在了时代的前面。 3月17日,微软在

    近日微软发布了消息,即Microsoft 365服务会全面接入AI功能,不少人在知道这个消息后也感到惊讶,难道前段时间“你已经是个成熟的Word了,要学会自己写字”的梗,真的就要成为现实了?此次出现的微软Copilot,又会对用户侧和产业侧,带来什么样的影响呢?

    “一百年后,我们将会回顾这一刻,并说:那是真正的数字时代的开始。”

    微软副总裁Jared Spataro在Microsoft 365 Copilot发布会上的这句话,主要想传达两个意思:一是人类真正跨入了数字时代,二是微软走在了时代的前面。

    3月17日,微软在以“与AI合作工作的未来”为主题的发布会上,带来了王炸消息——Microsoft 365 服务全面接入AI功能。自此,Word、Excel、PPT、Microsoft Graph、Outlook等所有软件互通,GPT-4穿梭其中,微软将这个系统称之为Microsoft 365 Copilot。

    微软CEO纳德拉表示,Copilot的出现是一个里程碑,这意味着人类与电脑的交互方式迈入了新阶段,从此人们的工作方式将永远改变,开启新一轮的生产力大爆发。

    而这次的爆发,绝不仅仅停留在用户侧,对于产业侧来说亦是一场巨大的颠覆性变革,波及行业之多、辐射范围之广,犹如洪水扑面而来,浩浩荡荡。

    一、预谋已久的进攻 围绕现代“打工人”常用的几个办公场景,微软宣称Microsoft 365 Copilot从Word、Excel、PPT、Outlook、Teams,到Microsoft Graph,都做了AI升级。

    Word是写文案、脚本的必备软件,之前需要用户自己一个字一个字敲上去,现在可以通过一句简单的描述生成内容。如果觉得内容可以,那就保留;如果不满意,就再调整。

    由于软件互通,用户可以在Word中调用其他软件的资料,比如根据OneNote中的一份素材写文章;还可以根据Word内容直接做出Excel表、PPT,实现内容形式的转换。除此以外,它还能根据用户需求改变文风,实现个性化撰写,还可以通过建议来强化论点或修改错误。

    在Excel中,用户只需要导入原始数据,Copilot就可以自动生成分析报表;还能够用文字下命令的方式对数据进行编辑,无需再去找公式和函数。甚至,Copilot还可以发现数据的相关性,提出假设方案,以及根据用户提出的问题给出公式建议,生成新的模型。

    在PPT中,Copilot可以将现有的文字文档,根据提示和大纲做出一份包括图片、音频的演示文件。另外,用户还能直接和PPT对话,用自然语言调整布局、调整文本格式以及插入动画。微软表示,大部分人原来其实都只“手动”掌握了PPT中10%的功能,有了Copilot,用户可以解锁剩下的90%。

    在Outlook中,用户只要给出简单的提示,Copilot就能快速回复邮件。另外,只要是Microsoft 365可以访问的内容,Copilot都可以根据内容快速生成邮件,用户还可以根据场景调整语气。

    在Teams中,Copilot可帮助用户召开会议、实时转录、组织关键讨论点并总结关键行动,还能为用户提供特定问题的答案。此外,Copilot还能根据用户的聊天记录创建会议议程、确定参会人员以及安排签到。

    发布会最后,微软还宣布了一项全新体验,Business Chat。该功能适配于LLM、Microsoft 365应用程序以及用户的所有数据,比如日历、电子邮件、聊天、文档、会议和联系人等。用户可以通过提问的方式,得到相应的回答。例如,用户可以提问“xx项目的下一个里程碑是什么?是否发现了任何风险?给我一些建议。”

    “你已经是个成熟的Word了,要学会自己写字。”谁也没想到,曾经风靡的一句调侃,居然成了现实。

    物理世界似乎真的来到了生产力变革的拐点处,但这一天的到来,对于微软来说,或许是预料之中。

    这是一场蓄谋已久的进攻。

    1996年微软就发布了Office97,这是中国用户最先接触到的版本。比起旧版最大的变化就是上线了Office小助手“大眼夹”,本意是为了帮助用户提供建议。这是微软第一次尝试在办公软件中加入AI产品,但因实际效果不好而被用户吐槽,最终于2007年下线。

    很多人以为微软的AI梦就此放弃,但其实并没有,如今回头看,当年的Office小助手恰是Copilot的“前身”。

    二、微软的帝国梦,既坚实、又脆弱 “属于微软的时代来了。”

    这是「科技新知」最近听到最多的感慨。不论走向结局如何,至少在品牌声量上,微软这次靠GPT-4打了一场漂亮的翻身仗。

    的确,GPT-4在工程上有较高的技术壁垒,随着各个厂商逐渐接入OpenAI的大模型,并不断探索、反馈,微软的“自我革命”和迭代速度将会进一步加快。

    目前来看,如果OpenAI不开源,其他竞争对手短时间内很难追上。这也就是为什么Open AI选择把训练数据、参数量规模等技术细节全部隐藏的根本原因。

    不过,不论从内部因素还是外部因素来看,微软的帝国梦都是没那么容易实现的。

    从外部来看,谷歌作为最强劲的对手,对于AI赛道穷追不舍。就在Microsoft 365 Copilot发布会当天,谷歌也宣布了旗下所有Workspace办公组件将上线生成式AI功能,其中包括Gmail以及Google Doc、Sheets、Slides等。与此同时,还开放了自己开发的大语言模型PaLM的API。

    事实上,谷歌这次推出的AI功能与微软的Copolit基本相似,从内容撰写到表格生成,从生成图像、音频、PPT到会议自动生成记录,谷歌在办公软件AI化上选择与微软正面硬刚。

    正是由于两者打得不可开交,可以预见的是,各家很可能将在短期内采取烧钱获客的模式,一场价格战即将到来。至于个人何时能够使用这些功能,微软暂时还未透露,只是声称,未来将在定价和授权方面很快分享更多信息。谷歌亦是如此。

    可事实上,从内部来看,这些AI助手的开发和运行成本并不低。微软曾在官网上披露,为了给OpenAI开发ChatGPT和GPT-4,自己已经花费了数亿美元,在Azure中造了一台超级计算机。

    按照Open AI公布的GPT-4的API费用表,AI每生成1000个字符,成本为0.06美元。此前有分析计算显示,如果按一个月平均每天约1300万访客使用ChatGPT来计算,至少需要3万多片英伟达A100GPU,初始投入成本约为8亿美元,电费每天都至少要花5万美元。

    如果定价太高,就要考虑竞争对手,更重要的是用户的付费意愿。况且,目前Copilot还存在实际应用上的瑕疵。就连微软365营销负责人都承认,微软Copilot工具有可能出错。

    在发布会上,微软也坦言Copilot目前还无法避免“犯错”。为了减少这种错误,微软能做的就是不断让更多用户来测试、目前,微软正在与20位客户一起测试Copilot,预览版也会在未来几个月内推广到更多客户手上。

    如此高成本投入的情况之下,后续用户是否会为之买单依旧是个问号,就比如已经有网友评论,“Copilot更像是一个升级版搜索引擎”。

    微软的软件帝国之梦,看起来既坚实、又脆弱。

    三、变天的不只办公软件 以Microsoft 365 Copilot为主场展开的办公软件之革命,才刚刚开始。尤其是对于国内软件市场来说,这或许会成为标志性的分水岭。

    首先,这场革命发生在用户侧。随着生产力工具的AI化,用户在生产方式上也相应出现变革。人们可以从最原始的纯手工转向AI辅助、人工把关的生产方式。

    更重要的是,用户付费意识的变革。就目前的消息来看,Copilot将是Office 365订阅费之外的一个付费附加功能。

    很长一段时间以来,国内用户习惯了用盗版软件,习惯了“白嫖”,本质上是生产力工具的产出价值不够。

    Copilot带给广大用户的冲击是剧烈的,人们甚至都开始担心会不会取代一些基础工作岗位,其影响力可见一斑。

    在这种背景之下,Copilot或许能打破用户付费习惯的最后一道防线,这对于微软整套的办公软件来说是天大的利好。所有的用户来自“正规渠道”,盗版不攻自破。

    其次,这场革命还将波及与Copilot相关的所有产业。其中,首当其冲的就是以谷歌为首的搜索引擎,接着便是生产力工具,例如国内的金山办公。

    3月21日晚,金山办公发布了2022年报。在财报中披露了自己在研发及AI技术方面的最新情况。2022年,金山办公的研发投入为13.3亿元,同比增长23.08%,研发投入占收入比约34%。

    而围绕AIGC(人工智能生成内容)及LLM(大语言模型)领域,金山办公表示将不断完善算法能力,优化文档数据搜索功能,持续推进产品智能化进程。同时,积极探索结合AIGC、LLM技术的下一代人机交互体验,并在文档翻译、听读、中英文校对、语音及音频转写、智能辅助写作及排版、表格数据智能分析、PPT一键生成及美化等场景进行融合。

    除此之外,当下比较流行的一些石墨、飞书等文档协作类软件;钉钉、企业微信等IM类软件;腾讯会议、Zoom等视频会议类软件;以及明道云、简道云等低代码工具,只要是和企业办公场景相关的产业,无一例外都将受到冲击。

    当然,这场AI革命远远不会止于办公软件,目前包括Meta、苹果、亚马逊等各个社交、消费类的头部公司,都已经透露要大力押注AI的消息。

    微软的GPT-4就像是一种蝴蝶效应,具体能影响到多大范围,谁也不敢轻言定论。唯一能做的,就是积极拥抱、保持定力。

    参考资料:

    《GPT-4撑腰,Office全家桶集体升级,微软向谷歌丢出“王炸”》,硅星人 《微软绝杀!GPT-4接入Office全家桶,竞争对手们还有后路吗?》,甲子光年 《GPT-4接入Office全家桶!Excel到PPT动嘴就能做,微软:重新发明生产力》,量子位 作者:苌乐;编辑:伊页

    来源公众号:科技新知(ID:kejixinzhi),洞察技术变化背后的产业变迁。

    本文由人人都是产品经理合作媒体 @科技新知 授权发布,未经许可,禁止转载。

    题图来自 Unsplash,基于 CC0 协议

    该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

    给作者打赏,鼓励TA抓紧创作!

    {{{path> 赞赏

  • 瓜子二手车,消灭不了中间商

    设计动态 2023-03-23
    7年前,一句“没有中间商赚差价”的广告语在大街小巷循环播放,瓜子二手车打响名号。 然而,就在近日,瓜子二手车官宣已经完成了从自营到第三方平台服务的切换,将二手车交易全流程线上化,并表示,在平台上已经有分布在150个城市的超1万家车商可以为用户提供车源。 “瓜子

    国内的二手车生意正在逐渐走向冷静阶段,那么在打出“没有中间商赚差价”的口号之后,瓜子二手车等二手车电商平台,是不是真的实现了口号里说的目标?二手车这门生意的本质到底是什么?一起来看看作者的分析和解读。

    7年前,一句“没有中间商赚差价”的广告语在大街小巷循环播放,瓜子二手车打响名号。

    然而,就在近日,瓜子二手车官宣已经完成了从自营到第三方平台服务的切换,将二手车交易全流程线上化,并表示,在平台上已经有分布在150个城市的超1万家车商可以为用户提供车源。

    “瓜子其实自己就是一个中间商,也是中间商的服务者。”今年2月,杭州车主金溪(化名)在瓜子二手车上卖掉了自己的旧车,买家是一个二手车商,拿下他的车之后再转手卖出去。金溪觉得,这样无疑拉长了交易链条,到了最后的个人买家手里,已经是中间商加价好几轮之后的结果。

    一、从没有中间商,到只剩中间商? 说起今年在瓜子二手车平台上的卖车经历,沈阳车主程晨(化名)就感到非常郁闷。

    他是瓜子的老用户,五六年前就有过一次通过平台卖车给个人买家的经历。最近又要卖车,他率先想到了这里。但这次程晨发现,和此前不同的是,自己免不了要和中间商过过招。

    程晨在瓜子上提交了卖车信息后,平台派出的评估师上门验车,并告诉他很快会将车辆上架。第二天,他才知道,自己的车并非上架到瓜子二手车平台上,而是另一个名为“车速拍”的拍卖平台。

    车速拍是瓜子母公司车好多旗下的网络竞拍平台,主要采用C2B模式。车好多方面曾介绍,车速拍的推出,是为瓜子二手车无法服务的用户提供满足其需求的服务,通过该平台,可以为卖家对接全国二手车经销商。

    评估师告诉程晨,目前个人卖家的二手车都会挂到车速拍上进行拍卖,如果他希望能够直接在瓜子平台上售卖,需要将车委托给和瓜子合作的二手车商。

    “车辆信息也挂不到咱们所谓瓜子APP的浏览页面上,我觉得这也没啥必要在这儿卖了。”程晨搞不明白,本地的车行那么多,如果卖车和买车都要经过二手车商,那就没有必要再过一道瓜子的手续。

    这和他几年前在瓜子卖车的经历不同,“当时没有车商介入,从平台验车、买家看车、过户整体流程,平台工作人员都会跟进,卖车我认为是个很简单的事儿。”但他很难再信任平台,忍不住怀疑平台会不会帮着二手车商一起压价、工作人员不够尽心尽力。

    而金溪的车最后以11.2万元的拍卖成功,作为买家的二手车商拿车时告诉他,在这笔交易里平台抽走了约6000元,如果一开始没有通过瓜子交易,直接把车卖给他们还能卖得更高。

    程晨和金溪也表达了同样的疑惑:如果中间经历了这么多环节,那么最终差价是不是都转嫁到了个人买家和个人卖家身上,“卖家多卖钱,买家少花钱”的口号是不是不复存在?

    二、商业模式几经变更 在过去近十年的时间里,瓜子、人人车、优信等二手车电商平台在互联网的浪潮中从混战走向冷静。其中,瓜子二手车的商业模式也几经变更。

    2015年,原赶集网CEO杨浩涌将二手车业务分拆出来,单独成立了瓜子二手车。杨浩涌最为人熟知的是他百试不爽的品牌扩张打法,大规模投放广告以抢占用户心智。“没有中间商赚差价”就是一个典型的烧钱案例,让瓜子二手车最初C2C的业务模式深入人心。

    “如果没有杨浩涌,优信二手车的市场广告费会砍掉一半。”优信CEO戴琨曾这样评价。

    彼时,瓜子、人人车、优信分别邀请了孙红雷、黄渤、王宝强担任代言人,你方唱罢我登场。二手车电商也是风光无限,公开报道显示,到了2017年,涌入二手车电商行业的资金超过200亿元。

    同一时期,收获了大额融资的二手车电商们业务越做越重。瓜子提出了“保卖”模式,按约定价格提前付给卖家80%车款,又约定时限保证卖出,再支付剩下的20%车款。随后又开起了线下严选店,由平台把关,主打C2B2C模式。

    公开信息显示,2018年,瓜子密集开设了108家严选直卖店。仅一年过后,到了2021年3月,瓜子又被曝出重金铺设的线下门店已经关闭、迁店了近2/3,线下直营店这条路也没能走通。

    尽管近日才正式官宣升级为第三方平台,时代财经注意到,早在2019年,瓜子二手车就已经开放了第三方商户接入,也默默放弃了“没有中间商赚差价”的广告语。

    近两年来,随着全国范围内取消二手车迁入限制、二手车交易登记“跨省通办”等政策相继出台,二手车线上交易的便利大大提升。瓜子又喊出了“新电商平台”的口号,要让线上买卖二手车像在淘宝下单一样简单,包含专业检测、送车上门、试驾7天不满意全额退等一系列的服务举措。

    “二手车市场中间商的存在,实际上是构建信任关系的一个关键所在。”盘古智库高级研究员江瀚表示,在没有中间商的情况下,平台要承担相应的责任,压力是非常大的,“所以瓜子二手车这种选择(转为第三方平台)也是迫不得已。”

    江西新能源科技职业学院新能源汽车技术研究院院长张翔也持类似的观点,汽车作为大宗商品,以电商平台的角色介入模式较轻,过去重资产的模式烧钱速度或许超过了瓜子的预期,难以为继。

    时代财经注意到,瓜子二手车母公司车好多集团的上一轮融资停留在2021年,由H Capital领投,红杉中国、IDG、杨浩涌个人基金跟投,金额为3亿美元。

    在江瀚看来,国内二手车电商平台进入了一个转型时代,核心在于提升效率,要有足够多的货源、足够多的二手车商愿意加入,从而形成竞争,才能够推动二手车市场的发展。

    张翔则表示,国内二手车市场的痛点在于行业并不规范,车辆质量参差不齐,从消费者意愿上来看,用户也更倾向于第一辆车购入新车,二手车发展受限,依然需要时间过渡。

    回过头来看,“没有中间商赚差价”成就了瓜子二手车,也给它套上了紧箍咒,大众消费者对于瓜子的印象也大多停留在此,在瓜子转型开始向B端商家提供服务后,反而形成了阻力。

    二手车生意的本质依然是低买高卖,“没有中间商赚差价”或许一开始就是一个美好愿景。

    作者:李婷;编辑:史成超;公众号:时代财经APP(ID:tf-app)

    本文由 @时代财经 原创发布于人人都是产品经理。未经许可,禁止转载。

    题图来自Unsplash,基于CC0协议

    该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

    给作者打赏,鼓励TA抓紧创作!

    {{{path> 赞赏


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通