-
优设2022年度榜单发布!致敬你的每一次Ctrl+N
UI交互 2023-01-09与PIXSO、优设一起,让创作变杰作过去一年,我们共同经历了太多变化创意行业,同样发生着翻天覆地的革新Pixso 作为一体化产品设计工具仍坚定地与设计师们结伴而行携手奔赴充满机遇的新时代让我们用希望的光,照亮脚下的路与 Pixso、优设一起,让创作变杰作越凛冽,越抖擞!越澎湃,越创作!? 点击体验新一代设计协作工...与PIXSO、优设一起,让创作变杰作 过去一年,我们共同经历了太多变化 创意行业,同样发生着翻天覆地的革新 Pixso 作为一体化产品设计工具 仍坚定地与 设计师 们结伴而行 携手奔赴充满机遇的新时代
让我们用希望的光,照亮脚下的路 与 Pixso、优设一起,让创作变杰作 越凛冽,越抖擞! 越澎湃,越创作!
? 点击体验新一代设计协作工具 ?
榜单内容概览 今年的榜单共分为三个子榜单:年度创作者榜、年度生产力榜、年度设计图书榜
年度创作者榜:总结了优秀的设计团队、作者、讲师、热门文章与专题,还有十佳设计作品集和全年热门的行业新闻。
年度生产力榜:汇总全年好用易用、口碑出众的软硬件产品。
年度设计图书榜:精选设计工具、平面设计、产品交互、绘画艺术、设计理论等5大类型的实用设计图书。
点击右侧链接查看完整榜单内容 → 优设2022年度榜单
一、优设2022年度十大设计团队 京东JellyDesign
京东 设计团队
Jelly Design由用户体验设计部及事业部设计团队共800+成员组成,团队专业领域涉及用户研究、交互设计、视觉设计以及前端开发,分布于北京、上海、深圳。
ISUX
腾讯 社交用户体验设计团队
腾讯社交用户体验设计团队,负责腾讯社交网络业务的体验与服务设计,囊括用研、交互、视觉、品牌、多媒体、UI开发等,分布于深圳总部、上海及韩国首尔。
58UXD
58同城 用户体验设计中心
58UXD负责公司全业务体验设计与用户研究的核心团队,为58同城全平台、商业平台、安居客、招才猫、58本地版等产品提供专业系统的用户研究、体验设计、品牌与视觉设计服务。
百度MEUX
百度 移动生态用户体验设计中心
以「简单极致」为设计理念,创造极致用户体验的同时赋能商业,推动设计行业的价值和影响力,让生活因设计而更美好。服务的产品包括百度APP、百度搜索、百度百科、百度贴吧、百度商业产品等。
腾讯设计族
腾讯 设计团队
汇聚腾讯全部设计团队,致力鹅厂用户体验设计。在腾讯设计族平台与您共启设计视野,实践设计价值,求索设计未来。
Gtech UED
佳应科技用户体验设计团队
负责新加坡GTech Digital (佳应科技) 旗下B端产品的用户体验设计;与新加坡、印尼、马来的运营团队一起为全球品牌提供本地化产品设计,帮助全球品牌及中小企业搭建D2C服务能力,实现数字化转型。
酷家乐UED
群核科技用户体验设计
酷家乐UED是由一群敢于表达态度来传递产品温度的UEDers组成,以不懈的努力去追求更优的用户体验。
腾讯设计
腾讯设计官方账号
由腾讯设计团队共同组建而成,致力于对外分享腾讯公司级的设计方法论。
VMIC UED
vivo 互联网中心用户体验设计团队
互联网中心用户体验设计团队(VMIC UED),持续为用户打造惊喜体验
极氪ZED
极氪用户研究与体验设计部
一个平等、多元且富有创造力的团队。我们秉承「致广大而尽精微」的宗旨,分享用户研究、体验设计等领域的实践与经验。
二、优设2022年度十大作者 彩云Sky
设计语言的连接者
致力于翻译国外高质量的设计类文章,以每周一篇的更新频率引入国外干货,坚持创作多年时间,内容输出既优质又高产!
酸梅干超人
体系化的专题创作者
独立产出多个设计专题,内容涵盖B端设计和 UI 等领域,是知识体系化产出的杰出代表!
大漠飞鹰CYSJ
UI设计自学指路明灯
保姆级教程的创作者,从产品细节剖析到UI设计知识详解,在界面设计领域深耕细作,单篇5000字的干货含量,堪称UI自学路上的指明灯。
黑马青年
达于职场工于UI的跨界高手
出身大厂的资深设计师,职场&UI 双重跨界达人,上能帮助新人拨开迷雾,寻觅发展方向,下能探究产品细节,发现设计之美。
CE青年
B端设计领路人
从事B端产品设计多年,擅长通过庖丁解牛般的精细刀法,拆解B端产品的整体结构,提取出干净利落的核心知识。
设计史太浓
鉴古知今的集大成者
设计史科普第一人,善于用幽默风趣的形式,展现设计史的重要流派、人物和作品,为读者构建世界设计史的知识轮廓。
葱爷
视觉设计风向标
从普通设计师成长为视觉总监的葱爷,总能敏感捕捉到每个视觉设计师的学习盲区和关心风向,及时送来视觉干货。
邓海贝
一位有编制的平面设计师
作为大学副教授,能从严谨的大学课堂无缝过渡到生动的视觉教程,成为育人无数的设计师园丁,愿称为平面设计创作领域的科班代表。
Clipper
设计知识汪洋的拾贝人
善于在浩如烟海的设计知识汪洋中,筛选出难以察觉但极为重要的细节和技巧,用简明扼要的语言,将核心干货娓娓道来。
Andrew
教科书级干货分享者
专注于产出万字干货的设计行家,曾受邀为大厂分享创作经验。全面详尽的分享和贴心的资源打包,是让他脱颖而出的关键秘诀。
三、优设2022年度新星 夏花生
她是 2022 冉冉升起的设计新星,以 160 多篇的高产速度,收获近 700 万的惊人阅读量,多次写出引爆人工智能绘画领域的热点内容,同时能精准捕捉设计师关注的问题并给出实用的解决思路,在平面设计教程创作领域亦有不凡建树。
四、优设2022年度十大教程作者 君小阳
logo实战系列教程作者
公众号“这logo怎么了”创办人,坚持每周更新,从实际logo案例中发掘底层逻辑,细细拆解制作步骤,堪称logo设计入门说明书。
太阳鸽鸽
AE动效教程作者
7年动态设计经验,专精MG动画、图形特效、UI动效领域,分享潮流有趣的动效实例,用顶级的效果和清晰的教学分享动态设计干货。
磊土视界
视觉类入门教程作者
分享PS、AI、AE等实操案例,擅长抓住设计新人的知识痛点,声音抚慰人心,教程清晰直白,干而不寡。
做设计的小肥肥
PS海报教程作者
Adobe官方合作教程作者,以敏锐的观察力与惊人的想象力著称,作品饱含视觉冲击与细节,用诲人不倦的分享精神,持续产出PS视觉海报实战教程。
野鹿志
C4D教程作者
不受限于常规的题材,坚持发掘C4D的尖端用法,教程案例夸张又不失美感,用视频配合图文,精确到每一步小操作。
一六视觉
PPT教程作者
着重讲解PPT设计思维,层层递进,希望和大家一起靠PPT找到更多成长的 意义,告别碎片化学习。
小九摄影ECP
摄影教程作者
专注于产品静物摄影、短视频技巧、器材体验。脑洞开阔,能从他的教程视频中感到无限的创意释放。
兴趣设计师k
Blender教程作者
用Blender结合UI设计,分享新人也能看懂的建模渲染教程,过程详细,审美在线,对透明质感的把控炉火纯青。
设计师团长
视觉类教程作者
优设训练营特级讲师,百万人气作者,条理清晰,教程延展性极强,知识点切入稳准狠,擅长光影与质感塑造。
Asen-阿森
手绘类教程作者
以创作能力出色而闻名优设,无论是扁平风格、儿童插画,或者是质感满满的中国风插画,她都得心应手。不断从自己的速涂训练中总结并分享实用技巧。
四、优设2022年度十大讲师 梁述光
优设大课堂手绘讲师
安踏联名合作画师、百度特约插画师。他的《雷神山》系列插画收获千万曝光,创作的奥运人物插画,频频被运动员互动转发,被多家媒体争相报道。
丁汀
优设大课堂C4D讲师
3D动态设计师,BIG6 STUDIO创始人,多家卫视指定合作设计师。辅助学员商业变现50W+,长期与小米、OPPO国内一线企业保持合作。
BeardChicken 郁闷的鸡
优设大课堂UI和动效讲师
知名设计教程作者,Adobe公开课特邀讲师、影视后期设计师。从事互联网设计超十年,丰富一线商业项目经验,已助力许多设计师进入互联网企业。
态爷
优设大课堂手绘讲师
他是央视合作插画师,电影分镜导演,长期与快手、抖音、蒙牛等众多品牌保持合作。如今作为老师,将自己的知识体系传授给更多的设计师。
闫实
优设私房课速涂讲师
前完美世界高级原画师,墨麟集团主美术,拥有扎实稳固的科班美术基础,尤其擅长美式风格和光影速涂。
杨洋
优设平面实战营讲师
优设训练营教研总监、优设字库项目主理人,7年教学经验,学员11000+。授课严肃认真,善于引导学员开拓自己独立思考做设计的能力。
橙子
优设商业插画实战营讲师
优设训练营课研组长,腾讯供稿插画师,Adobe官方合作教程作者。6年教学经验,帮助学员整理绘画的思维逻辑,夯实基础,拓展风格类型。
如如
优设视觉设计实战营讲师
优设特级讲师、MG动效设计师。授课细致入微,评讲作业时随时补充新知识点,被学员称为“举例狂魔”。
张小哈
优设私房课插画讲师
跨界自由设计师&插画师,上海大悦城、新天地签约设计师,商业作品讨喜且卖座,艺术创作走心又有趣,曾出版绘本《创造力的形状》
小毅
优设 Blender 课程讲师
曾负责京东大促级别的项目,落地多款上亿流量的项目。精于视觉设计和执行,拥有丰富的电商3D设计经验,曾多次与一加、VUE等合作电商营销项目。
五、优设2022年度十大热门文章 1. 人工智能快速出图!盘点 4 款人气超高的 AI 绘画神器
文章作者:夏花生 | 阅读量:36.9w
人工智能快速出图!盘点 4 款人气超高的 AI 绘画神器 大家好,我是和你们聊设计的花生~ 有关注 AI 绘画领域的小伙伴可能注意到,国内已经出现了能直接使用中文提示词生成 AI 图像的工具了,这就进一步降低了我们进入 AI 绘画世界的门槛,对设计师和创意工作者来说无疑是好消息。
阅读文章 >
2. 堪比艺术家!被疯狂安利的 AI 插画神器 Disco Diffusion 有多强?
文章作者:夏花生 | 阅读量:28.4w
堪比艺术家!被疯狂安利的 AI 插画神器 Disco Diffusion 有多强? 大家好,我是和你们聊设计的花生~ 有关注「神器挖掘机」阿文(微博 @Simon_阿文 )的朋友,可能已经了解到他最近正在疯狂安利一款 AI 绘画神器——Disco Diffusion。
阅读文章 >
3. 免费开放!人人都能轻松上手的AI绘画工具DreamStudio
文章作者:夏花生 | 阅读量:16.1w
免费开放!人人都能轻松上手的AI绘画工具DreamStudio 大家好,我是和你们聊设计的花生~ 之前为大家介绍了初代 AI 图像生成器 Disco Difussion、Dall·E 2、Midjounery,国产 AI 图像生成器 Tiamat,以及 4 款由谷歌、微软等大厂推出的 AI 图像生成器 Imagen、Parti、Make-A-Sce
阅读文章 >
4. 地表最强AI聊天机器人ChatGPT诞生!会给设计师带来哪些影响?
文章作者:夏花生 | 阅读量:3.6w
地表最强AI聊天机器人ChatGPT诞生!会给设计师带来哪些影响? 大家好,这里是和你们聊设计的花生~ 前几天刚和大家聊过 AI 绘画工具 Midjourney 的 V4 模型,感叹它图像生成质量之高。
阅读文章 >
5. 从 Dribbble 高赞的 828 个作品中,总结出 2022 设计趋势
文章作者:水手 | 阅读量:12.1w
从 Dribbble 高赞的 828 个作品中,总结出 2022 设计趋势 Dribbble 平台对于互联网 UI 界面设计有着举足轻重的定位,对 Dribbble 设计的研究会让我们看清设计的方向。
阅读文章 >
6. 腾讯出品!2022-2023 设计趋势报告:NFT 玩法应用篇
文章作者:ISUX | 阅读量:2.7w
腾讯出品!2022-2023 设计趋势报告:NFT 玩法应用篇 背景 从 2017 年萌芽到 2021 年爆发,NFT 在过去的一年内正在成为数字经济市场的“顶流”,从最初的区块链游戏项目、艺术品投资领域开始向外辐射到音乐、体育、时尚等各种形态的数字产品行业中,展现出未来对于互联网行业、金融市场甚至社会生态等领域的影响。
阅读文章 >
7. 深扒!连拜登团队都在用的Figma是如何成长起来的?
文章作者:陈子木 | 阅读量:4.1w
深扒!连拜登团队都在用的Figma是如何成长起来的? 相信这几天设计圈和产品圈的同学都在讨论 Figma 封禁大疆的团队帐号这个事儿,经过多轮文章和视频的洗礼,这个事件的始末和性质相信大家已经掰开了揉碎了看明白了。
阅读文章 >
8. 免费可商用!优设鲨鱼菲特健康体来啦!
文章作者:优设 | 阅读量:16.1w
免费可商用!优设鲨鱼菲特健康体来啦! 双 11 刚刚过去,作为电商设计师的你是不是已经开始准备双 12 的视觉稿了?
阅读文章 >
9. 金三银四求职季,收下这篇5000字的上分秘籍
文章作者:Cesare_玄漓 | 阅读量:9.6w
金三银四求职季,收下这篇5000字的上分秘籍(附简历和作品集模板) 考虑马上又要到新的一年为了让更多小伙伴能准备出更加惊艳作品集,这里我提供了一套简历和作品集的设计思路以及对应的模板,希望对大家有帮助~ 我们提供器与具,推崇创作思路发散,不鼓励照搬、抄袭、挪用。
阅读文章 >
10. 设计师作品集封面万用套路!再送500+优秀案例打包!
文章作者:Andrew | 阅读量: 4.9w
设计师作品集封面万用套路!再送500+优秀案例打包! 编者按:本文通过一个设计师作品集封面设计的实操案例,帮你掌握作品集封面设计,附赠500多张优秀案例打包,快来下载!
阅读文章 >
六、优设2022年度设计专题 1. 热门AI绘画神器大盘点
本专题不仅详细介绍了市面上常见的AI绘画神器,而且还有AI填色工具、AI相关的资讯解读和AI绘画的实战案例,帮你快速熟悉AI绘画领域。
2. 看故事,学设计
本专题由「设计史太浓」出品,用幽默风趣的形式,展现了世界现代设计史上各个时期的重要流派、重要人物和重要作品,为读者构建出世界现代设计史的知识轮廓。
3. 最新最全的设计资源打包下载
精心挑选,贴心打包是本专题的原则。这儿不仅有超过1000款的笔刷,500套样机,还有很难找到的点线面素材、网页渐变背景、PPT 模板等等。是时候打开它们,高效补充你的素材弹药库了!
4. HMI车载设计指南
本专题从HMI设计的知识体系、竞品分析、语音设计到设计规范、可用性测试等,都提供了极为详尽的教程。每篇文章均是万字左右,看完这个专题,几乎等于看完一本书了。
5. 产品出海趋势下的设计指南
企业出海是未来两年的趋势之一,面对不同国家的宏观环境、风俗习惯和文化层面的差异,设计师需要转变以往的思路,做好产品的本土化设计。本专题从出海产品的调研方法、竞品分析、多语言设计等方面,结合大厂的实战案例,帮设计师掌握出海产品的设计方法。
6. 优秀产品设计全方位拆解
一个优秀的产品如何设计,遵循什么原则,有什么策略,是否可以用一个设计公式来描述它,从而让我们全面、结构化的方式去研究学习。这个系列将全方位帮你拆解市面上的优秀产品,帮你站在巨人的肩膀上学到更多。
七、年度设计作品集 1. 鲨鱼菲特差异化品牌体系打造 - 平面设计
作者:造视品牌中心
2. CHUAN设计作品合集 - 平面设计
作者:CHUAN_BBDL
3. Xc个人作品集 - 视觉设计
作者:sᴜᴘᴇʀ_xᴄ
4. 阿凡题作品集 - 产品设计
作者:鹿喜喜
5. 凌旬2022品牌设计合集 - 平面设计
作者:凌旬
6. 造视创意&水密码 差异化爆品打造 - 视觉设计
作者:图层叔
7. 银海的工作总结 - 视觉设计
作者:GIfts
8. 2022插画作品总结 - 视觉设计
作者:Asen-阿森
9. 2022 产品设计作品合集 - 产品设计
作者:Miles
10. 初见三国 - 视觉设计
作者:一个土豆
八、优设2022年度设计行业大事件 1. Figma 开始制裁大陆企业,封停部分国内企业团队账号
深扒!连拜登团队都在用的Figma是如何成长起来的? 相信这几天设计圈和产品圈的同学都在讨论 Figma 封禁大疆的团队帐号这个事儿,经过多轮文章和视频的洗礼,这个事件的始末和性质相信大家已经掰开了揉碎了看明白了。
阅读文章 >
2. 人工智能 AI 绘画工具爆火出圈,谷歌等知名科技公司纷纷入局
人工智能快速出图!盘点 4 款人气超高的 AI 绘画神器 大家好,我是和你们聊设计的花生~ 有关注 AI 绘画领域的小伙伴可能注意到,国内已经出现了能直接使用中文提示词生成 AI 图像的工具了,这就进一步降低了我们进入 AI 绘画世界的门槛,对设计师和创意工作者来说无疑是好消息。
阅读文章 >
3. 人教版数学教材登上热搜,插画风格丑陋引发网友热议
以前的中国插画有多优秀?打开这个网站你就知道了 大家好,我是和你们聊设计的花生~ 最近关于人教版小学数学教材插画的事件受到广泛关注,想必大家也都有所了解。
阅读文章 >
4. 微软 emoji 表情正式开源,1545 个表情开放下载,全部免费可商用
推荐阅读: https://uiiiuiii.com/software/547412.html
5. Adobe 旗下 Behance 网站限制大陆用户访问,国区账号无法登录
Behance显示无权访问?别急,还有这些方法可以挽救! 大家好,我是和你们聊设计的花生。
阅读文章 >
6. 苹果全新一代手机 iPhone14 系列发布,带来全新的 iOS16 和灵动岛
灵动岛和 iOS 16 实时活动设计规范来了! 编者按:灵动岛和 iOS 实时活动推送界面的设计规范终于出来了,原文在这里,做设计和开发的同学记得看看。
阅读文章 >
7. 设计软件巨头 Adobe 宣布,以 200 亿美元收购知名在线设计协作工具 Figma
深扒Adobe 40年收购史!发现最出名的不仅仅是Figma Adobe 收购 Figma 恐怕是昨天在设计圈中最大的新闻了吧?
阅读文章 >
8. Google、Meta 发布最新的人工智能 AI 工具,用文字描述就能生成视频
Google、Meta又放大招!用嘴做视频的时代也要来了 大家好,这里是和你们聊设计的花生~ 近段时间 AI 工具发展势头越发迅猛,在为大家介绍过的 AI 模型中,DALLE·2 和 Midjourney 在文本生成图像的质量和精准度上有了大幅度优化提升,后起之秀 Stable Diffusion 则将 AI 模型的操作门槛降低到普通人都能轻
阅读文章 >
9. 人工智能 AI 聊天机器人 ChatGPT 诞生!能力强大火爆科技圈
地表最强AI聊天机器人ChatGPT诞生!会给设计师带来哪些影响? 大家好,这里是和你们聊设计的花生~ 前几天刚和大家聊过 AI 绘画工具 Midjourney 的 V4 模型,感叹它图像生成质量之高。
阅读文章 >
10. 潘通正式发布 2023 年度流行色「非凡洋红 - Viva Magenta」
来了!潘通2023年度流行色「非凡洋红」正式发布! 每年12月初,潘通都会踩着点发布第二年的流行色。
阅读文章 >
九、优设2022年度十大设计软件与网站 1. 人工智能AI绘画工具
功能特点:在线操作、自动生成、出图极快
上榜理由:Midjourney、Disco Difussion等AI绘画工具,绝对是今年最有话题性的新产品,凭借高效的出图速度和超强的图片画面效果频频出圈,借助人工智能学习,让产出的作品兼具精确度与艺术性,未来的发展也更加让人期待。
2. Blender
功能特点:免费开源、功能全面、多平台适用
上榜理由:Blender已经更新到3.4版本,引入了新的毛发系统,支持Cycles渲染器中的路径引导,能在相同时间下获得更好的渲染效果,几何节点调节也更加直观,同时增强了雕刻模式和UV工具,提高建模和贴图的效率和质量。
3. Pixso
功能特点:协同白板、原型设计、界面设计、团队协作
上榜理由:作为一体化的产品设计工具,pixso覆盖产品创意从诞生到落地的全流程,已成为国内众多头部互联网大厂设计协作工具。同时pixso拥有优秀的渲染性能,高频操作场景下设计体验尤为出色,全方位提升产研设团队协作效率。
4. 字由
功能特点:字体筛选便捷、无需下载文件、一键应用字体
上榜理由:字由整合超过3100款字体,包含免费商用及会员商用字体超过1200多种,涵盖中、西、日、韩等多种语言,无需下载字体文件,一键激活就能在PS、AI、sketch、WPS等设计、办公和视频剪辑软件中选择和使用字体,支持云字库,非常方便高效。
5. NOMAD SCULPT
功能特点:界面友好、上手便捷、轻松雕刻
上榜理由:目前移动平板上最方便上手的建模雕刻软件,简洁友好的软件界面让你很快就能上手,功能直观操作方便,经过简单学习体验就能做出好玩的模型效果,配合手势与触控笔,让你所有的操作都是所见即所得。
6. Mental Canvas
功能特点:立体空间、无限画布、转场动画
上榜理由:这也是今年画手圈非常爆火的软件之一,它可以把二维画面按照不同图层转换为3D空间场景,让其拥有立体空间感,通过图层的位置、角度以及摄像机的运动变化,可以获得非常有趣的动态效果,目前支持Win和iOS系统。
7. Procreate
功能特点:3D绘画、自定义笔刷、手势操控
上榜理由:Procreate一如既往是设计生产力的代表软件,新一代的版本支持了3D绘画功能,自带超过200款的笔刷,加上丰富的色彩、编辑、图层等功能,配合手势以及画笔悬停的新功能,充分发挥设计师的创作自由度。
8. 剪映专业版
功能特点:操作简单、素材丰富、智能字幕
上榜理由:剪映的界面布局非常简单,功能直观且丰富,内置多种转场、花字、音效、滤镜等效果,轻松实现充满创意的视频效果,智能字幕可以直接将语音转为文字字幕,还有自动抠像、曲线变速等功能,可以满足更多视频制作需求。
9. MasterGo
功能特点:界面设计、交互原型、团队协作
上榜理由:作为线上协同的产品设计工具,许多互联网大厂如百度、阿里、网易、京东、商汤等都在使用,是获得最多团队真实复杂场景的协同工具。它支持多人同时编辑,规范管理设计资产,一个链接就能实现云端评审交付,为设计师提供稳定流畅的设计体验。
10. ChatGPT
功能特点:智能问答、信息全面、能力强大
上榜理由:这是由OpenAI 研发的一款人工智能聊天机器人,它能回答关于生活、学习、工作等各方面的问题,可以根据聊天上下文进行互动交流,甚至可以完成文本翻译、写文案及代码等较高难度的任务,让AI工具上升到全新的高度。
十、优设2022年度十大设计硬件与外设 1. 七彩虹 iGame GeForce RTX 4080 / 4090
功能特点:全景光线追踪、DLSS 3、AI加持、高效散热
上榜理由:七彩虹发布全新RTX40系显卡,新的架构让光线追踪性能提升,图形处理画质更逼真,渲染更快速。AI驱动加持,低延迟等多项性能突破,让工作和游戏的体验变得更好,散热和功耗比也更得到进一步加强。
2. 明基PD2705U显示器
功能特点:屏幕均匀管控、专业设计模式、OSD控制器小热盘
上榜理由:专为设计师打造的27寸4K色准显示器,屏幕显色准确一致,出厂单独校色,适合工作室使用,确保有效沟通。小热盘高效操作四大专业设计模式,兼容多种设计需求。接口功能丰富,轻松实现Type-C直连及65w反向供电,并兼顾多设备连接需求。
3. PICO 4 VR 一体机
功能特点:佩戴轻巧、空间定位、高清屏幕
上榜理由:PICO 4采用前后平衡式设计,还有电动调节瞳距功能,让不同的人佩戴也同样舒适和方便,配备的LCD屏幕与光学透镜,能实现VR与MR双重效果,精准的手柄定位追踪能让游戏、运动的反馈更及时,使用体验更好。
4. iPad Pro 2022
功能特点:苹果M2芯片、P3视网膜屏、软件生态强大
上榜理由:苹果全新的M2芯片提供强大的性能支持,用iPad可以随时随地进行手绘、动画以及3D创作,视网膜屏能出色还原亮度和色彩显示,让作品呈现真实舒适的观感。还有丰富的软件支持,让设计创作更加方便高效。
5. 大疆 DJI Mini 3 带屏遥控器版
功能特点:机身轻巧、续航持久、4K录制
上榜理由:作为大疆的入门级无人机,轻巧的机身接近手机的重量和大小,支持4K60帧和1080P60帧的视频拍摄,搭配长续航电池最长可飞51分钟,带屏遥控器支持10公里图传,还有精准悬停、自动返航等非常方便的功能。
6. Redmi AX5400 路由器
功能特点:信号覆盖广、多设备连接稳定
上榜理由:最新的WiFi6增强版技术,让路由器的网络传输更加快速,多台设备同时连接的传输效率和稳定性也变得更强,数据的上传下载量也更大,6个天线独立放大器增强了信号覆盖,无线网络信号也变得更好。
7. 保友金豪B 2代人体工学椅
功能特点:分区支撑、多档调节、腰脊保护
上榜理由:腰背独立支撑的设计加上可调节的头枕,给整条脊椎舒服自然的承托感受,优质的面料和材质确保了长久的耐用性,靠背高度、扶手角度与高度、座深、座高、后仰角度等多项调节功能,不同身高也能坐的很舒服。
8. 罗技 MX Master 3S 无线蓝牙鼠标
功能特点:电磁滚轮、操控灵敏、按键自定义
上榜理由:这款鼠标兼具颜值与性能,配对多台设备可以一键切换,电磁滚轮直接提升了中键的使用率,浏览网页、文档、PS画布的效率都大大提高,一次充电就能用满2个月,侧边的自定义键,也能快速执行更多常用操作。
9. 极米H5投影仪
功能特点:亮度清晰、色彩精准、性能出色
上榜理由:极米自研的发光系统,还原电影本身的亮度与色彩,自动梯形校正可以适应不同房间布局,操作系统响应快速使用流畅,支持WiFi6,在线播放速度更快,延迟更低,自带哈曼卡顿音响,观影和音效体验都非常出色。
10. AirPods Pro 2022
功能特点:无线降噪、空间音频、续航持久
上榜理由:新款AirPods Pro各项能力都有了提升,出色的降噪能力能让你在专心工作或通勤时不受外界打扰,新增的触控功能让音量调节更方便,增强的续航让使用时间更长,长途出行也不怕半路没电。
十一、优设2022年度设计工具类图书 1. 设计思维工具手册
- 出版:清华大学出版社 - 作者:付志勇、夏晴 - 类别:设计方法、工具手册
2. 这么设计能热卖:融入运营思维的电商设计进阶宝典
- 出版:清华大学出版社 - 作者:吴婷 - 类别:电商设计
3. “营”在设计:电商运营设计修炼手册
- 出版:清华大学出版社 - 作者:京东零售用户体验设计部-运营设计部 - 类别:电商设计、运营设计
4. 版式设计从入门到精通(第4版)
- 出版:人民邮电出版社 - 作者:胡卫军 - 类别:版式设计、平面设计
5. 高点击率:电商设计规律与实战教学
- 出版:人民邮电出版社 - 作者:李艳 - 类别:电商设计
6. 平面设计网格系统(经典版)
- 出版:上海人民美术出版社 - 作者:约瑟夫·米勒-布罗克曼[美] - 类别:平面设计
十二、优设2022年度平面设计类图书 1. 日本包装创意
- 出版:gaatii光体 - 作者:gaatii光体 - 类别:包装设计
2. 版式设计关键词:设计大师的方法与风格
- 出版:后浪出版公司 - 作者:史蒂文·海勒[美] 、盖尔·安德森[美] - 类别:版式设计
3. 今日文字设计(全新增补版)
- 出版:上海人民美术出版社 - 作者:赫尔穆特·施密德[德] - 类别:字体设计
4. 品牌设计全书
- 出版:上海人民美术出版社 - 作者:迈克尔·约翰逊[英] - 类别:品牌设计
5. 零基础学导视设计
- 出版:ACS艺力出版公司 - 作者:ACS艺力出版公司 - 类别:导视设计
6. 日式字体设计及应用
- 出版:ACS艺力出版公司 - 作者:ACS艺力出版公司 - 类别:字体设计
十三、优设2022年度产品交互类图书 1. UI视觉与插画:APP/电商/H5/小程序/网页/游戏视觉升华实战
- 出版:清华大学出版社 - 作者:付尧 - 类别:UI设计、视觉设计
2. 设计的思考:用户体验设计核心问答
- 出版:清华大学出版社 - 作者:周陟 - 类别:产品设计
3. 当代好设计的十大准则
- 出版:ACS艺力出版公司 - 作者:ACS艺力出版公司 - 类别:工业设计
4. About Face 4:交互设计精髓
- 出版:电子工业出版社 - 作者:艾伦·库伯[美]、罗伯特·莱曼[美]、戴维·克罗宁[美]、克里斯托弗·诺埃塞尔[美] - 类别:交互设计
5. 破茧成蝶2:以产品为中心的设计革命
- 出版:人民邮电出版社 - 作者:刘津、孙睿 - 类别:产品设计
6. 点石成金:访客至上的Web和移动可用性设计秘笈
- 出版:机械工业出版社 - 作者:史蒂夫·克鲁格[美] - 类别:网页设计
十四、优设2022年度绘画艺术类图书 1. 大片幕后:创意摄影背后的实现过程
- 出版:gaatii光体 - 作者:gaatii光体 - 类别:创意摄影
2. 艺术的故事
- 出版:后浪出版公司 - 作者:E·H·贡布里希[英] - 类别:艺术史
3. 这就是康定斯基
- 出版:后浪出版公司 - 作者:安娜贝尔·霍华德[英] 著、亚当·辛普森[英] 绘 - 类别:艺术
4. 商业插画设计思维魔方
- 出版:人民邮电出版社 - 作者:飞屋睿 - 类别:插画设计
5. 黄金时代插画课——跟12位传奇插画大师学奇趣构思与绘画技巧
- 出版:上海人民美术出版社 - 作者:斯蒂芬妮·普朗科特[美]、玛格德林·利夫西[美] - 类别:插画设计
6. 商业插画绘制技法从入门到精通
- 出版:人民邮电出版社 - 作者:HoHo猴(侯婉矜) - 类别:插画设计
十五、优设2022年度设计理论类图书 1. 天才配色
- 出版:gaatii光体 - 作者:gaatii光体 - 类别:色彩搭配
2. 欧洲平面设计新浪潮
- 出版:gaatii光体 - 作者:gaatii光体 - 类别:平面设计
3. 关于设计的思考
- 出版:后浪出版公司 - 作者:保罗·兰德[美] - 类别:平面设计
4. 视觉游戏:如何让你的设计讲故事
- 出版:后浪出版公司 - 作者:莫莉·邦[美] - 类别:视觉设计
5. 阿明·霍夫曼的设计原则
- 出版:上海人民美术出版社 - 作者:阿明·霍夫曼[瑞士] - 类别:平面设计
6. 好设计是这样想出来的
- 出版:上海人民美术出版社 - 作者:埃伦·勒普顿[美] - 类别:设计创意
设计类图书出版社
结语 迈向新的一年 愿我们能跨越每个坎坷,对未来多一些信心 把每一次的 Ctrl+N,化作亲手实现的梦 向不停创作的你致敬!
点击右侧链接查看完整榜单 → 优设2022年度榜单
-
腾讯出品!5000字干货帮你重新认识UX文案(附实用技巧)
UI交互 2023-01-09讲到 UX 文案,大家可能并不陌生:一个按钮、一个弹窗的文案填充,我们几乎每天都要与他接触。但即便如此,大家对他的态度通常是得过且过的:“文案嘛,有了就行,看得懂不出错就好,没什么值得注意的”。确实,作为设计师,我们关注交互流程、视觉呈现,但 UX 文案似乎从来不是我们的首要考虑;在很多时候,文案与我们的设计流程...讲到 UX 文案,大家可能并不陌生:一个按钮、一个弹窗的文案填充,我们几乎每天都要与他接触。但即便如此,大家对他的态度通常是得过且过的:“文案嘛,有了就行,看得懂不出错就好,没什么值得注意的”。
确实,作为 设计师 ,我们关注交互流程、视觉呈现,但 UX 文案似乎从来不是我们的首要考虑;在很多时候,文案与我们的设计流程是分裂的:要不就是设计完成后再填入,要不甚至直接让产品经理来提供文案素材;文案撰写,好像从来没有被我们真正重视过。
但 UX 文案真的只是一个无足轻重的辅助位吗?
更多 UX文案 干货:
4000字干货!9个方法帮你掌握UX文案写作 相比美观的视觉设计,清晰的文案在界面呈现中同为重要,好的文案不止赋予产品更好的体验,也能够拉近用户与产品的距离,优化文案也常作为可用性测试后改良产品用户体验的落脚点。
阅读文章 >
一、UX 文案的重要性 首先,先抛结论,UX 文案并不是无足轻重,相反的,它是好的产品体验中不可或缺的一部分。并且随着时代的发展和新兴应用场景的涌现,它对于产品体验的重要性正直线拉升。
在我们还将 UX 文案看作一个可有可无的流程时,一些先进的企业就有远见的意识到了它的重要性:早在 2017 年的 I/O 谷歌年度开发者大会上,三位职业 UX 文案作家就向我们展示了 UX 文案如何切实地为谷歌带来了产品数据的提升:
在用户在搜索”酒店“相关内容时,谷歌将直白的文案 “预定房间” 改为了更贴合用户心智的 “查看房源情况”;这一小小的改动,带来了17%点击量提升。
随着 UX 文案的价值不断的被发掘,在海外,已经有越来越多的团队将 UX 文案写作 作为一个细分的的独立专业来看待。例如,在国际最大的旅游电子商务公司之一 Booking.com,曾在不到一年的时间里增加了 40 名 UX 文案岗位,达到了每 5 或 6 个设计师中就有一个 UX 文案设计师的夸张比例。
二、 重新认识 UX 文案 面对海外对于 UX 文案的重视度激增场面,我们心中可能不免疑惑:“不还是为页面配文而已吗?平常不起眼的工作,怎么现在就好像突然变特殊了呢?”。
存在这样的误解,是因为我们对 UX 文案的认知还停留在过去,始终认为它仅仅是一个辅助位,最多起到“锦上添花”的作用,并不能真正影响核心用户体验的好坏。
而实际上,与我们印象中的边缘形象不同,UX 文案(UX Writing),也叫内容设计(Content Design),所涉及的知识横跨体验设计、内容策略、用户调研,是一个多元的、完整的设计学科;旨在基于同理心与专业沟通技巧,通过合适的文字信息,在产品使用过程中为用户提供愉悦的体验,远不只是“为按钮填词”这么简单。
而随着时代的发展,UX 文案的覆盖范围、呈现方式以及工作流程等都已经发生了巨大的变化;站在设计师的角度,我们希望通过以下几个方面介绍 UX 文案与过去相比发生了哪些变化,来帮助大家消除对 UX 文案的刻板印象,重新认识它在我们设计中扮演的角色,并学会运用它为用户呈现出更加优秀的产品体验。
1. 从「文字」到「语言」
首先,如今的 UX 文案有着比之前更广阔的范畴:过去关于文字,如今关于语言。
以前,我们讲到 UX 文案,指代的可能只包含 APP 里的标题、按钮等静态文字;但如今,随着智能家居、智能车机等新兴领域对于语音交互能力展现出的强需求,以及类似喜马拉雅等播客产品的持续火热,UX 文案已经慢慢跳出了文字的范围,有了更广阔的发挥空间。
想象一下,当你结束疲惫的一天回到家时,你的智能家居助手应该以怎样的语气向你问好?应该使用什么措辞能最精准地得知你的意图?这些动态的、无实体的语音内容,也逐渐成为 UX 写作要关注的重点内容。
简单说,如今所有用户和产品产生交流的场景,都可以划分于 UX 写作的范畴。得益于科技的发展,UX 写作逐渐地更接近了自己最终的目标,慢慢跳出了静态页面的框架,得以真正的与用户产生有意义的、愉悦的语言的交流。
2. 从「填充页面」到「主导页面」
其次,UX 文案与过去最显著的不同之一是:不再仅是为页面填充文本,更多的是根据信息主导页面。
以下面一个常见的对话框为例,仅有一个小小的对话框来承载超额的信息;如果根据之前的“填充页面”的观念,我们要做的其实很简单,就是根据行文规范删减、重新排列文字,试图把过量的内容塞进小小的容器。
这样得到的结果在视觉上看起来可读了一些,但似乎也不尽人意。
这就是典型的机械性的填充页面,信息的展现完全受制于已给页面的结构,实际上已经脱离了更好传递信息的初衷。
如果我们调转思路,试着真正从传递信息本身出发,就能很明显的发现,原来的对话框最大的问题不是文字长短,而是信息过载---强迫用户在有限的空间里一次性确认两类信息:更改时间和通知参会人。而在我们上面的方案里,这个问题并没有被解决。
当我们真正开始用信息主导页面,应该做的是将一页多个问题拆分为每页一个问题,分步响应用户,对冗杂的信息进行分解,以真正创造清晰有效的对话。
如果体验没有达到理想的效果,通常需要改进的是整个设计,而不单单是文字。我们需要逐渐去理解的是,页面在根本上是信息传达的媒介,一昧的修改文本来适应页面,反而是本末倒置的做法。
3. 从「单纯可用性」到「体现品牌声音」
目前,UX 文案通常仅需要保证基本的功能可用性;即使是已经有文案规范的团队,更多的也是将其作为辅助位,保证文案“有一致性,不出错”即可;对于品牌形象、差异化的诉求则基本一笔带过。
相较于 UX 文案,大家习惯用 Icon 的质感、品牌色的搭配等视觉的呈现去传递品牌声音,因为这样的效果简单直观,是可以直接被“看得见”的,这点无可厚非。
但随着语音交互的兴起,以及近年来轰轰烈烈的品牌去色化趋势,单纯的利用纯视觉的呈现来塑造品牌形象变得没那么万能了,与此同时,UX 文案对于品牌形象的重要性也逐渐被发掘;我们发现,在很多时候,一句措辞得体的语音信息,或者是一句抓人眼球的标语(Slogan),就足以弥补视觉上品牌呈现的缺憾,甚至更能与用户产生共鸣。
这就需要 UX 文案在保证基本的可用性的基础上,更要考虑什么才是真正适合自己品牌的声音。
例如Google Earth 过去的一句经典的标语:“Hello, Earth”,这句标语完美的契合了Google Earth的品牌形象,它简洁正向,并且和产品名称之间有巧妙的双关,即代表了产品本身,也暗示了Google Earth带领用户去探索世界的功能定位。
仔细观察苹果、谷歌的产品,你就会发现从他们的 UX 文案除了保证了基本的一致性和可用性外,偶尔会隐藏一些小巧思,这些小巧思与他们的品牌形象相互呼应,能让用户在产品使用中潜移默化地对其品牌形象、产品价值观形成认知,而这样与产品体验本身结合的认知构成往往更加坚固,比传统的广告宣传更容易让人信服与认可。
三、 怎样做得更好,一些实用小 tips 随着 UX 文案越来越广阔的范畴,我们过去熟悉的工作方法已经并不完全匹配如今 UX 文案的目标了;因为它包括的已经不仅是单纯的文字内容,更多的还有文案之间的层级结构、什么时候出现这段文字,以及这段文案向用户传递了什么情感等等,这已经超出简单的行文规则所涵盖的了。
那么,我们怎么才能真的做好 UX 文案呢?
我们根据以往的项目经验,总结出了除了通用行文规则之外,三个在关键节点上可以做到的几件小事,希望帮助大家能找到真正适合、高效的设计方法,并打造出优秀的 UX 文案。
1. 流程——更早地加入
首先,最基本也是最重要的:在流程上,永远要尽早的考虑文案问题。
我们过去熟悉的设计步骤是:“先把产品设计好,将有文字的地方空出,最后再填充。”
这样带来的问题是:关键的体验问题直到最后期才会被注意到,留给 UX 文案的发挥空间十分有限,能做的只是为糟糕的体验贴上掩饰的创可贴,并不能真正避免糟糕体验为用户带来的伤害。
正如我们上面所说,UX 文案不仅仅是填充文字,它的核心是在产品与用户之间创造合适、愉悦的对话,所涵盖的内容几乎横跨产品体验的每个流程。
因此,要想真正缔造好的 UX 文案,永远要尽早地参与到设计流程中,这样才能真正的找出体验的问题,并最大限度的发掘 UX 文案究竟可以为此做些什么,创造与用户真正有效的交流。
2. 方法——模拟真实的对话
其次,在我们着手输出 UX 文案时,请尽量在脑海中模拟真实的对话场景。
这个方法来自于最近的全球开发者大会(WWDC22)上,苹果设计团队向大家分享的 UX 写作方法框架:“PACE”:Purpose(目的)、Anticipation(预判)、Context(环境)、Empathy(共情)。
其中,在 Anticipation(预判)里提到了 “将 UX 文案想象成一种对话” 的概念,意思是在设计产品的过程中,应该把页面上的文字看作一个与用户的对话,而不只是一个静态的短语;这样能更好的帮助我们预判用户的诉求。
想象在这样的场景:当你的用户在周末的晚上打开手机,开始调节明早起床的闹钟时间;你会怎么设计这里的 UX 文案呢?
使用流程似乎很简单:打开闹钟 app,调节明早闹钟时间,确认设置完成。
上述的交互没有问题,用户可以清晰的完成设置。但如果考虑到上面提到的 “想象成一种对话”,那这个流程就还有可改进的地方。
因为在一段有效的对话中,交流应该是有来有往的:其中的角色应该有时在聆听,有时在发言;而不应该仅仅一方是单方面的输出(在上述的场景里,仅仅是用户一股脑的对闹钟 app 进行信息输出,闹钟 app 只是单纯的服从命令,这不是一个正常对话的模式)。
让我们想象是自己在跟用户在交流,就能很容易地发现用户想传递的底层信息并不是 “我要调闹钟了 ”,而是 “好不容易到周末了,我明天要多睡一会”,能解读到这一层话外音,我们就成功利用“对话”预判了用户的目的。
打开 ios 的起床闹钟试一下,你会发现它比我们的基础流程多了一个贴心的询问 :“你要将此更改应用到这个定时中的所有周末吗?”;在这里,苹果实际上做了两层预判,第一层是预判绝大多数人的周末和工作日起床时间是不一样的,所以将复用的范围限定在了周末;第二层预判是在大多数情况下人们只能确认明天的起床时间,所以主选项是“仅更改下个闹钟”。
简单的一个改动,就把机械性服从命令的程序,变为一个有智慧、思想的助手。如果我们在每次输出文案时,都能试着想象真实的对话并剖析,可能就能逐渐把一个“可用的产品“变成“贴心的朋友”,真正地走进用户的内心。
3. 验证——大声地念出来!
最后,如果你还是觉得心里没谱,不确定是否输出了合适的文案,有一条被苹果和谷歌共同推荐的验证方法,简单粗暴但有效,那就是 “大声将你的文案念出来”。
就像我们刚刚反复强调的,UX 写作其实就是与用户创造有效的交谈,那么最简单的验证方法就是真正说出来,将它真正变成一段对话,然后再去聆听,最直观的感受到你的语言听起来是否自然不生硬?是否有一些不易察觉的重复或语法错误等等?
大声地将你的文案念出来,如果能使你自己信服,相信也能使你的用户信服。
结语 最后,读到这里,相信你已经对于 UX 文案有了一个全新的认识,并对如何做好它有了基本的概念。其实在日常工作中,每个产品对于 UX 文案的要求可能不尽相同,但重要的是作为设计师,我们能意识到他逐渐攀升的重要性并真正对他加以关注。引用苹果开发者大会上的一句话:UX 写作其实就是始于对屏幕另一侧用户的好奇心,并真正怀着尊重和理解与其交流。只要能意识到这一点,相信大家都能呈现出真正有效的、令人愉悦的 UX 文案。
参考文献
「1」《Material's Communication Principles:Intro to UX Writing》by Alex Hays: https://codelabs.developers.google.com/codelabs/material-communication-guidance#0
「2」《What Does a UX Writer Actually Do?》by Yuval Keshtcher: https://careerfoundry.com/en/blog/ux-design/ux-writing-what-does-a-ux-writer-actually-do/
「3」《What is UX writing?》by Bobbie Wood: https://uxcontent.com/what-is-ux-writing/
「4」Google I/O 2017《How Words Can Make Your Product Stand Out》: https://www.youtube.com/watch?v=DIGfwUt53nI&t=1163s
「5」Apple WWDC 2022《Writing for interfaces》: https://www.youtube.com/watch?v=GRYJq0V1I_k&t=505s
「6」Figma Config 2022《Working with UX Writers in Figma》: https://www.youtube.com/watch?v=pEpwOzPU1zY&t=535s
欢迎关注作者微信公众号:「腾讯ISUX」
-
产品拆解!12个维度分析爱彼迎的用户体验设计
UI交互 2023-01-09今天和大伙分享一个非常不错的产品,那就是爱彼迎。爱彼迎(Airbnb)是一个出租住宿民宿的网站,提供短期出租房屋或房间,让旅行者通过网站或手机发掘和预订世界各地的独特房源,为近年来共享经济发展的代表之一。我第一次用爱彼迎产品的时候,发现爱彼迎用户体验、设计都非常的不错,给人感受专业、舒适、信任带有设计追求的产品。今天和大伙分享一个非常不错的产品,那就是爱彼迎。
爱彼迎( Airbnb )是一个出租住宿民宿的网站,提供短期出租房屋或房间,让旅行者通过网站或手机发掘和预订世界各地的独特房源,为近年来共享经济发展的代表之一。
我第一次用爱彼迎产品的时候,发现爱彼迎用户体验、设计都非常的不错,给人感受专业、舒适、信任带有设计追求的产品。虽然爱彼迎今年已经退出中国市场,聚焦出境游业务,但是 爱彼迎 的产品体验有很多点值得学习,今天我将从 12 个维度进行分析。
往期 产品拆解 :
文档类产品解题宝典!24个细节全面拆解Notion 一、前言 Notion 是一款融合笔记(Notes)、任务(Tasks)、知识库(Wiki )以及数据库(Database)的 all-in-one 生产力工具,产品主要服务于互联网群体。
阅读文章 >
一、品牌理念 从这张图我们清楚看出爱彼迎符号融入了人、地点和爱的品牌愿景。
爱彼迎说任何人都可以画出的心形,超越了语言和文化,颂扬了爱彼迎的热情好客精神,而热情好客的新调色板则反映了人们的开放心态。
爱彼迎的品牌色红色更好的传达了爱、热情好客品牌理念。
二、品牌符号 我从 App Store 找到最新的爱彼迎的 logo,发现爱彼迎的颜色有所变化,偏向粉一些的红色,更具有活力的颜色。
爱彼迎的 logo 好看是有原因的,我发现图标是由三角形区域中设计的,导致图标给人的感觉很稳,同时利用简洁的线条进行图形绘制,非常不错的符号。
例如日本三菱的 logo,也类似这种设计形式,虽然是三个菱形组成,但是都是在一个三角形下进行设计,显得非常的稳。同时我发现跟名字也有关联,菱字和菱形的关联。非常的经典、克制、耐看,从小就很喜欢这个 logo。
三、启动页 每一个 app 都有启动页,而爱彼迎用浅灰色的 logo 作为启动页。感受最深就是这个 App 没有广告,保持最纯粹的页面。
四、首页设计 爱彼迎首页目标非常的明确,顶部卡片利用大投影使得视觉层级是最高的,同时配上红色大按钮“搜索房源”的描述来提高用户的点击效率。
五、卡片设计 爱彼迎卡片设计非常有细节,banner 的比例是 3:2,用户的头像在图的右方,做了一个破形处理,让户主和图片关联起来,非常有创新的布局,让平庸的界面更加设计感,同时大部分用户都是右手操作,头像在右下角,在操作的热区,体验会更佳。
六、标签细节 爱彼迎标签一样很有细节,重要的标签颜色和普通不一样,重要标签是棕色色值而普通标签只是浅灰色,有个层级的对比。
标签的左右安全距离保持一致,当字数有变化的时候,标签感受和规范是一致的。
七、透明细节 爱彼迎评分标签背景是带一点透明度的,如果用纯色会突兀,而有透明度显得界面通透、清新。
右上角爱心图标白色描边+黑色透明+微投影,为了更好兼容白色图片和黑色图片。
八、布局细节 爱彼迎首页下滑有一个探索全球奇屋,全屏都是美丽的民宿,采用瀑布流的设计布局,图片之间错开展示,自适应的高度设计,头部大 banner,下面配上小图,具有节奏感。
左上角按钮大小高宽的点击区域大于 88px(基于 2 倍图)体验非常的好。
九、沉浸式体验 点击进入民宿,主图铺满 3/4 的手机界面,用户可以进行左右滑动查看民宿图片细节,用户还可以上下切换名宿,整体给用户沉浸的感受。
当用户点击喜欢的按钮,界面的背景色黑色变成彩色背景,给用户明显的感知。
我发现这些介绍页面可以翻译成中文,也可以显示原文(葡萄牙语)对应各国国家爱彼迎又做了对应的翻译处理,作为用户是非常的友好,能完全看的懂,满足国际化设计。
十、弥散色彩 爱彼迎有几处用了弥散的色彩,例如选择感兴趣的民宿,背景会加入一些弥散色彩做一些设计区分。
个人中心也会在背景上用品牌色作为弥散色彩进行设计,让页面更加丰富。
弥散光设计!网易阿里大厂都在用的刷屏级新设计风 这阵子不是有一种设计流行风悄悄刮了起来嘛!
阅读文章 >
十一、图标设计 发现爱彼迎的图标都是灰色线性图标,同时每一个风格的民宿会专门赋予一种图标,保证了图标的一致性。
线性图标的优点是简洁、高效,减少对内容的视觉干扰,能给用户带来极致的感受。
想绘制线性图标,这里有 6 个前辈为你踩过的坑 我们作为 UI 设计师,一开始入门接触最多的就是图标,而现在很多设计师都钟爱线性图标,导致很多新手设计师也跟随主流的脚步选择线性图标去设计,但是线性图标是不是真的像我们看起来那么简单呢?
阅读文章 >
十二、字体设计 仔细的人会发现,爱彼迎专门为自己的 APP 设计了数字字体和英文字体 airbnb-cereal-font,字体比较时尚、粗壮,特别应用在标题、评分、价格重要信息上具有很好的识别性。
字体也可以给产品提高品牌性,形成差异化。
总结 品牌符号可融入企业的愿景和理念。 品牌色的选择好的话,可以达成差异化。 为 APP 打造一款数字字体和英文字体可以提高产品的品牌性。 破形的设计还可以运用在 APP 的布局中,会有创新性的效果。 整个 APP 的图标风格需要保持一致,这样用户的感受是一致的。 图片的清晰、美观、高雅可以给整个 APP 提高美感,这个需要根据 APP 的定位来确定。 感谢大家阅读~~ 关注黄小伟设计,分享好的设计。
-
7个接地气的实战经验,帮你学会做用户问卷!
UI交互 2023-01-09用户问卷是交互设计师工作中常用的设计工具。本文为你介绍一些接地气的实操经验,相信会让你的用户问卷更有效。更多问卷设计干货:如何设计高质量B端调研问卷?用户问卷是交互 设计师 工作中常用的设计工具。本文为你介绍一些接地气的实操经验,相信会让你的用户问卷更有效。
更多 问卷设计 干货:
如何设计高质量B端调研问卷?高手总结了8个步骤(附模板下载) 编者按:B端设计的调研问卷该如何设计?
阅读文章 >
一、问题围绕你的调研目标 好的调研问卷如同好文章,是有「中心思想」的,也就是你的「调研目标」。调研目标决定了调研问题的内容和数量。
你需要先把想要获取的数据和信息整理出来,并分出主次。目标内容不宜太多,通常 1-3 点。接下来再根据目标来设置问题。问题始终围绕着调研目标,不偏题,也不增加累赘内容。
二、问题排列有逻辑,由浅到深 问题的设置和排列要有逻辑。循序渐进,对于被调研用户来说更易阅读和理解,思路会更连贯,也不会太累。比如你可以尝试使用或结合以下排列方式:
按照问题复杂度来排列,由简到难; 按照问卷的填写方式来排列,单选 多选 填写; 按照产品功能或操作流程来排列,从第一步到最后一步。 三、隐私信息,非必要,不收集 很多问卷在开篇的经典问题就是:您的年龄、性别、从事行业等等。要注意的是,这类信息要根据产品特征和调研目标来判断是否有必要收集,减少对于被调用户隐私的打探和要求。
至于将这类问题放在问卷的开端还是结尾,你也可以权衡一下利弊:
放在问卷开端:这类问题对于用户来说是最容易回答的简单问题,可以有效帮助用户进入问答状态。适用于问题比较复杂的问卷。
放在问卷的结尾:这类问题与用户隐私相关,放在最后一定程度上会减少用户的安全顾虑。适用于问题比较简单的问卷。
四、问卷用语要保持中立和客观 问卷的语句尽量减少诱导性用词,尤其是避免使用表示观点的形容词。保持中立和客观,避免用你的观点来左右或影响用户的观点。举几个简单的例子:
“您认为这个功能是否很难用?” 就不是个好问题,你可以使用 “如果您对这个功能评分(10100 分),您会打多少分?” 来代替。
“您认为我们的产品与 XX 产品相比,优势有哪些?” 也不算是个好问题,可以将 “优势有哪些” 改为 “有哪些不同”。
五、化繁为简 在各个方面都要化繁为简,包括:
问题要少:问题太多被调研者会失去耐心,做出的答案也不会有效; 语言要精:尽量精减用词,减少用副词、形容词做不必要的描述; 形式要轻:易于传播、触手可得。最好是在用户吃饭、通勤时用手机即可解决; 用时要短:减少输入和操作的时间,尽量用选择代替输入填写,不要让被调用户填写太多字。 六、发问卷前先做预测试 当局者迷,旁观者清。长时间的投入在问卷的编写中,你对语言的敏感度会变得不稳定。问卷写好后可以先找同事或朋友做预测试,可以重点检查以下内容:
问题的涵义和要求:有时你认为自己解释得很清楚的问题,对于他人来说可能并不好理解。 语句的通顺性:语言是否流畅通顺,语法是否存在问题。 标点和错别字:使用的标点符号和错别字都需要检查和校验。 七、筛选有效的调研用户 有条件的话可以对用户进行有针对性的筛选,可以根据问卷的主题、问题的类型和你想要达成的目标来进行用户选择,这样做可以减少后期对于干扰数据的清理难度。
欢迎关注作者微信公众号:「长弓小子」
-
产品拆解!12个维度分析爱彼迎的用户体验设计
UI交互 2023-01-09今天和大伙分享一个非常不错的产品,那就是爱彼迎。爱彼迎(Airbnb)是一个出租住宿民宿的网站,提供短期出租房屋或房间,让旅行者通过网站或手机发掘和预订世界各地的独特房源,为近年来共享经济发展的代表之一。我第一次用爱彼迎产品的时候,发现爱彼迎用户体验、设计都非常的不错,给人感受专业、舒适、信任带有设计追求的产品。今天和大伙分享一个非常不错的产品,那就是爱彼迎。
爱彼迎( Airbnb )是一个出租住宿民宿的网站,提供短期出租房屋或房间,让旅行者通过网站或手机发掘和预订世界各地的独特房源,为近年来共享经济发展的代表之一。
我第一次用爱彼迎产品的时候,发现爱彼迎用户体验、设计都非常的不错,给人感受专业、舒适、信任带有设计追求的产品。虽然爱彼迎今年已经退出中国市场,聚焦出境游业务,但是 爱彼迎 的产品体验有很多点值得学习,今天我将从 12 个维度进行分析。
往期 产品拆解 :
文档类产品解题宝典!24个细节全面拆解Notion 一、前言 Notion 是一款融合笔记(Notes)、任务(Tasks)、知识库(Wiki )以及数据库(Database)的 all-in-one 生产力工具,产品主要服务于互联网群体。
阅读文章 >
一、品牌理念 从这张图我们清楚看出爱彼迎符号融入了人、地点和爱的品牌愿景。
爱彼迎说任何人都可以画出的心形,超越了语言和文化,颂扬了爱彼迎的热情好客精神,而热情好客的新调色板则反映了人们的开放心态。
爱彼迎的品牌色红色更好的传达了爱、热情好客品牌理念。
二、品牌符号 我从 App Store 找到最新的爱彼迎的 logo,发现爱彼迎的颜色有所变化,偏向粉一些的红色,更具有活力的颜色。
爱彼迎的 logo 好看是有原因的,我发现图标是由三角形区域中设计的,导致图标给人的感觉很稳,同时利用简洁的线条进行图形绘制,非常不错的符号。
例如日本三菱的 logo,也类似这种设计形式,虽然是三个菱形组成,但是都是在一个三角形下进行设计,显得非常的稳。同时我发现跟名字也有关联,菱字和菱形的关联。非常的经典、克制、耐看,从小就很喜欢这个 logo。
三、启动页 每一个 app 都有启动页,而爱彼迎用浅灰色的 logo 作为启动页。感受最深就是这个 App 没有广告,保持最纯粹的页面。
四、首页设计 爱彼迎首页目标非常的明确,顶部卡片利用大投影使得视觉层级是最高的,同时配上红色大按钮“搜索房源”的描述来提高用户的点击效率。
五、卡片设计 爱彼迎卡片设计非常有细节,banner 的比例是 3:2,用户的头像在图的右方,做了一个破形处理,让户主和图片关联起来,非常有创新的布局,让平庸的界面更加设计感,同时大部分用户都是右手操作,头像在右下角,在操作的热区,体验会更佳。
六、标签细节 爱彼迎标签一样很有细节,重要的标签颜色和普通不一样,重要标签是棕色色值而普通标签只是浅灰色,有个层级的对比。
标签的左右安全距离保持一致,当字数有变化的时候,标签感受和规范是一致的。
七、透明细节 爱彼迎评分标签背景是带一点透明度的,如果用纯色会突兀,而有透明度显得界面通透、清新。
右上角爱心图标白色描边+黑色透明+微投影,为了更好兼容白色图片和黑色图片。
八、布局细节 爱彼迎首页下滑有一个探索全球奇屋,全屏都是美丽的民宿,采用瀑布流的设计布局,图片之间错开展示,自适应的高度设计,头部大 banner,下面配上小图,具有节奏感。
左上角按钮大小高宽的点击区域大于 88px(基于 2 倍图)体验非常的好。
九、沉浸式体验 点击进入民宿,主图铺满 3/4 的手机界面,用户可以进行左右滑动查看民宿图片细节,用户还可以上下切换名宿,整体给用户沉浸的感受。
当用户点击喜欢的按钮,界面的背景色黑色变成彩色背景,给用户明显的感知。
我发现这些介绍页面可以翻译成中文,也可以显示原文(葡萄牙语)对应各国国家爱彼迎又做了对应的翻译处理,作为用户是非常的友好,能完全看的懂,满足国际化设计。
十、弥散色彩 爱彼迎有几处用了弥散的色彩,例如选择感兴趣的民宿,背景会加入一些弥散色彩做一些设计区分。
个人中心也会在背景上用品牌色作为弥散色彩进行设计,让页面更加丰富。
弥散光设计!网易阿里大厂都在用的刷屏级新设计风 这阵子不是有一种设计流行风悄悄刮了起来嘛!
阅读文章 >
十一、图标设计 发现爱彼迎的图标都是灰色线性图标,同时每一个风格的民宿会专门赋予一种图标,保证了图标的一致性。
线性图标的优点是简洁、高效,减少对内容的视觉干扰,能给用户带来极致的感受。
想绘制线性图标,这里有 6 个前辈为你踩过的坑 我们作为 UI 设计师,一开始入门接触最多的就是图标,而现在很多设计师都钟爱线性图标,导致很多新手设计师也跟随主流的脚步选择线性图标去设计,但是线性图标是不是真的像我们看起来那么简单呢?
阅读文章 >
十二、字体设计 仔细的人会发现,爱彼迎专门为自己的 APP 设计了数字字体和英文字体 airbnb-cereal-font,字体比较时尚、粗壮,特别应用在标题、评分、价格重要信息上具有很好的识别性。
字体也可以给产品提高品牌性,形成差异化。
总结 品牌符号可融入企业的愿景和理念。 品牌色的选择好的话,可以达成差异化。 为 APP 打造一款数字字体和英文字体可以提高产品的品牌性。 破形的设计还可以运用在 APP 的布局中,会有创新性的效果。 整个 APP 的图标风格需要保持一致,这样用户的感受是一致的。 图片的清晰、美观、高雅可以给整个 APP 提高美感,这个需要根据 APP 的定位来确定。 感谢大家阅读~~ 关注黄小伟设计,分享好的设计。
-
实战总结!轻松4步搞定动效视频设计
UI交互 2023-01-09近期完成一些视频制作,表现形式着重在 MG 动画和产品的运营宣传方向,在设计阶段遇到一些困惑,同时在摸索中不断扩充这方面的知识体系,通过工作中的实战,总结出来 4 步搞定视频设计的方法,分享出来,不知道你们是否喜欢呢?更多动效干货:让动效又快又好落地!5种动效输出格式优缺点分析Halo,这里是设计夹,今天为大家分...近期完成一些视频制作,表现形式着重在 MG 动画和产品的运营宣传方向,在设计阶段遇到一些困惑,同时在摸索中不断扩充这方面的知识体系,通过工作中的实战,总结出来 4 步搞定视频设计的方法,分享出来,不知道你们是否喜欢呢?
更多动效干货:
让动效又快又好落地!5种动效输出格式优缺点分析 Halo,这里是设计夹,今天为大家分享的是「动效格式」。
阅读文章 >
一、概念 动态设计是指在一定的时间范围内,静态图形连续的运动变化。英文名称 Motion Design,有的时候会使用 MotionGraphics 英文名称,一般引申为动态图形的设计。从呈现形式上可以划分为交互类动态设计和展示类动态设计,此次文章分享的设计方法,主要聚焦在展示类 动态设计 。
二、动态设计的意义 1. 设计特点
动态设计具有的三大通用优点,对用户的影响力比较巨大。
2. 为什么做动态设计
我们之所以倾向动态设计是因为动态设计可以为产品和用户带来很多的优势,包含以下五类:
三、如何进行动态设计 近期一直在支持的产品宣传视频设计,均是通过以下思维模型进行设计呈现。
1. 前期分析 ① 了解需求,收集素材
首先了解需求、用户、产品、场景的信息,在初步了解后,可以从用户的预期目标,内容素材的设计方向以及动画的表现形式等维度收集核心关键词;同时确认文案,配音,音效,等视频元素是否添加,以便确认视频动画设计的节奏;
② 汇总结论,归纳主题关键词
通过信息收集阶段,提炼出以下设计目标和导向:
使用场景:应用于可以支持视频的会场,互联网平台(如微信朋友圈,抖音);
设计目标:用户群为企业用户,希望通过视频,向用户阐述产品的功能特色,解决的问题,带动用户的兴趣,进一步了解和沟通,提升线索量,促成交易;
设计导向:视频生动有趣,突出核心优势和价值点,清晰快捷传递;
2. 提炼设计方向 围绕核心关键词,视觉设计的可视化,通过情绪板输出设计可执行方向,包括品牌风格,动画节奏,画面元素,排版设计;
动画节奏:以逐步引导深入的方式,展开视频的故事描述;
品牌风格:京东云品牌的轻盈、微质感的浅色科技风格为基因进行设计;
排版设计:以文本为主,图形为辅的画面设计;
画面元素:运用互联网元素,比如鼠标,界面,穿插 2.5Dicon 和红黑双色扁平 icon 使用;
3. 设计执行 ① 脚本
一个丰富的成片效果,是通过多组分镜动态呈现。而分镜画面的前后关系,则是通过脚本布局搭建,在做脚本设计时,是按照以下思路进行;
内容结构拆解
比如这次的产品宣传视频,通过文案逻辑进行拆分,形成分镜画面的设计思路。
首先根据文案逻辑划分为四大模块,然后围绕文案提炼出核心内容,视觉元素,动画节奏等,如以下分析结论:
封面点题:点出所推产品,继承京东云品牌风格,强调产品视觉特征,使用几何元素构成标题核心,微质感背景烘托主题氛围;
用户痛点:分析现有痛点,通过一些常用场景和用户共情。可以使用问号弹跳引导出搜索,输入问题寻找答案,凸显现有问题,面临的痛点,使用图形符号,互联网元素,进行视觉传达;
总结问题:通过痛点分析,汇总出企业存在的问题。可以利用鼠标移动逐个收起,引导出产品解决方案的优势特征;
解决方案:提出解决问题的方案,这是用户所需要的,也是视频中的重点。以展台+互联网界面的元素呈现,运用镜头的推拉转移,使用户的视线始终能够聚焦在所展示的内容;
产品政策:落脚在产品的优惠政策,以及联系方式,运用收尾呼应的方式进行,迎合产品主题,呈现优惠方式和联系方式;
脚本规划
经过了画面思路的整理,这一步主要是梳理文案和画面的映射关系、画面视觉表现,以及动态效果的编排。根据设计思路和故事主题,以配音的时间线为索引,制定分镜脚本;
分镜画面实现
前期可以利用手绘方式,通过文字排版和元素设计的简单排布,将画面快速呈现;
② 文案内容
口播文案
如果视频需要使用配音,前期就需要收集口播文案,根据口播文案的逻辑,定义分镜元素的时序;
画面文案
画面文案是需要依据视频的表现形式进行搭配,比如文本为主或图形为主的画面。
文本为主:文字内容为主要表达形式,贯穿画面之中,此类表现形式是需要和需求方确定分镜画面的核心文案;
图形为主:图形为主的分镜画面,可依据配音进行图形故事设计,文案则为辅助呈现,文案内容可依据画面给予自主发挥;
③ 画面设计
风格探索
参照制定的设计目标和方向,以脚本框架为引导,进行静态画面的实现。也可出 1-2 个静态视觉和需求方沟通,如无问题,其他分镜效果依此完成。或者可以制作部分画面的动态效果,以便判断脚本最终呈现的视觉效果。
画面调性
风格:首先遵守品牌风格规范,传递品牌价值,强化品牌基因;其次要提炼产品视觉基因,营造差异性,比如在这次的视频中所运用的色系、画面元素的设计、文案的排版,均以品牌的视觉基因贯穿在各个画面中,并营造产品的个性。
色系:依据京东云品牌风格调性,以及产品色系搭配,可以定义出以下色彩搭配规范:
灰色:辅助色系,主要是进行氛围渲染、画面转场、视觉层级塑造中使用;
白色:视频的主要基调,结合其他色系,营造科技风,轻量化实现,体现产品的温度;
红色:产品个性的打造,重要元素使用,凸显层级,信息有力传递;
内容设计
图形设计:继承京东云的品牌基因,利用光影效果,使用 2.5D icon,结合线面双色 icon 进行图形设计,同时实现元素场景化,使画面更具有冲击力。
文案排版:围绕核心主题,以故事传递内容的思路,进行文字的排版,运用卡片方式进行编排,便于在画面中对信息进行层级塑造,利于信息传递。
④ 动画实现
元素分层
将画面元素进行分层拆解,依据画面的氛围场景,和元素的主次关系,进行拆分;
核心内容的叙事性:核心内容是主题含义的传达,需要以动画的故事主线进行属性动画的制作;
辅助元素的说明性:辅助元素是帮助用户理解产品,营造故事场景,串连分镜画面。比如流程模块的时间轴动态效果,通过逐步呈现的政策趋势,来说明政策演变的历史;
背景元素的转场连接和氛围性:背景元素可以提炼出转场元素和背景氛围元素。
转场元素:分镜画面之间建立层级,创建空间,流畅过渡,使内容有序呈现;
背景氛围元素:提高画面的活跃度,渲染动画的风格氛围;
动画编排
在时序编排上可以利用入场、停留、延展、退场 4 个阶段进行元素动画的设计,这样可以保持元素动作的连贯性,元素之间的动态过渡流畅。
入场:一般指元素进场,出现在用户视线中,信息逐步呈现在画面中。一般用于对用户视线的引导,内容的提前铺垫。可以使用纵深动画、镜头语言、生长动画、组合构建、多重迭代、抽象图形转换方式呈现。
入场时机:利用配音语义的上下衔接的时机,进行入场动画设计,平滑过渡到对应的配音时间线上。配音的节奏快慢,决定了元素动画的节奏,所以在配音语速上,要贴合动画的整体节奏。
动画速度:需要快速呈现,平均时长在 5-20 帧,画面元素分层越多,属性动画设计越多,整体画面的时间线则会更长。
停留/延展动画:一般指元素在画面中需要延时停留的运动过程,帮助信息语义传递更准确。
核心元素:加深用户对信息的理解,动态节奏连贯,不拖沓,时间线要保持足够长,便于用户快速浏览。在实现手法上根据故事场景进行设计;
背景元素:主要用于烘托核心元素,增加画面氛围。可以使用循环背景、循环流光、粒子衬托、动态背景等动画效果实现。由于运动越快,越容易聚焦用户视线,因此作为背景元素的动画,在运动节奏上适当放慢,时间线拉长,循环使用;
退场动画:一般指元素退出用户视线,过渡衔接下一个元素的运动过程。用户往往关注入场动画而忽略退场动画,因此退场动画的设计可以适当弱化,过渡引导到下一个动画就可以。可以使用硬切,抽象过渡,摇摆镜头,蒙板遮罩等动画效果实现。在节奏设计上最好卡点进行,动画形式可以根据下一入场元素的属性动画决定,也可根据整体节奏把握。
元素动画实现
关键帧:一般指元素在运动中的关键动作所处的那一帧。关键帧与关键帧之间的动画是软件自动补齐,这种帧可以叫做过渡帧或者中间帧。关键帧的时间和位置,往往决定了内容出场的次序,以及动画呈现的密度和节奏的快慢,在设计制作中,做属性动画参数设置时,需要关注入场动画的开始帧,以及退场动画的结束帧。
属性动画:一般指元素的透明度、位置、大小、旋转、形状、颜色等属性进行的变化。参数的变化幅度,是根据帧速和时长进行制定,参数幅度越大,动效越明显,或同等参数下,时间短,速度快,时间长,速度慢。
时长:从元素动画的开始关键帧到结束关键帧之间的时间线,称为时长。单位上可以用帧表达,也可以用时分秒表达。时长的设置根据动画风格,运动距离作为参照,一般一个常规的动态变化持续时间在 200-500ms 以内。
运动曲线:变换的速率曲线,也就是动画中间帧的运动规律。物体的运动不是一直保持同等速度运转,所以在做元素的属性动画时,需要遵照物理世界的运动规律进行。根据元素的画面场景,采用适合的运动曲线,如入场先快后慢,退场先慢后快,弹跳曲线,则是应用在有弹跳物体的场景中。
⑤ 剪辑合成
剪辑:最终对分镜进行合成和剪辑,形成连贯的、有逻辑、有叙事的呈现,也可根据音效,配音做画面转场的处理;
音效:根据动态节奏,还会搭配音效的辅助,提升整体的氛围和风格。
⑥ 动画自查
一般会从时间、运动,以及元素三个方向,结合物理世界的运动规律,结合用户视觉感知习惯进行画面走查。
四、如何交付 动画的交付实现,一般会有两种方式实现,代码落地和成片交付:
1. 生成成片
根据使用的场景的不同可以区分为 MP4 和 GIF 动画交付,可以应用在平台广告或者抖音快手等短视频平台上传播。
2. 代码落地实现
如涉及到动效的开发,有一部分需要代码语言实现。
直接生成代码:利用软件转化成对应的代码格式,现在市场上通用的是 lottie 所生成的 json 进行; 提供动效标注图:还有一部分无法直接转化为代码语言,这时候我们可以提供动效的标注图,通过研发实现,标注图规范一般包括,触发条件,对象、变化属性、曲线数值、持续时间等,可以参照以下模板给到具体属性参数;
五、最后 很高兴您阅读到这里,以上是我的一点思考,希望能给在看的你带来一些小思路。
最后祝愿大家在工作中收获美好,困难少一点,开心多一些。
欢迎关注作者微信公众号:「JDTDA」
-
腾讯出品!5000字干货帮你重新认识UX文案(附实用技巧)
UI交互 2023-01-09讲到 UX 文案,大家可能并不陌生:一个按钮、一个弹窗的文案填充,我们几乎每天都要与他接触。但即便如此,大家对他的态度通常是得过且过的:“文案嘛,有了就行,看得懂不出错就好,没什么值得注意的”。确实,作为设计师,我们关注交互流程、视觉呈现,但 UX 文案似乎从来不是我们的首要考虑;在很多时候,文案与我们的设计流程...讲到 UX 文案,大家可能并不陌生:一个按钮、一个弹窗的文案填充,我们几乎每天都要与他接触。但即便如此,大家对他的态度通常是得过且过的:“文案嘛,有了就行,看得懂不出错就好,没什么值得注意的”。
确实,作为 设计师 ,我们关注交互流程、视觉呈现,但 UX 文案似乎从来不是我们的首要考虑;在很多时候,文案与我们的设计流程是分裂的:要不就是设计完成后再填入,要不甚至直接让产品经理来提供文案素材;文案撰写,好像从来没有被我们真正重视过。
但 UX 文案真的只是一个无足轻重的辅助位吗?
更多 UX文案 干货:
4000字干货!9个方法帮你掌握UX文案写作 相比美观的视觉设计,清晰的文案在界面呈现中同为重要,好的文案不止赋予产品更好的体验,也能够拉近用户与产品的距离,优化文案也常作为可用性测试后改良产品用户体验的落脚点。
阅读文章 >
一、UX 文案的重要性 首先,先抛结论,UX 文案并不是无足轻重,相反的,它是好的产品体验中不可或缺的一部分。并且随着时代的发展和新兴应用场景的涌现,它对于产品体验的重要性正直线拉升。
在我们还将 UX 文案看作一个可有可无的流程时,一些先进的企业就有远见的意识到了它的重要性:早在 2017 年的 I/O 谷歌年度开发者大会上,三位职业 UX 文案作家就向我们展示了 UX 文案如何切实地为谷歌带来了产品数据的提升:
在用户在搜索”酒店“相关内容时,谷歌将直白的文案 “预定房间” 改为了更贴合用户心智的 “查看房源情况”;这一小小的改动,带来了17%点击量提升。
随着 UX 文案的价值不断的被发掘,在海外,已经有越来越多的团队将 UX 文案写作 作为一个细分的的独立专业来看待。例如,在国际最大的旅游电子商务公司之一 Booking.com,曾在不到一年的时间里增加了 40 名 UX 文案岗位,达到了每 5 或 6 个设计师中就有一个 UX 文案设计师的夸张比例。
二、 重新认识 UX 文案 面对海外对于 UX 文案的重视度激增场面,我们心中可能不免疑惑:“不还是为页面配文而已吗?平常不起眼的工作,怎么现在就好像突然变特殊了呢?”。
存在这样的误解,是因为我们对 UX 文案的认知还停留在过去,始终认为它仅仅是一个辅助位,最多起到“锦上添花”的作用,并不能真正影响核心用户体验的好坏。
而实际上,与我们印象中的边缘形象不同,UX 文案(UX Writing),也叫内容设计(Content Design),所涉及的知识横跨体验设计、内容策略、用户调研,是一个多元的、完整的设计学科;旨在基于同理心与专业沟通技巧,通过合适的文字信息,在产品使用过程中为用户提供愉悦的体验,远不只是“为按钮填词”这么简单。
而随着时代的发展,UX 文案的覆盖范围、呈现方式以及工作流程等都已经发生了巨大的变化;站在设计师的角度,我们希望通过以下几个方面介绍 UX 文案与过去相比发生了哪些变化,来帮助大家消除对 UX 文案的刻板印象,重新认识它在我们设计中扮演的角色,并学会运用它为用户呈现出更加优秀的产品体验。
1. 从「文字」到「语言」
首先,如今的 UX 文案有着比之前更广阔的范畴:过去关于文字,如今关于语言。
以前,我们讲到 UX 文案,指代的可能只包含 APP 里的标题、按钮等静态文字;但如今,随着智能家居、智能车机等新兴领域对于语音交互能力展现出的强需求,以及类似喜马拉雅等播客产品的持续火热,UX 文案已经慢慢跳出了文字的范围,有了更广阔的发挥空间。
想象一下,当你结束疲惫的一天回到家时,你的智能家居助手应该以怎样的语气向你问好?应该使用什么措辞能最精准地得知你的意图?这些动态的、无实体的语音内容,也逐渐成为 UX 写作要关注的重点内容。
简单说,如今所有用户和产品产生交流的场景,都可以划分于 UX 写作的范畴。得益于科技的发展,UX 写作逐渐地更接近了自己最终的目标,慢慢跳出了静态页面的框架,得以真正的与用户产生有意义的、愉悦的语言的交流。
2. 从「填充页面」到「主导页面」
其次,UX 文案与过去最显著的不同之一是:不再仅是为页面填充文本,更多的是根据信息主导页面。
以下面一个常见的对话框为例,仅有一个小小的对话框来承载超额的信息;如果根据之前的“填充页面”的观念,我们要做的其实很简单,就是根据行文规范删减、重新排列文字,试图把过量的内容塞进小小的容器。
这样得到的结果在视觉上看起来可读了一些,但似乎也不尽人意。
这就是典型的机械性的填充页面,信息的展现完全受制于已给页面的结构,实际上已经脱离了更好传递信息的初衷。
如果我们调转思路,试着真正从传递信息本身出发,就能很明显的发现,原来的对话框最大的问题不是文字长短,而是信息过载---强迫用户在有限的空间里一次性确认两类信息:更改时间和通知参会人。而在我们上面的方案里,这个问题并没有被解决。
当我们真正开始用信息主导页面,应该做的是将一页多个问题拆分为每页一个问题,分步响应用户,对冗杂的信息进行分解,以真正创造清晰有效的对话。
如果体验没有达到理想的效果,通常需要改进的是整个设计,而不单单是文字。我们需要逐渐去理解的是,页面在根本上是信息传达的媒介,一昧的修改文本来适应页面,反而是本末倒置的做法。
3. 从「单纯可用性」到「体现品牌声音」
目前,UX 文案通常仅需要保证基本的功能可用性;即使是已经有文案规范的团队,更多的也是将其作为辅助位,保证文案“有一致性,不出错”即可;对于品牌形象、差异化的诉求则基本一笔带过。
相较于 UX 文案,大家习惯用 Icon 的质感、品牌色的搭配等视觉的呈现去传递品牌声音,因为这样的效果简单直观,是可以直接被“看得见”的,这点无可厚非。
但随着语音交互的兴起,以及近年来轰轰烈烈的品牌去色化趋势,单纯的利用纯视觉的呈现来塑造品牌形象变得没那么万能了,与此同时,UX 文案对于品牌形象的重要性也逐渐被发掘;我们发现,在很多时候,一句措辞得体的语音信息,或者是一句抓人眼球的标语(Slogan),就足以弥补视觉上品牌呈现的缺憾,甚至更能与用户产生共鸣。
这就需要 UX 文案在保证基本的可用性的基础上,更要考虑什么才是真正适合自己品牌的声音。
例如Google Earth 过去的一句经典的标语:“Hello, Earth”,这句标语完美的契合了Google Earth的品牌形象,它简洁正向,并且和产品名称之间有巧妙的双关,即代表了产品本身,也暗示了Google Earth带领用户去探索世界的功能定位。
仔细观察苹果、谷歌的产品,你就会发现从他们的 UX 文案除了保证了基本的一致性和可用性外,偶尔会隐藏一些小巧思,这些小巧思与他们的品牌形象相互呼应,能让用户在产品使用中潜移默化地对其品牌形象、产品价值观形成认知,而这样与产品体验本身结合的认知构成往往更加坚固,比传统的广告宣传更容易让人信服与认可。
三、 怎样做得更好,一些实用小 tips 随着 UX 文案越来越广阔的范畴,我们过去熟悉的工作方法已经并不完全匹配如今 UX 文案的目标了;因为它包括的已经不仅是单纯的文字内容,更多的还有文案之间的层级结构、什么时候出现这段文字,以及这段文案向用户传递了什么情感等等,这已经超出简单的行文规则所涵盖的了。
那么,我们怎么才能真的做好 UX 文案呢?
我们根据以往的项目经验,总结出了除了通用行文规则之外,三个在关键节点上可以做到的几件小事,希望帮助大家能找到真正适合、高效的设计方法,并打造出优秀的 UX 文案。
1. 流程——更早地加入
首先,最基本也是最重要的:在流程上,永远要尽早的考虑文案问题。
我们过去熟悉的设计步骤是:“先把产品设计好,将有文字的地方空出,最后再填充。”
这样带来的问题是:关键的体验问题直到最后期才会被注意到,留给 UX 文案的发挥空间十分有限,能做的只是为糟糕的体验贴上掩饰的创可贴,并不能真正避免糟糕体验为用户带来的伤害。
正如我们上面所说,UX 文案不仅仅是填充文字,它的核心是在产品与用户之间创造合适、愉悦的对话,所涵盖的内容几乎横跨产品体验的每个流程。
因此,要想真正缔造好的 UX 文案,永远要尽早地参与到设计流程中,这样才能真正的找出体验的问题,并最大限度的发掘 UX 文案究竟可以为此做些什么,创造与用户真正有效的交流。
2. 方法——模拟真实的对话
其次,在我们着手输出 UX 文案时,请尽量在脑海中模拟真实的对话场景。
这个方法来自于最近的全球开发者大会(WWDC22)上,苹果设计团队向大家分享的 UX 写作方法框架:“PACE”:Purpose(目的)、Anticipation(预判)、Context(环境)、Empathy(共情)。
其中,在 Anticipation(预判)里提到了 “将 UX 文案想象成一种对话” 的概念,意思是在设计产品的过程中,应该把页面上的文字看作一个与用户的对话,而不只是一个静态的短语;这样能更好的帮助我们预判用户的诉求。
想象在这样的场景:当你的用户在周末的晚上打开手机,开始调节明早起床的闹钟时间;你会怎么设计这里的 UX 文案呢?
使用流程似乎很简单:打开闹钟 app,调节明早闹钟时间,确认设置完成。
上述的交互没有问题,用户可以清晰的完成设置。但如果考虑到上面提到的 “想象成一种对话”,那这个流程就还有可改进的地方。
因为在一段有效的对话中,交流应该是有来有往的:其中的角色应该有时在聆听,有时在发言;而不应该仅仅一方是单方面的输出(在上述的场景里,仅仅是用户一股脑的对闹钟 app 进行信息输出,闹钟 app 只是单纯的服从命令,这不是一个正常对话的模式)。
让我们想象是自己在跟用户在交流,就能很容易地发现用户想传递的底层信息并不是 “我要调闹钟了 ”,而是 “好不容易到周末了,我明天要多睡一会”,能解读到这一层话外音,我们就成功利用“对话”预判了用户的目的。
打开 ios 的起床闹钟试一下,你会发现它比我们的基础流程多了一个贴心的询问 :“你要将此更改应用到这个定时中的所有周末吗?”;在这里,苹果实际上做了两层预判,第一层是预判绝大多数人的周末和工作日起床时间是不一样的,所以将复用的范围限定在了周末;第二层预判是在大多数情况下人们只能确认明天的起床时间,所以主选项是“仅更改下个闹钟”。
简单的一个改动,就把机械性服从命令的程序,变为一个有智慧、思想的助手。如果我们在每次输出文案时,都能试着想象真实的对话并剖析,可能就能逐渐把一个“可用的产品“变成“贴心的朋友”,真正地走进用户的内心。
3. 验证——大声地念出来!
最后,如果你还是觉得心里没谱,不确定是否输出了合适的文案,有一条被苹果和谷歌共同推荐的验证方法,简单粗暴但有效,那就是 “大声将你的文案念出来”。
就像我们刚刚反复强调的,UX 写作其实就是与用户创造有效的交谈,那么最简单的验证方法就是真正说出来,将它真正变成一段对话,然后再去聆听,最直观的感受到你的语言听起来是否自然不生硬?是否有一些不易察觉的重复或语法错误等等?
大声地将你的文案念出来,如果能使你自己信服,相信也能使你的用户信服。
结语 最后,读到这里,相信你已经对于 UX 文案有了一个全新的认识,并对如何做好它有了基本的概念。其实在日常工作中,每个产品对于 UX 文案的要求可能不尽相同,但重要的是作为设计师,我们能意识到他逐渐攀升的重要性并真正对他加以关注。引用苹果开发者大会上的一句话:UX 写作其实就是始于对屏幕另一侧用户的好奇心,并真正怀着尊重和理解与其交流。只要能意识到这一点,相信大家都能呈现出真正有效的、令人愉悦的 UX 文案。
参考文献
「1」《Material's Communication Principles:Intro to UX Writing》by Alex Hays: https://codelabs.developers.google.com/codelabs/material-communication-guidance#0
「2」《What Does a UX Writer Actually Do?》by Yuval Keshtcher: https://careerfoundry.com/en/blog/ux-design/ux-writing-what-does-a-ux-writer-actually-do/
「3」《What is UX writing?》by Bobbie Wood: https://uxcontent.com/what-is-ux-writing/
「4」Google I/O 2017《How Words Can Make Your Product Stand Out》: https://www.youtube.com/watch?v=DIGfwUt53nI&t=1163s
「5」Apple WWDC 2022《Writing for interfaces》: https://www.youtube.com/watch?v=GRYJq0V1I_k&t=505s
「6」Figma Config 2022《Working with UX Writers in Figma》: https://www.youtube.com/watch?v=pEpwOzPU1zY&t=535s
欢迎关注作者微信公众号:「腾讯ISUX」
-
优设2022年度榜单发布!致敬你的每一次Ctrl+N
UI交互 2023-01-09与PIXSO、优设一起,让创作变杰作过去一年,我们共同经历了太多变化创意行业,同样发生着翻天覆地的革新Pixso 作为一体化产品设计工具仍坚定地与设计师们结伴而行携手奔赴充满机遇的新时代让我们用希望的光,照亮脚下的路与 Pixso、优设一起,让创作变杰作越凛冽,越抖擞!越澎湃,越创作!? 点击体验新一代设计协作工...与PIXSO、优设一起,让创作变杰作 过去一年,我们共同经历了太多变化 创意行业,同样发生着翻天覆地的革新 Pixso 作为一体化产品设计工具 仍坚定地与 设计师 们结伴而行 携手奔赴充满机遇的新时代
让我们用希望的光,照亮脚下的路 与 Pixso、优设一起,让创作变杰作 越凛冽,越抖擞! 越澎湃,越创作!
? 点击体验新一代设计协作工具 ?
榜单内容概览 今年的榜单共分为三个子榜单:年度创作者榜、年度生产力榜、年度设计图书榜
年度创作者榜:总结了优秀的设计团队、作者、讲师、热门文章与专题,还有十佳设计作品集和全年热门的行业新闻。
年度生产力榜:汇总全年好用易用、口碑出众的软硬件产品。
年度设计图书榜:精选设计工具、平面设计、产品交互、绘画艺术、设计理论等5大类型的实用设计图书。
点击右侧链接查看完整榜单内容 → 优设2022年度榜单
一、优设2022年度十大设计团队 京东JellyDesign
京东 设计团队
Jelly Design由用户体验设计部及事业部设计团队共800+成员组成,团队专业领域涉及用户研究、交互设计、视觉设计以及前端开发,分布于北京、上海、深圳。
ISUX
腾讯 社交用户体验设计团队
腾讯社交用户体验设计团队,负责腾讯社交网络业务的体验与服务设计,囊括用研、交互、视觉、品牌、多媒体、UI开发等,分布于深圳总部、上海及韩国首尔。
58UXD
58同城 用户体验设计中心
58UXD负责公司全业务体验设计与用户研究的核心团队,为58同城全平台、商业平台、安居客、招才猫、58本地版等产品提供专业系统的用户研究、体验设计、品牌与视觉设计服务。
百度MEUX
百度 移动生态用户体验设计中心
以「简单极致」为设计理念,创造极致用户体验的同时赋能商业,推动设计行业的价值和影响力,让生活因设计而更美好。服务的产品包括百度APP、百度搜索、百度百科、百度贴吧、百度商业产品等。
腾讯设计族
腾讯 设计团队
汇聚腾讯全部设计团队,致力鹅厂用户体验设计。在腾讯设计族平台与您共启设计视野,实践设计价值,求索设计未来。
Gtech UED
佳应科技用户体验设计团队
负责新加坡GTech Digital (佳应科技) 旗下B端产品的用户体验设计;与新加坡、印尼、马来的运营团队一起为全球品牌提供本地化产品设计,帮助全球品牌及中小企业搭建D2C服务能力,实现数字化转型。
酷家乐UED
群核科技用户体验设计
酷家乐UED是由一群敢于表达态度来传递产品温度的UEDers组成,以不懈的努力去追求更优的用户体验。
腾讯设计
腾讯设计官方账号
由腾讯设计团队共同组建而成,致力于对外分享腾讯公司级的设计方法论。
VMIC UED
vivo 互联网中心用户体验设计团队
互联网中心用户体验设计团队(VMIC UED),持续为用户打造惊喜体验
极氪ZED
极氪用户研究与体验设计部
一个平等、多元且富有创造力的团队。我们秉承「致广大而尽精微」的宗旨,分享用户研究、体验设计等领域的实践与经验。
二、优设2022年度十大作者 彩云Sky
设计语言的连接者
致力于翻译国外高质量的设计类文章,以每周一篇的更新频率引入国外干货,坚持创作多年时间,内容输出既优质又高产!
酸梅干超人
体系化的专题创作者
独立产出多个设计专题,内容涵盖B端设计和 UI 等领域,是知识体系化产出的杰出代表!
大漠飞鹰CYSJ
UI设计自学指路明灯
保姆级教程的创作者,从产品细节剖析到UI设计知识详解,在界面设计领域深耕细作,单篇5000字的干货含量,堪称UI自学路上的指明灯。
黑马青年
达于职场工于UI的跨界高手
出身大厂的资深设计师,职场&UI 双重跨界达人,上能帮助新人拨开迷雾,寻觅发展方向,下能探究产品细节,发现设计之美。
CE青年
B端设计领路人
从事B端产品设计多年,擅长通过庖丁解牛般的精细刀法,拆解B端产品的整体结构,提取出干净利落的核心知识。
设计史太浓
鉴古知今的集大成者
设计史科普第一人,善于用幽默风趣的形式,展现设计史的重要流派、人物和作品,为读者构建世界设计史的知识轮廓。
葱爷
视觉设计风向标
从普通设计师成长为视觉总监的葱爷,总能敏感捕捉到每个视觉设计师的学习盲区和关心风向,及时送来视觉干货。
邓海贝
一位有编制的平面设计师
作为大学副教授,能从严谨的大学课堂无缝过渡到生动的视觉教程,成为育人无数的设计师园丁,愿称为平面设计创作领域的科班代表。
Clipper
设计知识汪洋的拾贝人
善于在浩如烟海的设计知识汪洋中,筛选出难以察觉但极为重要的细节和技巧,用简明扼要的语言,将核心干货娓娓道来。
Andrew
教科书级干货分享者
专注于产出万字干货的设计行家,曾受邀为大厂分享创作经验。全面详尽的分享和贴心的资源打包,是让他脱颖而出的关键秘诀。
三、优设2022年度新星 夏花生
她是 2022 冉冉升起的设计新星,以 160 多篇的高产速度,收获近 700 万的惊人阅读量,多次写出引爆人工智能绘画领域的热点内容,同时能精准捕捉设计师关注的问题并给出实用的解决思路,在平面设计教程创作领域亦有不凡建树。
四、优设2022年度十大教程作者 君小阳
logo实战系列教程作者
公众号“这logo怎么了”创办人,坚持每周更新,从实际logo案例中发掘底层逻辑,细细拆解制作步骤,堪称logo设计入门说明书。
太阳鸽鸽
AE动效教程作者
7年动态设计经验,专精MG动画、图形特效、UI动效领域,分享潮流有趣的动效实例,用顶级的效果和清晰的教学分享动态设计干货。
磊土视界
视觉类入门教程作者
分享PS、AI、AE等实操案例,擅长抓住设计新人的知识痛点,声音抚慰人心,教程清晰直白,干而不寡。
做设计的小肥肥
PS海报教程作者
Adobe官方合作教程作者,以敏锐的观察力与惊人的想象力著称,作品饱含视觉冲击与细节,用诲人不倦的分享精神,持续产出PS视觉海报实战教程。
野鹿志
C4D教程作者
不受限于常规的题材,坚持发掘C4D的尖端用法,教程案例夸张又不失美感,用视频配合图文,精确到每一步小操作。
一六视觉
PPT教程作者
着重讲解PPT设计思维,层层递进,希望和大家一起靠PPT找到更多成长的 意义,告别碎片化学习。
小九摄影ECP
摄影教程作者
专注于产品静物摄影、短视频技巧、器材体验。脑洞开阔,能从他的教程视频中感到无限的创意释放。
兴趣设计师k
Blender教程作者
用Blender结合UI设计,分享新人也能看懂的建模渲染教程,过程详细,审美在线,对透明质感的把控炉火纯青。
设计师团长
视觉类教程作者
优设训练营特级讲师,百万人气作者,条理清晰,教程延展性极强,知识点切入稳准狠,擅长光影与质感塑造。
Asen-阿森
手绘类教程作者
以创作能力出色而闻名优设,无论是扁平风格、儿童插画,或者是质感满满的中国风插画,她都得心应手。不断从自己的速涂训练中总结并分享实用技巧。
四、优设2022年度十大讲师 梁述光
优设大课堂手绘讲师
安踏联名合作画师、百度特约插画师。他的《雷神山》系列插画收获千万曝光,创作的奥运人物插画,频频被运动员互动转发,被多家媒体争相报道。
丁汀
优设大课堂C4D讲师
3D动态设计师,BIG6 STUDIO创始人,多家卫视指定合作设计师。辅助学员商业变现50W+,长期与小米、OPPO国内一线企业保持合作。
BeardChicken 郁闷的鸡
优设大课堂UI和动效讲师
知名设计教程作者,Adobe公开课特邀讲师、影视后期设计师。从事互联网设计超十年,丰富一线商业项目经验,已助力许多设计师进入互联网企业。
态爷
优设大课堂手绘讲师
他是央视合作插画师,电影分镜导演,长期与快手、抖音、蒙牛等众多品牌保持合作。如今作为老师,将自己的知识体系传授给更多的设计师。
闫实
优设私房课速涂讲师
前完美世界高级原画师,墨麟集团主美术,拥有扎实稳固的科班美术基础,尤其擅长美式风格和光影速涂。
杨洋
优设平面实战营讲师
优设训练营教研总监、优设字库项目主理人,7年教学经验,学员11000+。授课严肃认真,善于引导学员开拓自己独立思考做设计的能力。
橙子
优设商业插画实战营讲师
优设训练营课研组长,腾讯供稿插画师,Adobe官方合作教程作者。6年教学经验,帮助学员整理绘画的思维逻辑,夯实基础,拓展风格类型。
如如
优设视觉设计实战营讲师
优设特级讲师、MG动效设计师。授课细致入微,评讲作业时随时补充新知识点,被学员称为“举例狂魔”。
张小哈
优设私房课插画讲师
跨界自由设计师&插画师,上海大悦城、新天地签约设计师,商业作品讨喜且卖座,艺术创作走心又有趣,曾出版绘本《创造力的形状》
小毅
优设 Blender 课程讲师
曾负责京东大促级别的项目,落地多款上亿流量的项目。精于视觉设计和执行,拥有丰富的电商3D设计经验,曾多次与一加、VUE等合作电商营销项目。
五、优设2022年度十大热门文章 1. 人工智能快速出图!盘点 4 款人气超高的 AI 绘画神器
文章作者:夏花生 | 阅读量:36.9w
人工智能快速出图!盘点 4 款人气超高的 AI 绘画神器 大家好,我是和你们聊设计的花生~ 有关注 AI 绘画领域的小伙伴可能注意到,国内已经出现了能直接使用中文提示词生成 AI 图像的工具了,这就进一步降低了我们进入 AI 绘画世界的门槛,对设计师和创意工作者来说无疑是好消息。
阅读文章 >
2. 堪比艺术家!被疯狂安利的 AI 插画神器 Disco Diffusion 有多强?
文章作者:夏花生 | 阅读量:28.4w
堪比艺术家!被疯狂安利的 AI 插画神器 Disco Diffusion 有多强? 大家好,我是和你们聊设计的花生~ 有关注「神器挖掘机」阿文(微博 @Simon_阿文 )的朋友,可能已经了解到他最近正在疯狂安利一款 AI 绘画神器——Disco Diffusion。
阅读文章 >
3. 免费开放!人人都能轻松上手的AI绘画工具DreamStudio
文章作者:夏花生 | 阅读量:16.1w
免费开放!人人都能轻松上手的AI绘画工具DreamStudio 大家好,我是和你们聊设计的花生~ 之前为大家介绍了初代 AI 图像生成器 Disco Difussion、Dall·E 2、Midjounery,国产 AI 图像生成器 Tiamat,以及 4 款由谷歌、微软等大厂推出的 AI 图像生成器 Imagen、Parti、Make-A-Sce
阅读文章 >
4. 地表最强AI聊天机器人ChatGPT诞生!会给设计师带来哪些影响?
文章作者:夏花生 | 阅读量:3.6w
地表最强AI聊天机器人ChatGPT诞生!会给设计师带来哪些影响? 大家好,这里是和你们聊设计的花生~ 前几天刚和大家聊过 AI 绘画工具 Midjourney 的 V4 模型,感叹它图像生成质量之高。
阅读文章 >
5. 从 Dribbble 高赞的 828 个作品中,总结出 2022 设计趋势
文章作者:水手 | 阅读量:12.1w
从 Dribbble 高赞的 828 个作品中,总结出 2022 设计趋势 Dribbble 平台对于互联网 UI 界面设计有着举足轻重的定位,对 Dribbble 设计的研究会让我们看清设计的方向。
阅读文章 >
6. 腾讯出品!2022-2023 设计趋势报告:NFT 玩法应用篇
文章作者:ISUX | 阅读量:2.7w
腾讯出品!2022-2023 设计趋势报告:NFT 玩法应用篇 背景 从 2017 年萌芽到 2021 年爆发,NFT 在过去的一年内正在成为数字经济市场的“顶流”,从最初的区块链游戏项目、艺术品投资领域开始向外辐射到音乐、体育、时尚等各种形态的数字产品行业中,展现出未来对于互联网行业、金融市场甚至社会生态等领域的影响。
阅读文章 >
7. 深扒!连拜登团队都在用的Figma是如何成长起来的?
文章作者:陈子木 | 阅读量:4.1w
深扒!连拜登团队都在用的Figma是如何成长起来的? 相信这几天设计圈和产品圈的同学都在讨论 Figma 封禁大疆的团队帐号这个事儿,经过多轮文章和视频的洗礼,这个事件的始末和性质相信大家已经掰开了揉碎了看明白了。
阅读文章 >
8. 免费可商用!优设鲨鱼菲特健康体来啦!
文章作者:优设 | 阅读量:16.1w
免费可商用!优设鲨鱼菲特健康体来啦! 双 11 刚刚过去,作为电商设计师的你是不是已经开始准备双 12 的视觉稿了?
阅读文章 >
9. 金三银四求职季,收下这篇5000字的上分秘籍
文章作者:Cesare_玄漓 | 阅读量:9.6w
金三银四求职季,收下这篇5000字的上分秘籍(附简历和作品集模板) 考虑马上又要到新的一年为了让更多小伙伴能准备出更加惊艳作品集,这里我提供了一套简历和作品集的设计思路以及对应的模板,希望对大家有帮助~ 我们提供器与具,推崇创作思路发散,不鼓励照搬、抄袭、挪用。
阅读文章 >
10. 设计师作品集封面万用套路!再送500+优秀案例打包!
文章作者:Andrew | 阅读量: 4.9w
设计师作品集封面万用套路!再送500+优秀案例打包! 编者按:本文通过一个设计师作品集封面设计的实操案例,帮你掌握作品集封面设计,附赠500多张优秀案例打包,快来下载!
阅读文章 >
六、优设2022年度设计专题 1. 热门AI绘画神器大盘点
本专题不仅详细介绍了市面上常见的AI绘画神器,而且还有AI填色工具、AI相关的资讯解读和AI绘画的实战案例,帮你快速熟悉AI绘画领域。
2. 看故事,学设计
本专题由「设计史太浓」出品,用幽默风趣的形式,展现了世界现代设计史上各个时期的重要流派、重要人物和重要作品,为读者构建出世界现代设计史的知识轮廓。
3. 最新最全的设计资源打包下载
精心挑选,贴心打包是本专题的原则。这儿不仅有超过1000款的笔刷,500套样机,还有很难找到的点线面素材、网页渐变背景、PPT 模板等等。是时候打开它们,高效补充你的素材弹药库了!
4. HMI车载设计指南
本专题从HMI设计的知识体系、竞品分析、语音设计到设计规范、可用性测试等,都提供了极为详尽的教程。每篇文章均是万字左右,看完这个专题,几乎等于看完一本书了。
5. 产品出海趋势下的设计指南
企业出海是未来两年的趋势之一,面对不同国家的宏观环境、风俗习惯和文化层面的差异,设计师需要转变以往的思路,做好产品的本土化设计。本专题从出海产品的调研方法、竞品分析、多语言设计等方面,结合大厂的实战案例,帮设计师掌握出海产品的设计方法。
6. 优秀产品设计全方位拆解
一个优秀的产品如何设计,遵循什么原则,有什么策略,是否可以用一个设计公式来描述它,从而让我们全面、结构化的方式去研究学习。这个系列将全方位帮你拆解市面上的优秀产品,帮你站在巨人的肩膀上学到更多。
七、年度设计作品集 1. 鲨鱼菲特差异化品牌体系打造 - 平面设计
作者:造视品牌中心
2. CHUAN设计作品合集 - 平面设计
作者:CHUAN_BBDL
3. Xc个人作品集 - 视觉设计
作者:sᴜᴘᴇʀ_xᴄ
4. 阿凡题作品集 - 产品设计
作者:鹿喜喜
5. 凌旬2022品牌设计合集 - 平面设计
作者:凌旬
6. 造视创意&水密码 差异化爆品打造 - 视觉设计
作者:图层叔
7. 银海的工作总结 - 视觉设计
作者:GIfts
8. 2022插画作品总结 - 视觉设计
作者:Asen-阿森
9. 2022 产品设计作品合集 - 产品设计
作者:Miles
10. 初见三国 - 视觉设计
作者:一个土豆
八、优设2022年度设计行业大事件 1. Figma 开始制裁大陆企业,封停部分国内企业团队账号
深扒!连拜登团队都在用的Figma是如何成长起来的? 相信这几天设计圈和产品圈的同学都在讨论 Figma 封禁大疆的团队帐号这个事儿,经过多轮文章和视频的洗礼,这个事件的始末和性质相信大家已经掰开了揉碎了看明白了。
阅读文章 >
2. 人工智能 AI 绘画工具爆火出圈,谷歌等知名科技公司纷纷入局
人工智能快速出图!盘点 4 款人气超高的 AI 绘画神器 大家好,我是和你们聊设计的花生~ 有关注 AI 绘画领域的小伙伴可能注意到,国内已经出现了能直接使用中文提示词生成 AI 图像的工具了,这就进一步降低了我们进入 AI 绘画世界的门槛,对设计师和创意工作者来说无疑是好消息。
阅读文章 >
3. 人教版数学教材登上热搜,插画风格丑陋引发网友热议
以前的中国插画有多优秀?打开这个网站你就知道了 大家好,我是和你们聊设计的花生~ 最近关于人教版小学数学教材插画的事件受到广泛关注,想必大家也都有所了解。
阅读文章 >
4. 微软 emoji 表情正式开源,1545 个表情开放下载,全部免费可商用
推荐阅读: https://uiiiuiii.com/software/547412.html
5. Adobe 旗下 Behance 网站限制大陆用户访问,国区账号无法登录
Behance显示无权访问?别急,还有这些方法可以挽救! 大家好,我是和你们聊设计的花生。
阅读文章 >
6. 苹果全新一代手机 iPhone14 系列发布,带来全新的 iOS16 和灵动岛
灵动岛和 iOS 16 实时活动设计规范来了! 编者按:灵动岛和 iOS 实时活动推送界面的设计规范终于出来了,原文在这里,做设计和开发的同学记得看看。
阅读文章 >
7. 设计软件巨头 Adobe 宣布,以 200 亿美元收购知名在线设计协作工具 Figma
深扒Adobe 40年收购史!发现最出名的不仅仅是Figma Adobe 收购 Figma 恐怕是昨天在设计圈中最大的新闻了吧?
阅读文章 >
8. Google、Meta 发布最新的人工智能 AI 工具,用文字描述就能生成视频
Google、Meta又放大招!用嘴做视频的时代也要来了 大家好,这里是和你们聊设计的花生~ 近段时间 AI 工具发展势头越发迅猛,在为大家介绍过的 AI 模型中,DALLE·2 和 Midjourney 在文本生成图像的质量和精准度上有了大幅度优化提升,后起之秀 Stable Diffusion 则将 AI 模型的操作门槛降低到普通人都能轻
阅读文章 >
9. 人工智能 AI 聊天机器人 ChatGPT 诞生!能力强大火爆科技圈
地表最强AI聊天机器人ChatGPT诞生!会给设计师带来哪些影响? 大家好,这里是和你们聊设计的花生~ 前几天刚和大家聊过 AI 绘画工具 Midjourney 的 V4 模型,感叹它图像生成质量之高。
阅读文章 >
10. 潘通正式发布 2023 年度流行色「非凡洋红 - Viva Magenta」
来了!潘通2023年度流行色「非凡洋红」正式发布! 每年12月初,潘通都会踩着点发布第二年的流行色。
阅读文章 >
九、优设2022年度十大设计软件与网站 1. 人工智能AI绘画工具
功能特点:在线操作、自动生成、出图极快
上榜理由:Midjourney、Disco Difussion等AI绘画工具,绝对是今年最有话题性的新产品,凭借高效的出图速度和超强的图片画面效果频频出圈,借助人工智能学习,让产出的作品兼具精确度与艺术性,未来的发展也更加让人期待。
2. Blender
功能特点:免费开源、功能全面、多平台适用
上榜理由:Blender已经更新到3.4版本,引入了新的毛发系统,支持Cycles渲染器中的路径引导,能在相同时间下获得更好的渲染效果,几何节点调节也更加直观,同时增强了雕刻模式和UV工具,提高建模和贴图的效率和质量。
3. Pixso
功能特点:协同白板、原型设计、界面设计、团队协作
上榜理由:作为一体化的产品设计工具,pixso覆盖产品创意从诞生到落地的全流程,已成为国内众多头部互联网大厂设计协作工具。同时pixso拥有优秀的渲染性能,高频操作场景下设计体验尤为出色,全方位提升产研设团队协作效率。
4. 字由
功能特点:字体筛选便捷、无需下载文件、一键应用字体
上榜理由:字由整合超过3100款字体,包含免费商用及会员商用字体超过1200多种,涵盖中、西、日、韩等多种语言,无需下载字体文件,一键激活就能在PS、AI、sketch、WPS等设计、办公和视频剪辑软件中选择和使用字体,支持云字库,非常方便高效。
5. NOMAD SCULPT
功能特点:界面友好、上手便捷、轻松雕刻
上榜理由:目前移动平板上最方便上手的建模雕刻软件,简洁友好的软件界面让你很快就能上手,功能直观操作方便,经过简单学习体验就能做出好玩的模型效果,配合手势与触控笔,让你所有的操作都是所见即所得。
6. Mental Canvas
功能特点:立体空间、无限画布、转场动画
上榜理由:这也是今年画手圈非常爆火的软件之一,它可以把二维画面按照不同图层转换为3D空间场景,让其拥有立体空间感,通过图层的位置、角度以及摄像机的运动变化,可以获得非常有趣的动态效果,目前支持Win和iOS系统。
7. Procreate
功能特点:3D绘画、自定义笔刷、手势操控
上榜理由:Procreate一如既往是设计生产力的代表软件,新一代的版本支持了3D绘画功能,自带超过200款的笔刷,加上丰富的色彩、编辑、图层等功能,配合手势以及画笔悬停的新功能,充分发挥设计师的创作自由度。
8. 剪映专业版
功能特点:操作简单、素材丰富、智能字幕
上榜理由:剪映的界面布局非常简单,功能直观且丰富,内置多种转场、花字、音效、滤镜等效果,轻松实现充满创意的视频效果,智能字幕可以直接将语音转为文字字幕,还有自动抠像、曲线变速等功能,可以满足更多视频制作需求。
9. MasterGo
功能特点:界面设计、交互原型、团队协作
上榜理由:作为线上协同的产品设计工具,许多互联网大厂如百度、阿里、网易、京东、商汤等都在使用,是获得最多团队真实复杂场景的协同工具。它支持多人同时编辑,规范管理设计资产,一个链接就能实现云端评审交付,为设计师提供稳定流畅的设计体验。
10. ChatGPT
功能特点:智能问答、信息全面、能力强大
上榜理由:这是由OpenAI 研发的一款人工智能聊天机器人,它能回答关于生活、学习、工作等各方面的问题,可以根据聊天上下文进行互动交流,甚至可以完成文本翻译、写文案及代码等较高难度的任务,让AI工具上升到全新的高度。
十、优设2022年度十大设计硬件与外设 1. 七彩虹 iGame GeForce RTX 4080 / 4090
功能特点:全景光线追踪、DLSS 3、AI加持、高效散热
上榜理由:七彩虹发布全新RTX40系显卡,新的架构让光线追踪性能提升,图形处理画质更逼真,渲染更快速。AI驱动加持,低延迟等多项性能突破,让工作和游戏的体验变得更好,散热和功耗比也更得到进一步加强。
2. 明基PD2705U显示器
功能特点:屏幕均匀管控、专业设计模式、OSD控制器小热盘
上榜理由:专为设计师打造的27寸4K色准显示器,屏幕显色准确一致,出厂单独校色,适合工作室使用,确保有效沟通。小热盘高效操作四大专业设计模式,兼容多种设计需求。接口功能丰富,轻松实现Type-C直连及65w反向供电,并兼顾多设备连接需求。
3. PICO 4 VR 一体机
功能特点:佩戴轻巧、空间定位、高清屏幕
上榜理由:PICO 4采用前后平衡式设计,还有电动调节瞳距功能,让不同的人佩戴也同样舒适和方便,配备的LCD屏幕与光学透镜,能实现VR与MR双重效果,精准的手柄定位追踪能让游戏、运动的反馈更及时,使用体验更好。
4. iPad Pro 2022
功能特点:苹果M2芯片、P3视网膜屏、软件生态强大
上榜理由:苹果全新的M2芯片提供强大的性能支持,用iPad可以随时随地进行手绘、动画以及3D创作,视网膜屏能出色还原亮度和色彩显示,让作品呈现真实舒适的观感。还有丰富的软件支持,让设计创作更加方便高效。
5. 大疆 DJI Mini 3 带屏遥控器版
功能特点:机身轻巧、续航持久、4K录制
上榜理由:作为大疆的入门级无人机,轻巧的机身接近手机的重量和大小,支持4K60帧和1080P60帧的视频拍摄,搭配长续航电池最长可飞51分钟,带屏遥控器支持10公里图传,还有精准悬停、自动返航等非常方便的功能。
6. Redmi AX5400 路由器
功能特点:信号覆盖广、多设备连接稳定
上榜理由:最新的WiFi6增强版技术,让路由器的网络传输更加快速,多台设备同时连接的传输效率和稳定性也变得更强,数据的上传下载量也更大,6个天线独立放大器增强了信号覆盖,无线网络信号也变得更好。
7. 保友金豪B 2代人体工学椅
功能特点:分区支撑、多档调节、腰脊保护
上榜理由:腰背独立支撑的设计加上可调节的头枕,给整条脊椎舒服自然的承托感受,优质的面料和材质确保了长久的耐用性,靠背高度、扶手角度与高度、座深、座高、后仰角度等多项调节功能,不同身高也能坐的很舒服。
8. 罗技 MX Master 3S 无线蓝牙鼠标
功能特点:电磁滚轮、操控灵敏、按键自定义
上榜理由:这款鼠标兼具颜值与性能,配对多台设备可以一键切换,电磁滚轮直接提升了中键的使用率,浏览网页、文档、PS画布的效率都大大提高,一次充电就能用满2个月,侧边的自定义键,也能快速执行更多常用操作。
9. 极米H5投影仪
功能特点:亮度清晰、色彩精准、性能出色
上榜理由:极米自研的发光系统,还原电影本身的亮度与色彩,自动梯形校正可以适应不同房间布局,操作系统响应快速使用流畅,支持WiFi6,在线播放速度更快,延迟更低,自带哈曼卡顿音响,观影和音效体验都非常出色。
10. AirPods Pro 2022
功能特点:无线降噪、空间音频、续航持久
上榜理由:新款AirPods Pro各项能力都有了提升,出色的降噪能力能让你在专心工作或通勤时不受外界打扰,新增的触控功能让音量调节更方便,增强的续航让使用时间更长,长途出行也不怕半路没电。
十一、优设2022年度设计工具类图书 1. 设计思维工具手册
- 出版:清华大学出版社 - 作者:付志勇、夏晴 - 类别:设计方法、工具手册
2. 这么设计能热卖:融入运营思维的电商设计进阶宝典
- 出版:清华大学出版社 - 作者:吴婷 - 类别:电商设计
3. “营”在设计:电商运营设计修炼手册
- 出版:清华大学出版社 - 作者:京东零售用户体验设计部-运营设计部 - 类别:电商设计、运营设计
4. 版式设计从入门到精通(第4版)
- 出版:人民邮电出版社 - 作者:胡卫军 - 类别:版式设计、平面设计
5. 高点击率:电商设计规律与实战教学
- 出版:人民邮电出版社 - 作者:李艳 - 类别:电商设计
6. 平面设计网格系统(经典版)
- 出版:上海人民美术出版社 - 作者:约瑟夫·米勒-布罗克曼[美] - 类别:平面设计
十二、优设2022年度平面设计类图书 1. 日本包装创意
- 出版:gaatii光体 - 作者:gaatii光体 - 类别:包装设计
2. 版式设计关键词:设计大师的方法与风格
- 出版:后浪出版公司 - 作者:史蒂文·海勒[美] 、盖尔·安德森[美] - 类别:版式设计
3. 今日文字设计(全新增补版)
- 出版:上海人民美术出版社 - 作者:赫尔穆特·施密德[德] - 类别:字体设计
4. 品牌设计全书
- 出版:上海人民美术出版社 - 作者:迈克尔·约翰逊[英] - 类别:品牌设计
5. 零基础学导视设计
- 出版:ACS艺力出版公司 - 作者:ACS艺力出版公司 - 类别:导视设计
6. 日式字体设计及应用
- 出版:ACS艺力出版公司 - 作者:ACS艺力出版公司 - 类别:字体设计
十三、优设2022年度产品交互类图书 1. UI视觉与插画:APP/电商/H5/小程序/网页/游戏视觉升华实战
- 出版:清华大学出版社 - 作者:付尧 - 类别:UI设计、视觉设计
2. 设计的思考:用户体验设计核心问答
- 出版:清华大学出版社 - 作者:周陟 - 类别:产品设计
3. 当代好设计的十大准则
- 出版:ACS艺力出版公司 - 作者:ACS艺力出版公司 - 类别:工业设计
4. About Face 4:交互设计精髓
- 出版:电子工业出版社 - 作者:艾伦·库伯[美]、罗伯特·莱曼[美]、戴维·克罗宁[美]、克里斯托弗·诺埃塞尔[美] - 类别:交互设计
5. 破茧成蝶2:以产品为中心的设计革命
- 出版:人民邮电出版社 - 作者:刘津、孙睿 - 类别:产品设计
6. 点石成金:访客至上的Web和移动可用性设计秘笈
- 出版:机械工业出版社 - 作者:史蒂夫·克鲁格[美] - 类别:网页设计
十四、优设2022年度绘画艺术类图书 1. 大片幕后:创意摄影背后的实现过程
- 出版:gaatii光体 - 作者:gaatii光体 - 类别:创意摄影
2. 艺术的故事
- 出版:后浪出版公司 - 作者:E·H·贡布里希[英] - 类别:艺术史
3. 这就是康定斯基
- 出版:后浪出版公司 - 作者:安娜贝尔·霍华德[英] 著、亚当·辛普森[英] 绘 - 类别:艺术
4. 商业插画设计思维魔方
- 出版:人民邮电出版社 - 作者:飞屋睿 - 类别:插画设计
5. 黄金时代插画课——跟12位传奇插画大师学奇趣构思与绘画技巧
- 出版:上海人民美术出版社 - 作者:斯蒂芬妮·普朗科特[美]、玛格德林·利夫西[美] - 类别:插画设计
6. 商业插画绘制技法从入门到精通
- 出版:人民邮电出版社 - 作者:HoHo猴(侯婉矜) - 类别:插画设计
十五、优设2022年度设计理论类图书 1. 天才配色
- 出版:gaatii光体 - 作者:gaatii光体 - 类别:色彩搭配
2. 欧洲平面设计新浪潮
- 出版:gaatii光体 - 作者:gaatii光体 - 类别:平面设计
3. 关于设计的思考
- 出版:后浪出版公司 - 作者:保罗·兰德[美] - 类别:平面设计
4. 视觉游戏:如何让你的设计讲故事
- 出版:后浪出版公司 - 作者:莫莉·邦[美] - 类别:视觉设计
5. 阿明·霍夫曼的设计原则
- 出版:上海人民美术出版社 - 作者:阿明·霍夫曼[瑞士] - 类别:平面设计
6. 好设计是这样想出来的
- 出版:上海人民美术出版社 - 作者:埃伦·勒普顿[美] - 类别:设计创意
设计类图书出版社
结语 迈向新的一年 愿我们能跨越每个坎坷,对未来多一些信心 把每一次的 Ctrl+N,化作亲手实现的梦 向不停创作的你致敬!
点击右侧链接查看完整榜单 → 优设2022年度榜单
-
7个接地气的实战经验,帮你学会做用户问卷!
UI交互 2023-01-09用户问卷是交互设计师工作中常用的设计工具。本文为你介绍一些接地气的实操经验,相信会让你的用户问卷更有效。更多问卷设计干货:如何设计高质量B端调研问卷?用户问卷是交互 设计师 工作中常用的设计工具。本文为你介绍一些接地气的实操经验,相信会让你的用户问卷更有效。
更多 问卷设计 干货:
如何设计高质量B端调研问卷?高手总结了8个步骤(附模板下载) 编者按:B端设计的调研问卷该如何设计?
阅读文章 >
一、问题围绕你的调研目标 好的调研问卷如同好文章,是有「中心思想」的,也就是你的「调研目标」。调研目标决定了调研问题的内容和数量。
你需要先把想要获取的数据和信息整理出来,并分出主次。目标内容不宜太多,通常 1-3 点。接下来再根据目标来设置问题。问题始终围绕着调研目标,不偏题,也不增加累赘内容。
二、问题排列有逻辑,由浅到深 问题的设置和排列要有逻辑。循序渐进,对于被调研用户来说更易阅读和理解,思路会更连贯,也不会太累。比如你可以尝试使用或结合以下排列方式:
按照问题复杂度来排列,由简到难; 按照问卷的填写方式来排列,单选 多选 填写; 按照产品功能或操作流程来排列,从第一步到最后一步。 三、隐私信息,非必要,不收集 很多问卷在开篇的经典问题就是:您的年龄、性别、从事行业等等。要注意的是,这类信息要根据产品特征和调研目标来判断是否有必要收集,减少对于被调用户隐私的打探和要求。
至于将这类问题放在问卷的开端还是结尾,你也可以权衡一下利弊:
放在问卷开端:这类问题对于用户来说是最容易回答的简单问题,可以有效帮助用户进入问答状态。适用于问题比较复杂的问卷。
放在问卷的结尾:这类问题与用户隐私相关,放在最后一定程度上会减少用户的安全顾虑。适用于问题比较简单的问卷。
四、问卷用语要保持中立和客观 问卷的语句尽量减少诱导性用词,尤其是避免使用表示观点的形容词。保持中立和客观,避免用你的观点来左右或影响用户的观点。举几个简单的例子:
“您认为这个功能是否很难用?” 就不是个好问题,你可以使用 “如果您对这个功能评分(10100 分),您会打多少分?” 来代替。
“您认为我们的产品与 XX 产品相比,优势有哪些?” 也不算是个好问题,可以将 “优势有哪些” 改为 “有哪些不同”。
五、化繁为简 在各个方面都要化繁为简,包括:
问题要少:问题太多被调研者会失去耐心,做出的答案也不会有效; 语言要精:尽量精减用词,减少用副词、形容词做不必要的描述; 形式要轻:易于传播、触手可得。最好是在用户吃饭、通勤时用手机即可解决; 用时要短:减少输入和操作的时间,尽量用选择代替输入填写,不要让被调用户填写太多字。 六、发问卷前先做预测试 当局者迷,旁观者清。长时间的投入在问卷的编写中,你对语言的敏感度会变得不稳定。问卷写好后可以先找同事或朋友做预测试,可以重点检查以下内容:
问题的涵义和要求:有时你认为自己解释得很清楚的问题,对于他人来说可能并不好理解。 语句的通顺性:语言是否流畅通顺,语法是否存在问题。 标点和错别字:使用的标点符号和错别字都需要检查和校验。 七、筛选有效的调研用户 有条件的话可以对用户进行有针对性的筛选,可以根据问卷的主题、问题的类型和你想要达成的目标来进行用户选择,这样做可以减少后期对于干扰数据的清理难度。
欢迎关注作者微信公众号:「长弓小子」