• 提高200%效率!5个冷门但实用的Ai操作小技巧(二)

    UI交互 2022-12-28
    大家好,这里是和你们聊设计的花生。今天继续为大家带来 5 个实用的 AI 操作小技巧~上期回顾:学会这5个Ai小技巧,帮你快速提升操作效率!大家好,这里是和你们聊设计的花生~ 之前和大家分享了 4 期提升 Ai 文本排版效率的小技巧,很多小伙伴都说非常实用。

    大家好,这里是和你们聊设计的花生。今天继续为大家带来 5 个实用的 AI 操作小技巧~

    上期回顾:

    学会这5个Ai小技巧,帮你快速提升操作效率! 大家好,这里是和你们聊设计的花生~ 之前和大家分享了 4 期提升 Ai 文本排版效率的小技巧,很多小伙伴都说非常实用。

    阅读文章 >

    一、批量修改同属性元素 在 Ai 中我们有时需要批量修改某种的元素,那么如何快速选中在不同位置但具有相同属性的元素呢?非常简单,选择众多相同元素中的一个,点击顶部菜单栏的「选择-相同」,会有十几个选项可供选择,选择其中符合要求(比如“填色和描边”),就能将所有填色与描边与目标选项相同的选项同时选中,然后修改即可。这种方法也可以用来选择文本和符号等内容。

    二、快速重复变换 在 Ai 中按住 Alt 键移动可以快速复制出同一个图形,此时如果按 Ctrl+D 键,可以快速重复这一操作,且复制出来的图形都是等距的。我们可以用这一方式快速制作重复图形或文字条。

    三、保留路径查找的可编辑性 “路径查找器”是我们在 Ai 中常用的一项功能,觉得执行效果不好需要撤销重做。其实有一个方法可以让对象在执行路径查找后仍然保持可编辑性:在选中对象后,按住 Alt 键后再去点击路径查找器中的选项,这样选中的元素之间的位置仍然可以调整。点击“路径查找器”面板中的“拓展”结束这种可编辑状态。

    四、清除模糊效果的边框 在 Ai 里给对象添加模糊效果时,会发现模糊效果像是被一个隐形的方框截断了,非常突兀。出现这种问题的解决办法为,在添加模糊效果之前,选择顶部菜单栏的「效果-文档栅格效果设置」,在弹出的窗口内将“选项”里的环绕对象数值适当调大一些(不能过大,可按实际情况调整),之后再添加模糊效果时,原本的方框就会消失了。

    五、路径文字的多重效果 使用“路径文字”工具可以让文字按照特定的形状进行排列,而除了默认的文字效果外,我们还可以选中编辑好的路径文字,点击顶部菜单栏中“文字-路径文字”,选择倾斜、3D 带状、阶梯扥更多文字效果。

    好啦以上就是为大家推荐的 5 个冷门但实用的 Ai 小技巧,大家看完后有没有 Get 新技能呢? 喜欢本期推荐的话记得点赞收藏,也可以转发给身边有需要朋友 。如果你有关于本文或者设计的疑问,可以在评论区提出,我会第一时间为大家解答 ~

    推荐阅读:

    掌握这5个Ai小技巧,帮你快速提升文字排版效率(二) 大家好我是和你们聊设计的花生。

    阅读文章 >

    这5款工具,让设计师工作效率提升 200%!(十一) 大家好,这里是和你们聊设计的花生~ 最近又收集了好多超实用的效率工具,分享给大家,本期推荐的 5 个神器分别是: 打开即用!

    阅读文章 >

  • 设计师工作总结和年终汇报怎么写?送你一个通用思路!

    UI交互 2022-12-28
    临近年终,我最近经常会收到大家关于述职报告和工作总结相关的问题。比如:“作为设计师,应该如何在述职报告中简短清晰的表述自己的工作内容 、设计产出和设计思考呢?我现在的情况是,对于工作内容和设计产出,目前只是贴出自己的设计稿和所做过的项目;再拿出项目中遇到的一些问题,写出自己对应的设计思考。

    临近年终,我最近经常会收到大家关于述职报告和工作总结相关的问题。比如:

    “作为设计师,应该如何在述职报告中简短清晰的表述自己的工作内容 、设计产出和设计思考呢?我现在的情况是,对于工作内容和设计产出,目前只是贴出自己的设计稿和所做过的项目;再拿出项目中遇到的一些问题,写出自己对应的设计思考。但是写完后感觉又零散又混乱,请问有没有什么好的经验和写法呢?”

    我们每个人都会遇到向上级描述或总结自己工作内容的时刻。有时是以周或月为单位写报告,有时则是以季度或年为单位写总结。

    设计 工作总结 主要看的是两个方面:

    工作目标的进展和完成情况 设计工作的方法和内容产出 不同公司和团队对于 设计师 工作总结的要求也不尽相同。但我们都可以使用一套通用的总结思路作为基础。下文会为你介绍两个关键方法:“总分总” 和 “三步走”,不仅是对年度总结有效,对你的周报、月报也会有帮助。

    更多年终总结思路:

    设计师如何写好年终总结?我总结了4个维度! 2021年已经快过去了,作为设计师来说总结并分析问题才能获取经验,本文将会和大家一起探讨学习下作为设计师如何写好总结。

    阅读文章 >

    一、采用“总分总”来搭结构 “总分总”结构的优势不需要我多说,少年时期我们写作文也都是先总起全文,再分段描述,让读者可以在短时间内了解你的书写内容。“总分总”可以用在整体报告的结构上,也可以用在单个项目的总结上:

    1. 整体报告的 “总分总”

    在整个工作报告的结构上使用“总分总”的形式来呈现:

    总:先总述你本年度的工作内容分为哪几部分,以及整体工作的目标进展和完成情况(可以用你在年初制定的工作目标来衡量)。 分:再以每个项目为单位,具体说明每一部分工作的进展、方式和完成情况。 总:最后总述对于本年度整体工作的自我评价和经验积累,以及对明年的工作进行简要规划。 2. 单个项目的“总分总”

    报告中的每一个项目的描述结构,也都可以用“总分总”的形式来呈现:

    总:先总述项目的重点工作内容,以及项目的目标进展和完成情况。 分:再通过“设计策略”、“关键行动”、“最终结果”三步走,对项目做描述。 总:最后总述对于该项目的自我思考和经验总结,做简要复盘。 所以你的年度工作报告整体的框架结构如下:

    二、通过“三步走”来述内容 我们刚刚在单个项目的“总分总”中提到过,具体描述你的每一个项目,这“三步走”依次是:

    设计策略:即针对项目目标制定的设计抓手、方法论和设计理念。 关键行动:即项目的关键阶段和关键行动,以及使用的设计方法和工具; 最终结果:即你的设计产出和所解决的问题,包括成果数据和设计反馈。 由此我们也可以得到下面这张设计工作报告的框架结构图,你可以用这种结构方式来描述和梳理你的设计工作内容:

    三、经验和建议 设计工作报告的内容展示建议也分享给你:

    1. 站在读者的角度思考汇报内容的优先级

    你的工作报告主要读者是你的老板。所以想想对方关心的是什么,想要通过你的汇报了解什么内容,这部分是重点内容,要优先重点展示。

    2. 工作成果的呈现要有可以衡量的指标

    你的设计成果在描述时尽可能都要带有衡量指标,让工作完成情况更加直观,这也是你工作成果的最直接体现。衡量内容可以分两个方面:

    衡量设计成果的质量:可以通过用户对于产品的使用反馈、产品的体验度量结果、你的合作方对你工作质量的评价等方面体现。 衡量工作完成的进度:可以以你在年初确定的工作目标作为标准来衡量工作进度。比如你当前完成年度目标的 30%,进展顺利 / 不顺利,原因和解决方案分别是什么。 3. 复杂的逻辑可以使用图片等方式呈现

    如果项目的设计推导过程或者采取的关键行动很繁杂,需要用大段的语言来解释,你也可以使用思维导图或者框架图进行呈现,让内容和逻辑更清晰。

    4. 设计原稿和工作量可以通过附件呈现

    如果你的总结中涉及到大段内容或想要体现你的工作量,这些具体内容可以使用附录文档或链接的形式呈现。如果你的老板有时间或感兴趣,可以自行下载阅读。这样可以最大程度保证总结报告的简要易读。

    更多总结思路:

    设计年终总结/汇报怎么写?送你一套超高效的万能公式! 2022 马上就要过去,又到了写年终总结的节点。

    阅读文章 >

    欢迎关注作者 微信 公众号:「长弓小子」

  • 高手是如何做改版的?来看智行10.0设计改版案例复盘

    UI交互 2022-12-28
    Hey,亲爱的小伙伴,你期待的旅行是什么样的?很高兴在 22 年末,智行 10.0 带着轻快的步伐与大家见面啦!新年新面貌,全新智行希望为小伙伴来年的旅途提供更优质服务,增添一份好心情。

    Hey,亲爱的小伙伴,你期待的旅行是什么样的?

    很高兴在 22 年末,智行 10.0 带着轻快的步伐与大家见面啦!

    新年新面貌,全新智行希望为小伙伴来年的旅途提供更优质服务,增添一份好心情。

    下面就来看看,智行 10.0 的构思与成果吧~

    更多改版案例:

    如何让图标更吸引人?复盘智行 Tab 图标设计过程 OMG!

    阅读文章 >

    智行,作为一站式旅游出行平台,已覆盖火车、机票、汽车票、酒店等业务。近年来,更是以亲民的价格吸引了越来越多的年轻用户,其中 90 后及 00 后占比高达 75.2%。前期调研中我们发现,与核心用户年轻化趋势形成反差的是,智行的界面风格调性更多被评价为“商务”、“严肃”。因此,褪去旧壳,以崭新活力之姿拥抱年轻群体是 智行 10.0 需要探索的方向。

    项目初期,为使改版的感情调性更贴近用户出游场景,我们在团队内部及用户渠道收集了大量关于“旅行”的联想关键词,其中包括:愉悦、轻松、有趣、探索...等等。这些美好的词汇,描绘了大家对未知旅程的期待与憧憬。

    由此,我们提出「旅行,是对自由与快乐的向往」作为 10.0 升级的主线。

    我们希望通过 10.0 升级,提升体验及服务品质同时,打破工具类产品较为沉闷的使用感受,挖掘旅行中快乐的情绪内核,以轻盈有趣的设计传递“快乐旅行,自由出发”的生活态度,做有价值有温度的 OTA 产品。

    以此,我们确立 10.0 的设计目标:

    轻盈有序 · 打造高效预订体验 情感传递 · 旅程的贴心陪伴者 品牌外化 · 构建品牌记忆点

    一、轻盈有序 · 打造高效预订体验 1. 全新 10.0 框架 更轻量

    智行始终致力于让用户订得高效、订得安心。然而扩充的业务场景和功能,使页面结构不堪重负,密集的信息和堆叠的模块影响了用户的预订体验。10.0 全新框架语言,希望通过有效的视重引导及清晰的页面展示,降低操作费力度,打造高效预订流程。

    “轻”头部色彩 操作更聚焦

    色彩是影响视重的重要因素。10.0 的升级中,我们将框架语言的背板色由品牌重色调整为明亮通透的浅色,有效将视重由头部转移至高频操作区,为用户营造专注沉浸的下单体验。同时,轻量的头部使页面更具呼吸感,缓解旧版“沉闷”、“商务”的视觉感受。

    “轻”信息展示 预订更友好

    清晰的信息展示可有效降低预订流程中的操作难度及决策成本。我们对页面信息进行分类重组,通过字号大小间距等手段扩大信息层级,凸显关键决策信息。并在有限的页面空间内,精简信息,降低信息密度,增加透气感,提升阅读友好度。

    2. 全新首页 让营销变有趣

    首页是获悉智行业务种类和流量分发的第一道关卡,业务入口的清晰展示对用户查找和后续转化极为关键。新版首页在使用 10.0 框架的基础上,用重色光感色块衬托智行四大业务入口,增强点击感。同时我们将业务线入口作为营销载体,融入动效,使营销活动的曝光更立体有趣,为各业务线导流及增长起到了正向的作用。

    二、情感传递 · 旅程的贴心陪伴者 我们希望智行 10.0,不仅好用而且好玩,传递正向情绪价值,与用户共情,成为旅途中的贴心伙伴。我们通过 IP 植入、可视化以及创意的视觉唤新等手段一改智行往日“严肃”的形象,为用户提供更温馨友好的服务。

    1. IP“小智” 陪你环游世界

    智行 IP“小智”自诞生以来,机智可爱的形象圈粉无数。在 10.0 的升级中,我们将它融入更多页面流程,增加情感触点,提升智行的品牌亲和力。我们结合业务场景的同时,为“小智”量身打造了俏皮活泼的动作,塑造和饱满了它的性格特点,使其焕发生命跃然纸上。

    下单助手,高效操作有“我”指引

    下拉刷新,一票在手,极速出行

    空态场景,有“我”不再无聊

    2. 全新视觉语言 营造愉悦氛围

    视觉语言是传递产品调性的关键要素,围绕着“轻松愉悦出行”的基调及年轻的客群特征,我们对 10.0 的整体视觉进行了唤新。

    明快的色彩

    天空是纯澈与美好的汇集,正如旅行中探索快乐的本心。我们从中寻找灵感,从智行品牌蓝延伸出“纯净蓝”,并将其作为背景色融入核心流程页面中,营造蓝天白云阳光暖煦的视觉氛围。同时,我们提高了辅助色的明度和饱和度,让页面配色更活泼。

    圆润的图形

    我们用简洁流畅的外形结合大圆角,使图形在视觉呈现上更灵动 Q 弹。叠色的表现形式起到 1+1>2 的效果,使图形更丰富多彩~

    轻盈的插画

    插画用简约的造型风格,聚焦核心功能点的传达。视觉上以灵动的线条,搭配轻盈的高明度渐变,展现 10.0 年轻活力的品牌调性。

    3. 3D 现实映射 服务贴心友好

    调研中我们发现,预订流程中,用户面对复杂功能场景,时常存在这样的烦恼:

    功能说明长,读得脑壳疼 看了半天不理解,迷迷糊糊下了单 我是出行新手,那么多专业词看不懂呀... 常说“字不如表,表不如图”,图像在传递信息效率和容量上都是文字的数百倍。10.0 的升级中,我们希望通过有效的可视化手段替代单薄苍白的文字表达,将信息化繁为简,提升智行服务的品质感及友好度。

    我们结合功能为用户搭建 3D 场景,通过营造真实的环境氛围,将现实映射运用到功能表达中,调动用户真实生活中的常规心理认知。同时结合生动的动画,将冗长复杂的功能说明以更直观友好的方式呈现。

     

    4. 趣味动效 转角遇到“小惊喜”

    旅行是快乐地出发,我们在下单流程中埋藏了许多有趣的彩蛋动效,为用户即将到来的旅程增添不期而遇的“小惊喜”。

    三、品牌外化 · 构建品牌记忆点 1. 打造全新 UI 品牌符号

    品牌符号有利于品牌价值观的外化输出,为产品带来记忆点,同时高辨识度的符号能降低用户对品牌的认知成本,增加信任感和忠诚度。由此,我们结合业务属性及视觉创意打造了智行全新 UI 品牌符号~

    符号的由来

    创意上我们选取智行最具代表的火车业务为基点,从产品 logo 出发,衍生出抽象的火车造型。以光感的主题色渐变,增强呼吸感和透亮度。

    让符号“动”起来

    为了更生动地展现火车迎面驶来的速度感,我们将符号“动”了起来,穿梭如风的动态不仅象征抢票的高效性,也为原本静态的页面带来一丝小调皮。我们将其应用到了底 bar、一级页面切换等众多核心页面中。

    写在最后 智行 10.0,从探索、落地、验证到上线,历时 10 个月。

    比心每一位设计师为之付出的努力。

    同时很开心,我们收获了用户对此次升级的认可和喜爱。

    随疫情的逐步放开,旅游业也将稳步复苏。

    正如开篇所说:「旅行,是对自由与快乐的向往」

    智行期待未来与你相伴,

    共同探索未知的世界,

    欣赏旅途的风景。

    2023 年,和智行一起,向快乐出发~

  • 总监出品!HMI可交互概念原型的设计流程科普

    UI交互 2022-12-28
    如今 App 和网页可交互原型的制作方法和设计流程早已普及,但 HMI 可交互原型制作方法和设计流程还处在探索阶段,比起只需考虑屏幕内交互的 App 和网页,HMI 还要考虑屏幕在汽车内的位置。这次带来一篇相关译文,文章的作者 Casper Kessels(德国 Snapp 汽车软件公司设计总监),使用 VR 来...

    如今 App 和网页可交互原型的制作方法和设计流程早已普及,但 HMI 可交互原型制作方法和设计流程还处在探索阶段,比起只需考虑屏幕内交互的 App 和网页,HMI 还要考虑屏幕在汽车内的位置。这次带来一篇相关译文,文章的作者 Casper Kessels(德国 Snapp 汽车软件公司设计总监),使用 VR 来探索 HMI 可交互原型的设计制作。

    本文译自: https://www.theturnsignalblog.com/blog/behind-touch-concept 原文作者:Casper Kessels(德国 Snapp 汽车软件公司设计总监)

    往期HMI干货:

    HMI的点击区域应该多大?总监上路帮你实测! 设计师都知道根据《苹果 iPhone 人机界面设计指南》,手机 UI 的最小点击区域是 44px。

    阅读文章 >

    在过去的几周里,我设计了一个新的概念原型,用于测试在汽车中触摸屏的交互。在这篇文章中,我想聊聊我遵循的设计流程和迭代过程。

    一、行动和目标 下图是我遵循的简略设计流程。

    现在汽车 HMI 界面复杂的主要原因之一是功能太多。所以在开始时,我退一步评估了人们在汽车中真正需求是什么,并以此为基础进行了设计。我首先列出了一辆典型汽车的所有功能,并研究了这些功能实现的潜在目标。例如,提高风扇速度的潜在目标是更快地降温。最终得出一个包含 20 个目标的列表,我将其作为设计界面的基础。

    但在将这些目标转化为具体界面的过程中,我很难走出第一步。在大多数项目都存在一些限制,如屏幕大小、图像性能、时间、预算等。如果没有这些限制你可以自由地做出完美的设计,可有限制就很难起步了。

    最困难的问题是没有真实屏幕硬件。为根本没造出来的汽车屏幕设计界面是很困难的。所以我希望至少有一个真实屏幕硬件让我能做实验。我画了不同的屏幕布局,但仅凭一张糟糕的草图很难判断出哪个设计方向更好。所以我更进一步打算在 VR 中探索。

    我的草图

    二、在 VR 中探索屏幕布局 我很想在真车或模拟器上测试屏幕布局,但新冠病毒危机让这变得相当困难。我不得已退而求其次用 VR。我没有 VR 眼镜,但感谢谷歌 Cardboard,我可以用手机加纸壳当 VR 眼镜。我们的目标是探索屏幕布局可能性的大致概念原型,而不是创造一个精确的内部布局模型。我不想花几个小时搭建精确模型。

    谷歌 Cardboard(译者配图)

    首先,我找到一个包含内饰的免费汽车 3D 模型。

    我把 3D 模型拆开,创建了三种不同的屏幕布局方案,用于后续探索。

    车内屏幕示例

    在 Unity 中,我导入谷歌 Cardboard SDK,并修改了默认场景。我又导入汽车模型并下载了一个免费的道路素材。

    我的 Unity 屏幕

    不到一个小时,我就配置好了一切,开始在 VR 中探索场景。

    Unity 中 三种屏幕布局之一

    这三种不同的屏幕布局是根据目前汽车公司的发展方向而选择的。我发现把屏幕放在司机的视线附近最不会让人分心。因此,小屏幕横放是最佳选择。

    三种屏幕布局

    三、草图和线框图 在确定了屏幕大小的方向后,我将目标转化为界面就没那么困难了。我很早就明白必须对功能进行分组才能开展设计。我按多媒体、环境控制和 导航 功能进行分组。

    另一个核心理念是,我希望用户尽可能少点击来实现他们的目标。我基于可调整大小的窗口做了一些简单的布局。我的想法是,在一个平面上呈现所有东西会尽可能简单,并能最大限度地减少点击次数。

    我画的窗口布局的简略线框图

    然后,我为每个功能分组设计草图和线框图。同时对屏幕布局做一些小的调整。

    四、快速原型 想要找到像调节音量一样直接控制的交互方式是很难的。我在之前探索汽车手势交互的概念原型的基础上提出了一个新想法。为了更具体地了解它的工作原理,我使用 Axure 制作了一个非常简单的可交互原型。点击并按住屏幕边缘会显示一个覆盖层。通过滚动到喜欢的位置并释放,选项就会被选中。

    我认为这个方案有潜力,所以我把它整合到概念原型的第一个版本中。

    五、第一次迭代 第一个概念原型很简单。它在屏幕底部有一个菜单栏,上面有导航、媒体、环境控制和摄像头功能。导航总是覆盖屏幕的左半部分,其他功能总是覆盖屏幕的右半部分。每个菜单项都可以进入全屏模式。我还做了一点简单的视觉设计,使原型变得栩栩如生。

    我在 Figma 中设计了所有界面,并使用 After Effects 创建了两个手势交互的动画。一个用来控制音量,一个用来调整温度。

    反馈

    我联系了有汽车设计经验的 设计师 ,寻求他们对这个概念原型的反馈。从他们的反馈中,我们可以清楚地看到有三点要改进。

    使用可调整大小的窗口非常受限。如果使用多层级界面而不是窗口,那么界面就有更多的自由和空间。

    第二点是这个概念原型系统功能过于宽泛。相反,当你开车时,你只需要导航和多媒体功能。这些功能应该是基本功能,其余都是额外功能。在这个概念原型中,所有功能都同等重要。

    最后一个建议是,这个概念原型相当保守。这是为现在市场上的汽车设计的。而在汽车行业,由于开发周期较长,设计师需要提前设计 3-4 年之后的汽车。所以我不应该害怕创造新的概念原型,应该同时使用不同的屏幕,并着眼于 3-4 年后的用户体验。

    六、第二次迭代 我把上一个原型中反馈的问题在这次迭代中改进了,并更多关注导航和多媒体功能。我还想看看是否可以围绕菜单栏进行设计,创造更自然的交互。所以我尝试将菜单栏转换为一个 3D 多层界面,每一层都对应一个驾驶模式。

    第二个原型使用分层系统而不是菜单栏

    最高一层是”通勤模式“,展示多媒体、环境控制和导航功能。其次是“导航模式”,以导航为中心。最后,还有一个“专注模式”,界面菜单占用空间最小。每个模式都对应一个类似的仪表盘界面。用户可以通过方向盘上的按钮或与中央屏幕交互来循环切换这些模式。

    我遇到的问题是没有控制环境的地方了。我想了一个办法,把控制器分开,放在不同的屏幕上。这样中央屏幕界面更加简单,有助于整个系统的可用性。

    反馈

    我已经注意到,在设计这个概念原型时,我引入了许多不必要的复杂性。其他设计师和我交谈也得出了同样的结论。使用层和驾驶模式相结合的想法很有趣,但太复杂了。理想的解决方案是将第一个概念原型和第二个概念原型结合一下。

    另一个观点说,这些多层级界面看起来相当混乱。所以在最后的概念原型中,我需要找到一种视觉风格,最大限度地减少混乱,使它看起来更简洁。

    七、最终版本 在最终版本中,我删除了在不同驾驶模式中切换的交互。我想保持专注模式的理念。因此,我没有使用 3D 多层界面在驾驶模式中循环切换,而是将两个主要控件放在屏幕的角落,让用户决定他想要显示什么。

    最后,我在 VR 中测试了这个概念原型,看看控制的可达性如何。我曾担心多媒体按钮会被放置得离司机太远而不舒服。在用谷歌 Cardboard 在 VR 中观察后,我注意到情况并非如此。然而,我使用的车辆 3D 模型的车内空间不大。在大型 SUV 中,这仍然是一个问题。所以这将是下一个版本概念原型需要改进的地方。

    我还为准备了一个更沉着的视觉设计风格,这有助于减少界面层级的混乱样式。

    最终的概念原型

    其结果就是我在上一篇文章中提到的概念原型。像本文提到的这种的项目没有终点,我将继续改进和迭代。我已经收到很多读者的评论和反馈,这将有助于改善概念原型!因此,如果你有任何意见,我会很乐意接受!

  • 2022产品经理大会圆满收官 | 40+实战专家,与你详聊行业/技术/产业/用户

    设计动态 2022-12-28
    “这个时代唯一不变的就是变化”,对于普通人来说是这样,对于2022年的互联网产品人来说更是如此。 身处变局,我们该如何应对环境的变化?找准未来的赛道方向呢?信息差、认知差往往是限制我们发现、做出正确判断的关键。 因此,今年2022年的产品经理大会,我们把主题定

    “这个时代唯一不变的就是变化”,对于普通人来说是这样,对于2022年的互联网产品人来说更是如此。

    身处变局,我们该如何应对环境的变化?找准未来的赛道方向呢?信息差、认知差往往是限制我们发现、做出正确判断的关键。

    因此,今年2022年的产品经理大会,我们把主题定为了「多元·进化·未来」,希望从多元化的视角,带来不同观点的分享;通过多领域的案例,了解到更多行业的前沿动态和最新探索,发现那些值得深耕的行业,对未来发展有更清晰的认知,找到更多的职业新机会!

    经过前期的紧张筹备与精心筛选,今年的大会,我们邀请到了40多位各具亮点的资深嘉宾,他们分别是来自:不同赛道的成功创始人、拥有多年一线经验的资深专家、在多领域跨界的实战派、具有广阔视野的行业大V等。

    在过去的两个多月里,嘉宾们围绕着「行业&赛道&人」「技术驱动下的产品创新」「产业互联网的实践」「用户洞察」「商业化&业务」「TO B产品的业务探索与实践」6大专场展开了精彩分享,为直播间的小伙伴们带来了一次又一次的思想碰撞与成长启发。

    ↓↓ 扫码即刻回看6大专场直播内容↓↓

    6大专场直播回顾 就在上周六(12月24日),2022产品经理大会的6大专场直播已经圆满结束啦!一起来回顾下6大专场的精华内容吧。

    「行业&赛道&人」专场: 作为本年度大会的首场直播,这个专场,8位嘉宾围绕全年大会的核心话题,从技术、产业、用户、B端、商业化的角度,为我们概述了后面5场直播的分享方向。多元视角的解读、不同行业的分析,为新时代产品经理的个人成长与赛道选择带来了一些新方向的参考。

    「技术驱动下的产品创新」专场: 7位资深产品专家围绕产品创新、Web3.0、低代码、元宇宙等前沿话题,分享了各自行业的案例实践,让大家看到,新技术是如何与产品、商业相融合的,为产品人抓住技术的发展风口增加了新的知识储备。如果你也想借势新技术实现产品的创新,可不要错过这个专题的回放哦。

    「产业互联网的案例实践」专场: 从组织变革到数字化转型、产品经理的自我迭代,再到车企、零售、金融、工程机械,具体分享了不同的产业互联网实践,为正在从事或者想要进入产业互联网的同学们,带来了一些值得借鉴的具体案例,以及个人成长发展的思考与借鉴。想了解产业互联网的更多实践细节,这个专场的内容回顾你不容错过。

    「用户洞察」专场: 从不同领域的垂直细分人群、私域生态的探索、热门平台的洞察、产品的运营与增长等多元的视角,聊了聊基于用户洞察下的一些产品设计、运营思考、体验优化等。或许你想更精准地满足用户的真实需求,找到业绩增长的第二曲线,那么来看看这个专场的直播回放吧。

    「商业化&业务」专场: 围绕商业模式的剖析,产品的增长探索,宠物、汽车等赛道的具体实践,聊了聊产品与商业结合的思考以及背后的底层逻辑,看看不同赛道的产品都是如何洞察到新的业务方向和新增长点的。想知道如何培养商业化思维、业务思维,想了解互联网生态、车企、宠物经济、短视频领域还有哪些商业新机会,那就来回顾下这次专场直播的嘉宾分享吧。

    「To B产品」专场: 汇聚8大B端产品专家,从B端产品经理的能力、行业的案例分析、B端产品的运营等维度,聊聊具体的行业实践与探索。成为更高阶的B端产品经理,需要怎样的能力模型?如何以业务为核心,开展中台体系建设、B端产品设计/架构等系列工作?如何做好B端客户交付实践?这些问题,在这个专场的分享中,你都能找到相应的解答。

    参与大会的同学们 在嘉宾们倾情分享的同时,直播间的同学们也非常活跃,一边听一边就相关的内容展开了火热的讨论,看大家聊得多么投机~

    不少同学还认真参与了我们的“晒笔记赢周边”活动。看着这信息量满满的截图,看来收获不小呀。

    如何收看回放 今年大会仅开放直播票,目前,大会6个专场的直播回放已全部上架。购票了的同学,想要回顾学习,只要再次进入直播间,就能收看哟!还没购票的同学,现在报名,更可一次性解锁全年大会「行业&赛道&人」「技术驱动下的产品创新」「产业互联网的实践」「用户洞察」「商业化&业务」「TO B产品的业务探索与实践」的全部6场回放~一年内无限次回看,时间自由把控,可按自己的节奏灵活高效学习,想要购票的同学一定要抓紧了!

    ↓↓ 扫码即刻回看6大专场直播 ↓↓

    购票后请务必添加小助手,

    获取更多1对1专属服务哟!

    当然,想要单独购买某个专场的直播也是可以的,具体详情可扫码添加下方的小助手进行咨询哦~想探寻未来发展的更多可能性,或者有其他大会相关的问题,都可以找小助手哟!

    除了产品经理大会外,2022年人人都是产品经理在产品创新和技术落地方面开展了多个活动,沉淀出不少有价值的东西,内容涵盖沉浸式技术创新、loT物联网、技术团队远程协作、虚拟社交背后的RTC应用、开源技术、数字化转型等六大主题内容。

    以上课程内容,小编已经为大家整理形成「年度技术创新学习合集」,感兴趣的小伙伴可以扫码添加小助手免费领取~

  • 设计师工作总结和年终汇报怎么写?送你一个通用思路!

    UI交互 2022-12-28
    临近年终,我最近经常会收到大家关于述职报告和工作总结相关的问题。比如:“作为设计师,应该如何在述职报告中简短清晰的表述自己的工作内容 、设计产出和设计思考呢?我现在的情况是,对于工作内容和设计产出,目前只是贴出自己的设计稿和所做过的项目;再拿出项目中遇到的一些问题,写出自己对应的设计思考。

    临近年终,我最近经常会收到大家关于述职报告和工作总结相关的问题。比如:

    “作为设计师,应该如何在述职报告中简短清晰的表述自己的工作内容 、设计产出和设计思考呢?我现在的情况是,对于工作内容和设计产出,目前只是贴出自己的设计稿和所做过的项目;再拿出项目中遇到的一些问题,写出自己对应的设计思考。但是写完后感觉又零散又混乱,请问有没有什么好的经验和写法呢?”

    我们每个人都会遇到向上级描述或总结自己工作内容的时刻。有时是以周或月为单位写报告,有时则是以季度或年为单位写总结。

    设计 工作总结 主要看的是两个方面:

    工作目标的进展和完成情况 设计工作的方法和内容产出 不同公司和团队对于 设计师 工作总结的要求也不尽相同。但我们都可以使用一套通用的总结思路作为基础。下文会为你介绍两个关键方法:“总分总” 和 “三步走”,不仅是对年度总结有效,对你的周报、月报也会有帮助。

    更多年终总结思路:

    设计师如何写好年终总结?我总结了4个维度! 2021年已经快过去了,作为设计师来说总结并分析问题才能获取经验,本文将会和大家一起探讨学习下作为设计师如何写好总结。

    阅读文章 >

    一、采用“总分总”来搭结构 “总分总”结构的优势不需要我多说,少年时期我们写作文也都是先总起全文,再分段描述,让读者可以在短时间内了解你的书写内容。“总分总”可以用在整体报告的结构上,也可以用在单个项目的总结上:

    1. 整体报告的 “总分总”

    在整个工作报告的结构上使用“总分总”的形式来呈现:

    总:先总述你本年度的工作内容分为哪几部分,以及整体工作的目标进展和完成情况(可以用你在年初制定的工作目标来衡量)。 分:再以每个项目为单位,具体说明每一部分工作的进展、方式和完成情况。 总:最后总述对于本年度整体工作的自我评价和经验积累,以及对明年的工作进行简要规划。 2. 单个项目的“总分总”

    报告中的每一个项目的描述结构,也都可以用“总分总”的形式来呈现:

    总:先总述项目的重点工作内容,以及项目的目标进展和完成情况。 分:再通过“设计策略”、“关键行动”、“最终结果”三步走,对项目做描述。 总:最后总述对于该项目的自我思考和经验总结,做简要复盘。 所以你的年度工作报告整体的框架结构如下:

    二、通过“三步走”来述内容 我们刚刚在单个项目的“总分总”中提到过,具体描述你的每一个项目,这“三步走”依次是:

    设计策略:即针对项目目标制定的设计抓手、方法论和设计理念。 关键行动:即项目的关键阶段和关键行动,以及使用的设计方法和工具; 最终结果:即你的设计产出和所解决的问题,包括成果数据和设计反馈。 由此我们也可以得到下面这张设计工作报告的框架结构图,你可以用这种结构方式来描述和梳理你的设计工作内容:

    三、经验和建议 设计工作报告的内容展示建议也分享给你:

    1. 站在读者的角度思考汇报内容的优先级

    你的工作报告主要读者是你的老板。所以想想对方关心的是什么,想要通过你的汇报了解什么内容,这部分是重点内容,要优先重点展示。

    2. 工作成果的呈现要有可以衡量的指标

    你的设计成果在描述时尽可能都要带有衡量指标,让工作完成情况更加直观,这也是你工作成果的最直接体现。衡量内容可以分两个方面:

    衡量设计成果的质量:可以通过用户对于产品的使用反馈、产品的体验度量结果、你的合作方对你工作质量的评价等方面体现。 衡量工作完成的进度:可以以你在年初确定的工作目标作为标准来衡量工作进度。比如你当前完成年度目标的 30%,进展顺利 / 不顺利,原因和解决方案分别是什么。 3. 复杂的逻辑可以使用图片等方式呈现

    如果项目的设计推导过程或者采取的关键行动很繁杂,需要用大段的语言来解释,你也可以使用思维导图或者框架图进行呈现,让内容和逻辑更清晰。

    4. 设计原稿和工作量可以通过附件呈现

    如果你的总结中涉及到大段内容或想要体现你的工作量,这些具体内容可以使用附录文档或链接的形式呈现。如果你的老板有时间或感兴趣,可以自行下载阅读。这样可以最大程度保证总结报告的简要易读。

    更多总结思路:

    设计年终总结/汇报怎么写?送你一套超高效的万能公式! 2022 马上就要过去,又到了写年终总结的节点。

    阅读文章 >

    欢迎关注作者 微信 公众号:「长弓小子」

  • 高手是如何做改版的?来看智行10.0设计改版案例复盘

    UI交互 2022-12-28
    Hey,亲爱的小伙伴,你期待的旅行是什么样的?很高兴在 22 年末,智行 10.0 带着轻快的步伐与大家见面啦!新年新面貌,全新智行希望为小伙伴来年的旅途提供更优质服务,增添一份好心情。

    Hey,亲爱的小伙伴,你期待的旅行是什么样的?

    很高兴在 22 年末,智行 10.0 带着轻快的步伐与大家见面啦!

    新年新面貌,全新智行希望为小伙伴来年的旅途提供更优质服务,增添一份好心情。

    下面就来看看,智行 10.0 的构思与成果吧~

    更多改版案例:

    如何让图标更吸引人?复盘智行 Tab 图标设计过程 OMG!

    阅读文章 >

    智行,作为一站式旅游出行平台,已覆盖火车、机票、汽车票、酒店等业务。近年来,更是以亲民的价格吸引了越来越多的年轻用户,其中 90 后及 00 后占比高达 75.2%。前期调研中我们发现,与核心用户年轻化趋势形成反差的是,智行的界面风格调性更多被评价为“商务”、“严肃”。因此,褪去旧壳,以崭新活力之姿拥抱年轻群体是 智行 10.0 需要探索的方向。

    项目初期,为使改版的感情调性更贴近用户出游场景,我们在团队内部及用户渠道收集了大量关于“旅行”的联想关键词,其中包括:愉悦、轻松、有趣、探索...等等。这些美好的词汇,描绘了大家对未知旅程的期待与憧憬。

    由此,我们提出「旅行,是对自由与快乐的向往」作为 10.0 升级的主线。

    我们希望通过 10.0 升级,提升体验及服务品质同时,打破工具类产品较为沉闷的使用感受,挖掘旅行中快乐的情绪内核,以轻盈有趣的设计传递“快乐旅行,自由出发”的生活态度,做有价值有温度的 OTA 产品。

    以此,我们确立 10.0 的设计目标:

    轻盈有序 · 打造高效预订体验 情感传递 · 旅程的贴心陪伴者 品牌外化 · 构建品牌记忆点

    一、轻盈有序 · 打造高效预订体验 1. 全新 10.0 框架 更轻量

    智行始终致力于让用户订得高效、订得安心。然而扩充的业务场景和功能,使页面结构不堪重负,密集的信息和堆叠的模块影响了用户的预订体验。10.0 全新框架语言,希望通过有效的视重引导及清晰的页面展示,降低操作费力度,打造高效预订流程。

    “轻”头部色彩 操作更聚焦

    色彩是影响视重的重要因素。10.0 的升级中,我们将框架语言的背板色由品牌重色调整为明亮通透的浅色,有效将视重由头部转移至高频操作区,为用户营造专注沉浸的下单体验。同时,轻量的头部使页面更具呼吸感,缓解旧版“沉闷”、“商务”的视觉感受。

    “轻”信息展示 预订更友好

    清晰的信息展示可有效降低预订流程中的操作难度及决策成本。我们对页面信息进行分类重组,通过字号大小间距等手段扩大信息层级,凸显关键决策信息。并在有限的页面空间内,精简信息,降低信息密度,增加透气感,提升阅读友好度。

    2. 全新首页 让营销变有趣

    首页是获悉智行业务种类和流量分发的第一道关卡,业务入口的清晰展示对用户查找和后续转化极为关键。新版首页在使用 10.0 框架的基础上,用重色光感色块衬托智行四大业务入口,增强点击感。同时我们将业务线入口作为营销载体,融入动效,使营销活动的曝光更立体有趣,为各业务线导流及增长起到了正向的作用。

    二、情感传递 · 旅程的贴心陪伴者 我们希望智行 10.0,不仅好用而且好玩,传递正向情绪价值,与用户共情,成为旅途中的贴心伙伴。我们通过 IP 植入、可视化以及创意的视觉唤新等手段一改智行往日“严肃”的形象,为用户提供更温馨友好的服务。

    1. IP“小智” 陪你环游世界

    智行 IP“小智”自诞生以来,机智可爱的形象圈粉无数。在 10.0 的升级中,我们将它融入更多页面流程,增加情感触点,提升智行的品牌亲和力。我们结合业务场景的同时,为“小智”量身打造了俏皮活泼的动作,塑造和饱满了它的性格特点,使其焕发生命跃然纸上。

    下单助手,高效操作有“我”指引

    下拉刷新,一票在手,极速出行

    空态场景,有“我”不再无聊

    2. 全新视觉语言 营造愉悦氛围

    视觉语言是传递产品调性的关键要素,围绕着“轻松愉悦出行”的基调及年轻的客群特征,我们对 10.0 的整体视觉进行了唤新。

    明快的色彩

    天空是纯澈与美好的汇集,正如旅行中探索快乐的本心。我们从中寻找灵感,从智行品牌蓝延伸出“纯净蓝”,并将其作为背景色融入核心流程页面中,营造蓝天白云阳光暖煦的视觉氛围。同时,我们提高了辅助色的明度和饱和度,让页面配色更活泼。

    圆润的图形

    我们用简洁流畅的外形结合大圆角,使图形在视觉呈现上更灵动 Q 弹。叠色的表现形式起到 1+1>2 的效果,使图形更丰富多彩~

    轻盈的插画

    插画用简约的造型风格,聚焦核心功能点的传达。视觉上以灵动的线条,搭配轻盈的高明度渐变,展现 10.0 年轻活力的品牌调性。

    3. 3D 现实映射 服务贴心友好

    调研中我们发现,预订流程中,用户面对复杂功能场景,时常存在这样的烦恼:

    功能说明长,读得脑壳疼 看了半天不理解,迷迷糊糊下了单 我是出行新手,那么多专业词看不懂呀... 常说“字不如表,表不如图”,图像在传递信息效率和容量上都是文字的数百倍。10.0 的升级中,我们希望通过有效的可视化手段替代单薄苍白的文字表达,将信息化繁为简,提升智行服务的品质感及友好度。

    我们结合功能为用户搭建 3D 场景,通过营造真实的环境氛围,将现实映射运用到功能表达中,调动用户真实生活中的常规心理认知。同时结合生动的动画,将冗长复杂的功能说明以更直观友好的方式呈现。

     

    4. 趣味动效 转角遇到“小惊喜”

    旅行是快乐地出发,我们在下单流程中埋藏了许多有趣的彩蛋动效,为用户即将到来的旅程增添不期而遇的“小惊喜”。

    三、品牌外化 · 构建品牌记忆点 1. 打造全新 UI 品牌符号

    品牌符号有利于品牌价值观的外化输出,为产品带来记忆点,同时高辨识度的符号能降低用户对品牌的认知成本,增加信任感和忠诚度。由此,我们结合业务属性及视觉创意打造了智行全新 UI 品牌符号~

    符号的由来

    创意上我们选取智行最具代表的火车业务为基点,从产品 logo 出发,衍生出抽象的火车造型。以光感的主题色渐变,增强呼吸感和透亮度。

    让符号“动”起来

    为了更生动地展现火车迎面驶来的速度感,我们将符号“动”了起来,穿梭如风的动态不仅象征抢票的高效性,也为原本静态的页面带来一丝小调皮。我们将其应用到了底 bar、一级页面切换等众多核心页面中。

    写在最后 智行 10.0,从探索、落地、验证到上线,历时 10 个月。

    比心每一位设计师为之付出的努力。

    同时很开心,我们收获了用户对此次升级的认可和喜爱。

    随疫情的逐步放开,旅游业也将稳步复苏。

    正如开篇所说:「旅行,是对自由与快乐的向往」

    智行期待未来与你相伴,

    共同探索未知的世界,

    欣赏旅途的风景。

    2023 年,和智行一起,向快乐出发~

  • 总监出品!HMI可交互概念原型的设计流程科普

    UI交互 2022-12-28
    如今 App 和网页可交互原型的制作方法和设计流程早已普及,但 HMI 可交互原型制作方法和设计流程还处在探索阶段,比起只需考虑屏幕内交互的 App 和网页,HMI 还要考虑屏幕在汽车内的位置。这次带来一篇相关译文,文章的作者 Casper Kessels(德国 Snapp 汽车软件公司设计总监),使用 VR 来...

    如今 App 和网页可交互原型的制作方法和设计流程早已普及,但 HMI 可交互原型制作方法和设计流程还处在探索阶段,比起只需考虑屏幕内交互的 App 和网页,HMI 还要考虑屏幕在汽车内的位置。这次带来一篇相关译文,文章的作者 Casper Kessels(德国 Snapp 汽车软件公司设计总监),使用 VR 来探索 HMI 可交互原型的设计制作。

    本文译自: https://www.theturnsignalblog.com/blog/behind-touch-concept 原文作者:Casper Kessels(德国 Snapp 汽车软件公司设计总监)

    往期HMI干货:

    HMI的点击区域应该多大?总监上路帮你实测! 设计师都知道根据《苹果 iPhone 人机界面设计指南》,手机 UI 的最小点击区域是 44px。

    阅读文章 >

    在过去的几周里,我设计了一个新的概念原型,用于测试在汽车中触摸屏的交互。在这篇文章中,我想聊聊我遵循的设计流程和迭代过程。

    一、行动和目标 下图是我遵循的简略设计流程。

    现在汽车 HMI 界面复杂的主要原因之一是功能太多。所以在开始时,我退一步评估了人们在汽车中真正需求是什么,并以此为基础进行了设计。我首先列出了一辆典型汽车的所有功能,并研究了这些功能实现的潜在目标。例如,提高风扇速度的潜在目标是更快地降温。最终得出一个包含 20 个目标的列表,我将其作为设计界面的基础。

    但在将这些目标转化为具体界面的过程中,我很难走出第一步。在大多数项目都存在一些限制,如屏幕大小、图像性能、时间、预算等。如果没有这些限制你可以自由地做出完美的设计,可有限制就很难起步了。

    最困难的问题是没有真实屏幕硬件。为根本没造出来的汽车屏幕设计界面是很困难的。所以我希望至少有一个真实屏幕硬件让我能做实验。我画了不同的屏幕布局,但仅凭一张糟糕的草图很难判断出哪个设计方向更好。所以我更进一步打算在 VR 中探索。

    我的草图

    二、在 VR 中探索屏幕布局 我很想在真车或模拟器上测试屏幕布局,但新冠病毒危机让这变得相当困难。我不得已退而求其次用 VR。我没有 VR 眼镜,但感谢谷歌 Cardboard,我可以用手机加纸壳当 VR 眼镜。我们的目标是探索屏幕布局可能性的大致概念原型,而不是创造一个精确的内部布局模型。我不想花几个小时搭建精确模型。

    谷歌 Cardboard(译者配图)

    首先,我找到一个包含内饰的免费汽车 3D 模型。

    我把 3D 模型拆开,创建了三种不同的屏幕布局方案,用于后续探索。

    车内屏幕示例

    在 Unity 中,我导入谷歌 Cardboard SDK,并修改了默认场景。我又导入汽车模型并下载了一个免费的道路素材。

    我的 Unity 屏幕

    不到一个小时,我就配置好了一切,开始在 VR 中探索场景。

    Unity 中 三种屏幕布局之一

    这三种不同的屏幕布局是根据目前汽车公司的发展方向而选择的。我发现把屏幕放在司机的视线附近最不会让人分心。因此,小屏幕横放是最佳选择。

    三种屏幕布局

    三、草图和线框图 在确定了屏幕大小的方向后,我将目标转化为界面就没那么困难了。我很早就明白必须对功能进行分组才能开展设计。我按多媒体、环境控制和 导航 功能进行分组。

    另一个核心理念是,我希望用户尽可能少点击来实现他们的目标。我基于可调整大小的窗口做了一些简单的布局。我的想法是,在一个平面上呈现所有东西会尽可能简单,并能最大限度地减少点击次数。

    我画的窗口布局的简略线框图

    然后,我为每个功能分组设计草图和线框图。同时对屏幕布局做一些小的调整。

    四、快速原型 想要找到像调节音量一样直接控制的交互方式是很难的。我在之前探索汽车手势交互的概念原型的基础上提出了一个新想法。为了更具体地了解它的工作原理,我使用 Axure 制作了一个非常简单的可交互原型。点击并按住屏幕边缘会显示一个覆盖层。通过滚动到喜欢的位置并释放,选项就会被选中。

    我认为这个方案有潜力,所以我把它整合到概念原型的第一个版本中。

    五、第一次迭代 第一个概念原型很简单。它在屏幕底部有一个菜单栏,上面有导航、媒体、环境控制和摄像头功能。导航总是覆盖屏幕的左半部分,其他功能总是覆盖屏幕的右半部分。每个菜单项都可以进入全屏模式。我还做了一点简单的视觉设计,使原型变得栩栩如生。

    我在 Figma 中设计了所有界面,并使用 After Effects 创建了两个手势交互的动画。一个用来控制音量,一个用来调整温度。

    反馈

    我联系了有汽车设计经验的 设计师 ,寻求他们对这个概念原型的反馈。从他们的反馈中,我们可以清楚地看到有三点要改进。

    使用可调整大小的窗口非常受限。如果使用多层级界面而不是窗口,那么界面就有更多的自由和空间。

    第二点是这个概念原型系统功能过于宽泛。相反,当你开车时,你只需要导航和多媒体功能。这些功能应该是基本功能,其余都是额外功能。在这个概念原型中,所有功能都同等重要。

    最后一个建议是,这个概念原型相当保守。这是为现在市场上的汽车设计的。而在汽车行业,由于开发周期较长,设计师需要提前设计 3-4 年之后的汽车。所以我不应该害怕创造新的概念原型,应该同时使用不同的屏幕,并着眼于 3-4 年后的用户体验。

    六、第二次迭代 我把上一个原型中反馈的问题在这次迭代中改进了,并更多关注导航和多媒体功能。我还想看看是否可以围绕菜单栏进行设计,创造更自然的交互。所以我尝试将菜单栏转换为一个 3D 多层界面,每一层都对应一个驾驶模式。

    第二个原型使用分层系统而不是菜单栏

    最高一层是”通勤模式“,展示多媒体、环境控制和导航功能。其次是“导航模式”,以导航为中心。最后,还有一个“专注模式”,界面菜单占用空间最小。每个模式都对应一个类似的仪表盘界面。用户可以通过方向盘上的按钮或与中央屏幕交互来循环切换这些模式。

    我遇到的问题是没有控制环境的地方了。我想了一个办法,把控制器分开,放在不同的屏幕上。这样中央屏幕界面更加简单,有助于整个系统的可用性。

    反馈

    我已经注意到,在设计这个概念原型时,我引入了许多不必要的复杂性。其他设计师和我交谈也得出了同样的结论。使用层和驾驶模式相结合的想法很有趣,但太复杂了。理想的解决方案是将第一个概念原型和第二个概念原型结合一下。

    另一个观点说,这些多层级界面看起来相当混乱。所以在最后的概念原型中,我需要找到一种视觉风格,最大限度地减少混乱,使它看起来更简洁。

    七、最终版本 在最终版本中,我删除了在不同驾驶模式中切换的交互。我想保持专注模式的理念。因此,我没有使用 3D 多层界面在驾驶模式中循环切换,而是将两个主要控件放在屏幕的角落,让用户决定他想要显示什么。

    最后,我在 VR 中测试了这个概念原型,看看控制的可达性如何。我曾担心多媒体按钮会被放置得离司机太远而不舒服。在用谷歌 Cardboard 在 VR 中观察后,我注意到情况并非如此。然而,我使用的车辆 3D 模型的车内空间不大。在大型 SUV 中,这仍然是一个问题。所以这将是下一个版本概念原型需要改进的地方。

    我还为准备了一个更沉着的视觉设计风格,这有助于减少界面层级的混乱样式。

    最终的概念原型

    其结果就是我在上一篇文章中提到的概念原型。像本文提到的这种的项目没有终点,我将继续改进和迭代。我已经收到很多读者的评论和反馈,这将有助于改善概念原型!因此,如果你有任何意见,我会很乐意接受!

  • 提高200%效率!5个冷门但实用的Ai操作小技巧(二)

    UI交互 2022-12-28
    大家好,这里是和你们聊设计的花生。今天继续为大家带来 5 个实用的 AI 操作小技巧~上期回顾:学会这5个Ai小技巧,帮你快速提升操作效率!大家好,这里是和你们聊设计的花生~ 之前和大家分享了 4 期提升 Ai 文本排版效率的小技巧,很多小伙伴都说非常实用。

    大家好,这里是和你们聊设计的花生。今天继续为大家带来 5 个实用的 AI 操作小技巧~

    上期回顾:

    学会这5个Ai小技巧,帮你快速提升操作效率! 大家好,这里是和你们聊设计的花生~ 之前和大家分享了 4 期提升 Ai 文本排版效率的小技巧,很多小伙伴都说非常实用。

    阅读文章 >

    一、批量修改同属性元素 在 Ai 中我们有时需要批量修改某种的元素,那么如何快速选中在不同位置但具有相同属性的元素呢?非常简单,选择众多相同元素中的一个,点击顶部菜单栏的「选择-相同」,会有十几个选项可供选择,选择其中符合要求(比如“填色和描边”),就能将所有填色与描边与目标选项相同的选项同时选中,然后修改即可。这种方法也可以用来选择文本和符号等内容。

    二、快速重复变换 在 Ai 中按住 Alt 键移动可以快速复制出同一个图形,此时如果按 Ctrl+D 键,可以快速重复这一操作,且复制出来的图形都是等距的。我们可以用这一方式快速制作重复图形或文字条。

    三、保留路径查找的可编辑性 “路径查找器”是我们在 Ai 中常用的一项功能,觉得执行效果不好需要撤销重做。其实有一个方法可以让对象在执行路径查找后仍然保持可编辑性:在选中对象后,按住 Alt 键后再去点击路径查找器中的选项,这样选中的元素之间的位置仍然可以调整。点击“路径查找器”面板中的“拓展”结束这种可编辑状态。

    四、清除模糊效果的边框 在 Ai 里给对象添加模糊效果时,会发现模糊效果像是被一个隐形的方框截断了,非常突兀。出现这种问题的解决办法为,在添加模糊效果之前,选择顶部菜单栏的「效果-文档栅格效果设置」,在弹出的窗口内将“选项”里的环绕对象数值适当调大一些(不能过大,可按实际情况调整),之后再添加模糊效果时,原本的方框就会消失了。

    五、路径文字的多重效果 使用“路径文字”工具可以让文字按照特定的形状进行排列,而除了默认的文字效果外,我们还可以选中编辑好的路径文字,点击顶部菜单栏中“文字-路径文字”,选择倾斜、3D 带状、阶梯扥更多文字效果。

    好啦以上就是为大家推荐的 5 个冷门但实用的 Ai 小技巧,大家看完后有没有 Get 新技能呢? 喜欢本期推荐的话记得点赞收藏,也可以转发给身边有需要朋友 。如果你有关于本文或者设计的疑问,可以在评论区提出,我会第一时间为大家解答 ~

    推荐阅读:

    掌握这5个Ai小技巧,帮你快速提升文字排版效率(二) 大家好我是和你们聊设计的花生。

    阅读文章 >

    这5款工具,让设计师工作效率提升 200%!(十一) 大家好,这里是和你们聊设计的花生~ 最近又收集了好多超实用的效率工具,分享给大家,本期推荐的 5 个神器分别是: 打开即用!

    阅读文章 >


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