首页

用一个实战案例,帮你了解交互与UI思维差异|兰亭妙微UI设计公司

资深UI设计者

用一个实战案例,帮你了解交互与UI思维差异|兰亭妙微UI设计公司

来百度APP畅享高清图片
大家是否有关注到,在过往的面试过程中,经常被问到的一类问题就是岗位间的区别,比如产品与交互、交互与 UI、UI 与视觉等等。笔者在之前帮团队面试交互设计师的时候,也喜欢给出一个需求背景,让求职的小伙伴聊聊不同岗位是如何思考的,因为大多数交互设计师都是由上下游岗位转岗而来,思维可能还停留在原有的岗位中,所以就希望通过这类问题,来初步的判断下对方是否匹配当前岗位的要求与工作。
一、项目背景
本次项目是一个“购买返虚拟币”的功能,类似于京东的返京豆,返还的虚拟币可以在购买的时候按照对应的比例换算成抵扣金额,而此次改版的功能是在原有单件返币的基础上调整为阶梯返币,单件返币的数量随着用户单次下单的商品件数递增,从而促进用户能多件下单,提升商品的销量。
乍一看该功能都不需要设计师参与,只需要根据商品的返虚拟币规则,将之前的单件反币标识改成多个就行,如“1 件返 XX、3 件返 XX…”,虽然看起来好像也解决了业务诉求,但是如果仅仅考虑标识展示,而不结合需求背后的业务逻辑去思考,后续也会随着规则的变化而带来对应的问题,那对于交互与UI设计师而言,针对这个需求,又该如何考虑的呢?我将分为“交互篇”与“UI篇”来分别阐述。
二、交互篇
对于交互设计师而言,其中一个核心能力就是将业务诉求转变成用户可理解、可操作的交互流程。那么我将从业务规则、用户场景以及操作流程三个方面来拆解交互设计师是如何思考这个业务需求的。

  1. 业务规则
    虽说本次业务需求很简单,只是将单件返币改成多件,但是我们也不能仅仅被表象所蒙蔽,需要进一步挖掘相关业务规则。
    返币并不是适用于所有商品,那不管是单件还是多件都会有对应的配置返币规则的地方,我们需要知道在配置规则的时候有没有做限制,比如支持几个阶梯,这将决定我们在前台该如何展示该规则。
    如果最多两个,那我们就可以考虑将每个阶梯对应的返币规则都展示出来,但是如果不做限制,那是不是可以考虑将规则收起,仅展示“单件最多返币”引导用户下单购买。

  2. 用户场景
    用户在产品中的下单流程不仅仅是通过首页产品瀑布流开启,可以通过各个途径,比如搜索、营销板块等等,所以我们需要考虑多件返币规则都适用于哪些场景。
    除此以外,我们可以结合该需求的目的出发,设置阶梯意味着希望用户能单笔下单多件,那我们可以聚焦用户加购数量的场景,当用户选择的数量在两个阶梯之间时,可以给与相应的提示,告诉下一个阶梯的奖励,引导用户增加购买数量。

  3. 操作流程
    前面在业务规则的分析中,确定了返利的阶梯是没有数量限制的,为了后续的延展性,我们选择将对应的阶梯收起,改成“单件最多返 XX”的标识展示。
    那如果用户想要了解具体的返利规则时,该如何操作呢?
    所以此时的返币标识不仅仅是一个标签,同时还是一个用户了解规则的入口为了与其他标签区分开,我们在返币标识上加上了可点击引导来辅助用户理解。

    三、UI 篇
    对于 UI 设计师而言,其主要的工作是界面的视觉效果设计,并且需要配合前端工程师完成视觉效果的实现。所以主要通过视觉风格、平台规范、以及技术实现三个方面去拆解。

  4. 视觉风格
    UI 设计师每天会在各大设计网站中穿梭来收集灵感,但是并不是所有的视觉风格都符合当前的产品与功能,面对的人群不同,行业不同都会对最终的风格选择产生影响。同时该采取什么视觉表现手法,也需要根据具体的需求而定。
    比如本次改版需求,UI 设计师主要是针对阶梯返币的标识做设计。由于该标识属于强营销标识,所以需要有比较强的视觉引导,此时对于 UI 设计师而言,就需要考虑该用什么视觉形式来表现,从而增强用户的感知。

  5. 平台规范
    UI 设计师其中一个能力要求就是制定平台规范,规范的建立能统一产品的视觉呈现以及提升设计与开发的效率。所以在设计返币标识的时候,除了思考视觉表现手法以外,还要结合当前的平台规范去设计。设计完成以后,可以放在最终的产品卡上,与其他的标识做对比,最终达到“突出而不突兀”的设计目标。

  6. 技术实现
    这里说的技术实现并不是说要让 UI 设计师去写代码。当然设计师是可以了解一些简单的前端代码,这样就可以站在技术实现的角度来权衡设计,减少后续的沟通与优化的时间成本。
    在本次的需求中,标识的设计如果采用了微动效,那就需要确定是技术实现还是将动效切图给前端,而动效又有不同的文件形式承载且各有优缺点,需要设计师提前去了解并最终与技术达成一致。

    四、共性
    其实随着整个互联网行业越来越成熟,对于岗位的界定也变得越来越模糊,所以市面上出现了很多如体验设计师、产品设计师、产品交互设计师等“新兴”的岗位,网上对于这些岗位的定义也各有不同,其实总结下来就是如何发挥岗位的优势帮助产品提升收益。所以不管是 UI 设计师还是交互设计师,都需要对产品、对业务、对目标用户有足够的了解,这样才能产出符合用户预期的体验与设计。
    比如这次多件返币的升级功能,当我们在完成了这个需求本身的工作后,是不是可以进一步的去挖掘需求。我们可以在功能上线后,结合后台的埋点数据,来观察这个功能带来的变化,如果用户热衷寻找或者下单多件返币的商品,那我们是否可以尝试将所有的返币商品集合在一个页面,这样不仅可以提升用户查找返币商品的效率,同时平台也便于管理与跟踪这些商品,并且可以通过该板块的营销提升产品的日活与最终的转化。

五、总结
以上,就是笔者根据工作中案例,分享的一篇关于交互与 UI 思维差异的文章,经验有限,欢迎大家批评指正与交流。
文章来源:优设网 作者:一个青橙子
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

深度解读VisionOS设计原则,掌握设计趋势|兰亭妙微UI设计公司

资深UI设计者

深度解读VisionOS设计原则,掌握设计趋势|兰亭妙微UI设计公司

引言:
VisionOS是一个全新的操作系统,设计初衷是提供更智能、更简洁、更人性化的用户体验。为了实现这一目标,VisionOS拥有一套独特的设计原则,本文将深度解读这些原则,并探讨其如何引领下一代设计趋势。
一、简约与纯粹(Simplicity and Purity)
VisionOS强调简约与纯粹的设计风格。界面布局流畅简洁,清晰明了,消除了多余的视觉噪音。不仅如此,VisionOS还追求纯粹的用户体验,通过减少不必要的元素和干扰,让用户专注于核心操作,提升操作效率。这种简约与纯粹的设计风格将成为未来设计的主流趋势之一。

二、智能与个性化(Intelligence and Personalization)
VisionOS具备强大的人工智能能力,能够根据用户的喜好、习惯和行为智能化地提供个性化的体验。系统能够自动学习用户的偏好,为其呈现符合其兴趣和需求的内容和功能。这种智能与个性化的设计趋势将成为下一代设计的关键。

三、自然与无缝(Natural and Seamless)
VisionOS注重自然与无缝的交互体验。系统借助先进的技术,如语音识别、手势控制等,使用户能够以更自然的方式与设备进行交互。同时,系统还能够实现多设备之间的无缝切换和互联,让用户的使用体验更加流畅和高效。
四、安全与信任(Security and Trust)
在数字化时代,数据安全和用户信任成为设计的重要考量。VisionOS将安全性和信任度置于首要位置,采用先进的加密技术和隐私保护措施,确保用户数据的安全和隐私。同时,系统提供透明的数据使用和共享机制,建立用户与系统之间的信任关系。

五、可持续与生态(Sustainability and Ecosystem)
VisionOS致力于建立一个可持续的生态系统,与不同厂商和应用开发者合作,共同打造丰富多样的应用和服务。系统通过开放的API接口和生态伙伴计划,促进创新和合作。此外,VisionOS还积极推动绿色环保理念,降低能源消耗和环境影响。
总结:
VisionOS的设计原则包括简约与纯粹、智能与个性化、自然与无缝、安全与信任,以及可持续与生态。这些原则不仅仅是VisionOS的设计理念,更是未来设计趋势的重要方向。尽管VisionOS是一个操作系统,但其中所蕴含的设计思想和理念对于各行各业的设计师和从业者都具有启示意义。掌握这些设计原则,并将其运用于实际设计中,将有助于推动下一代设计的发展和创新。
蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会上传中...100%为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

教育产品如何做好游戏化设计:理论篇|兰亭妙微UI设计公司

资深UI设计者

教育产品如何做好游戏化设计:理论篇|兰亭妙微UI设计公司

随着双减政策的落实,教育类应用市场的“斗争”悄悄拉开序幕,在线教育行业保持稳定增长,市场规模在 2023 年预计达到 5901.9 亿元,用户规模达到 3.52 亿人。
教育行业的竞争性强,但国内教育类产品的游戏化设计集中在低龄化的群体中,面向少年、青少年群体的游戏化应用市场仍有很多空白值得探索。
本专题将分上下期,分别阐述笔者近期针对学习动机及流程的调研成果,以及在教育产品游戏化中的实战经验,分析教育产品在游戏化设计下的切入点和机会点。
一、关于学习
为教育类产品做设计前,需要先解构学习及其本质,从学习行为动机的拆解,更好地找到在整体流程中设计的切入点。

  1. 学习的本质是什么?
    学习本质的理论基础经过了 4 个时期的发展,从行为主义、人本主义、认知主义再到建构主义,对于教育者/方的要求越来越高。
    在前 3 个阶段,教育的核心分别是简单的行为训练教学(驯兽师)、提供知识让学生自主学习(服务师),提供加工后的信息提升用户学习效果(讲解员)。
    在最高层级的建构主义中,教育者需要承担起设计师的角色,因材施教,考虑不同的学生的学习进度/学情提供定制化的学习内容。

  2. 教育产品的顺应变化
    从层级演变中,我们也能看到教育产品的发展史。教育产品从一开始只提供教育资源/书册的教育资源平台(学科网),再到提供知识学习的平台的兴起(慕课网),最后到现在提供学情定制化的学习内容(多邻国)。
    利用大数据算法,以及最新的 Chatgpt,教育产品的可能性越来越多。身处教育行业的设计师,也要从建构主义考量自己产品的核心价值是否要顺应变化,在产品/设计侧能够为学习者提供什么样的学习帮助。
    二、如何触发学习行为?
    在明确教育本质后,再来看学习行为。从经典的动机理论模型(福格模型)来看,学习行为的构成需要 3 个要素,动机(Motivation)、能力(Ability)和触发(Trigger),三者缺一不可。
    如何提高设计转化?先学会经典的「福格模型」
    日常工作中我们经常要考虑如何吸引用户转化。

  3. 动机
    (1)动机的强弱
    “教育是有滞后性的”作为老师或是家长,应该对这句话很有感触。学生在心智尚不成熟的阶段,对于学习的动机多来自外在。北京大学,中国最高学府之一的教授就在访谈中表示:

    同时,社会的环境浮躁,“钱”至上的社会,让学生看不清学习这件事本身的意义,学生的学习动机更多来自外部环境。常见的几种说法有:
    “大家都说学习很重要,我要好好学习”
    “学习好了,长大才能赚大钱”
    回归到自我决定理论来看,大部分学生都处在非自我决定的阶段,以无动机或外在动机的外部调节和内投调节为主,他们对学习没有动机,很难坚持。从动机侧来看,我们要做的是把学生的动机内化/强化,去提升学习效率和学习效果的提升。

(2)如何强化动机?
用学术角度回答,普雷马克原理(Premack Principle)指出:即用高频的活动作为低频活动的强化物,或者说用学生喜爱的活动去强化学生参与不喜爱的活动。如“你可以出去玩,如果你吃完这些青菜。”如果一个儿童喜爱做航空模型而不喜欢阅读,可以让学生完成一定的阅读之后去做模型等等。
从这个理论来看,我们的第一个转化是“外壳”。用游戏化的包装,让学生去学习,外壳形式的改变。让学生的无动机/外部动机学习,转化为偏向内部的动机,动机强化的过程,让学生更主动/高效的学习。
面向低年龄层的教育游戏化软件有恐龙数学、悟空识字、洪恩数学等,都是成系列的学习软件,核心是包装了游戏化的形式,让小朋友能以比较轻松的方式学习;面向较高年龄层的应用中,多邻国也是采取了游戏机制的包装,让用户能更轻松的学习。
恐龙数学-选中正确选项可以转化为一次攻击

多邻国-提供游戏化的勋章、奖励养成系统
因此,这里能够得到第一个设计转化:

  1. 能力
    学生的学习能力是正态分布的,有的人能力好,有的差一些。但现在的“排名”机制,分数机制,家长分数至上的思路,让学生对自己的能力的认可越来越少,自信心大大减少。常见的家长话术是:
    “隔壁家的小孩这次排名...”
    “排名怎么样?你这次怎么又退步了”
    外部的评价会持续性地影响学生的能力评价和认知,心理学上有个模型,自我效能模型,核心思想是:人对自己是否能够成功地进行某一成就行为的主观判断,它与自我能力感是同义的。成功经验会增强自我效能,反复的失败会降低自我效能。自我效能感是个人对自己完成某方面工作能力的主观评估。评估的结果如何,将直接影响到一个人的行为动机。
    在自我能力评价较低的情况下,用户会去采取行为的可能性就越低。

    因此,高自我效能的正向循环对于学生用户来说很重要,从产品/设计层,能够考虑的是:
    1)增加个体对成功的体验(适当的挑战)
    当挑战程度适中时,用户可以更容易获得成功+正向反馈,结合自我效能,就能实现正向循环。

    在海外的教育软件 Quizizz 中,老师可以关联知识点,并设置难易程度,帮助用户根据自己的学习水平选择合适的题目:

Quizizz 增加知识点绑定

Quizlize 看到各个学生的学习进度和掌握情况,方便因材施教
2)语言说服(强化反馈的证明感受)
指通过他人的指导、建议、解释及鼓励等来改变人们的自我效能感。当个体总能获得外界的关心和支持时,他的自我效能感就会增强。人们对自身能力的知觉在很大程度上受周围人评价的影响。


Classcraft-关卡+知识点让用户学习

  1. 触发
    在触发方式上,考虑用户进入产品前、后的流程,找到用户进入产品的触点,让用户更容易触达学习的内容。
    这点和常规做产品的触点很类似,虽然是做教育产品,但其本质还是产品。因此用产品的思路,在用户未进入产品时,用 APP 推送等方式提醒用户上线;而在进入产品内,在主线上,以任务的方式督促用户学习,同时增加一些随机触发的学习任务,提升学习行为触发的触点。

三、如何提升学习过程中的学习状态
从心流模型来看,基于用户的能力,合理设置任务、适当引导注意力,并且给予即时反馈,从而去引导用户长时间去做一件事情。在心流体验中,注意力得到集中,学习效率得到提升,对外干扰事物的感知降低,甚至达到忘我的境界。

达成心流需要满足 3 个条件,
1)目标 -有明确的目标设定。
在美国的学习体系与学习目标相关性极高,教师教学时会围绕当前学科的 Standard(教纲)要求,为学生提供目标强关联的教育,这样的学习教育方式效率更高。
这点转化到教育产品侧,为学生提供教学内容的学习目标就尤为重要,有方向的学习更有效率。

2)平衡-任务的难度和挑战性之间有平衡
与自我效能理论类似,我们要为学生提供难度适中的题目,让学生不会陷入负反馈中。但同时,要有一定的难度,让学生不会觉得太没有挑战及学习意义。

3)反馈-有清晰、及时的反馈
常规的教学应用一般是把核心反馈放在结果页面,但好的教育产品会侧重在任务过程中就根据用户的表现给予对应的递进式的反馈,导向正确的结果。
在恐龙数学中,把反馈的差异化重点放在音效上,在单次操作正确与多次连续操作正确时提供不同的语音反馈,比如常规的是“Yeah”多次正确时说“你真棒”等。下图是竞品的 gif,具体的音效大家可以去网上找视频听听看。

四、总结
回顾上述内容,从教育软件层面,游戏化设计的切入点可以归纳为如下内容。

切入点到实际应用时,要根据产品阶段、功能的业务目标、设计目的,有取舍的使用,具体的实践将在下篇《教育产品-游戏化设计实践》中分享。
以上就是本期分享的内容~欢迎大家在评论区说出自己都疑问或想法,一起讨论,共同进步!
文章来源:优设网 作者:番茄
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

设计师必备的 Stable diffusion WebUI 模型

博博

在当今数字化时代,设计师在创建令人印象深刻且用户友好的Web用户界面(WebUI)时,需要借助稳定扩散的模型来提供灵活性和创造力。以下是几款设计师必备的稳定扩散WebUI模型,它们有助于设计师创作出出色的用户体验。

1.Material Design(材料设计):由Google推出的Material Design模型是一套基于材料概念的设计语言,强调真实世界的触感和动态效果。该模型提供了丰富的视觉效果、动画和交互元素,使设计师能够创建出现代感和稳定扩散的WebUI。

  1. Atomic Design(原子设计):Atomic Design模型将用户界面拆解为不同的组件层次,从原子级别的基础元素(如按钮、输入框)到更复杂的有机分子(如表格、导航栏)。这种模型让设计师能够使用可重复利用的元素构建稳定扩散的UI,进而实现一致性和可拓展性。
  2. Neumorphism(新拟态设计):Neumorphism模型结合了扁平设计和拟物化效果,创造出具有质感和层次感的稳定扩散WebUI。该模型通过使用柔和的阴影和凸凹效果,营造出仿佛物理实体的触感,提供更加真实和互动的用户体验。
  3. Skeuomorphic(拟真设计):Skeuomorphic模型通过模拟现实世界中物体的外观和纹理,创造出逼真的稳定扩散WebUI。设计师可以运用阴影、纹理和动画效果,使用户感受到界面元素的真实性和实际触感。
  4. Flat Design(扁平化设计):Flat Design模型强调简洁、直观和现代感,通过去除冗余和不必要的设计元素,创造出稳定扩散的清晰UI。该模型以简单的图标、鲜明的颜色和清晰的排版为特点,为用户提供了直观且易于理解的界面体验。

    这些Stable Diffusion WebUI模型为设计师提供了丰富的选择,以创建具有稳定扩散特性的令人印象深刻的Web用户界面。设计师应根据项目需求、用户群体和品牌形象来选择适合的模型,并结合创意、用户体验和易用性来达到最佳效果。

蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

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

从7个方面,探讨混合现实交互中的易用性设计

博博

混合现实(MR)技术在近年来迅速发展,并成为人机交互的热门领域。然而,MR交互的易用性设计仍然是一个重要且有挑战性的问题。本文将从七个方面,探讨混合现实交互中的易用性设计,旨在帮助设计师更好地理解和改进MR交互的用户体验。

一、界面设计:
设计直观、简洁且易于理解的界面对于MR交互的易用性至关重要。合理的布局、易用的控件和清晰的用户反馈是成功的界面设计的关键。此外,考虑到用户在AR设备上实时观察周围环境的特点,界面元素的可见性和可操作性也需要仔细考虑。
二、手势识别与操作:
MR交互通常利用手势识别技术,用户通过手势完成操作。因此,手势的设计和识别准确性对于易用性至关重要。设计师应该避免过于复杂的手势,尽量使用自然、直观的手势,并提供明确的操作指引,以降低用户的认知负担。

来百度APP畅享高清图片
三、交互反馈:
及时、准确的交互反馈对于用户的易用性体验起着重要作用。当用户进行操作时,MR设备应该及时给出合适的反馈,给用户清晰的指示和结果。例如,指示光标、声音提示、震动等方式都可以增强用户对于交互的感知和理解。

四、虚实融合:
MR交互最大的特点就是将虚拟与现实相融合,这就要求设计师在易用性设计中注重虚实之间的平衡。一方面,虚拟物体和现实环境应该能够无缝地融合在一起,避免用户在交互过程中出现错觉或不协调感;另一方面,设计师也应该在显示和反馈上给用户明确的区分,帮助用户准确理解虚拟和现实的界限。

五、用户导引:
对于新用户来说,混合现实交互可能是一个全新的体验。设计师可以通过引导用户的方式,帮助用户快速上手。例如,通过简单的演示视频或交互指南来介绍基本操作,提供帮助按钮或提示,以及在用户犯错时提供明确的纠正方式等。

六、可访问性:
易用性设计应该考虑到各种用户的需求和能力。设计师应该关注视觉、听觉、运动等方面的障碍,并提供相应的辅助功能或选择,以确保所有用户都能够轻松地使用MR交互。

七、用户参与:
用户参与是设计过程中不可或缺的一环。设计师应该积极收集用户反馈和意见,并根据用户的实际使用情况进行不断迭代和改进。通过与用户的密切合作,设计师可以更好地理解用户需求,并提供更好的易用性设计。

结论:

混合现实交互的易用性设计需要从多个方面综合考虑,涉及界面设计、手势识别与操作、交互反馈、虚实融合、用户导引、可

蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

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

用Stable Diffusion完成B端和C端图标设计

博博

在B端和C端产品中,图标设计起着至关重要的作用,它们不仅仅是产品的视觉标识,还承载着交互与功能的信息。稳定扩散(Stable Diffusion)是一种流行的图标设计方法,它能够在B端和C端应用中提供独特而吸引人的图标风格。本文将介绍如何利用稳定扩散完成B端和C端图标设计的步骤和技巧。

一、明确设计目标:
在开始图标设计之前,需要明确B端和C端产品的定位和目标用户。不同的产品定位和用户需求会对图标的风格、色彩和形状提出不同的要求,因此在进行稳定扩散图标设计之前,明确设计目标是至关重要的第一步。

来百度APP畅享高清图片
二、收集灵感和参考:
图标设计需要灵感和创造力,因此收集灵感和参考是一个重要的环节。可以通过查找行业内的相关产品和设计作品,以及研究当前流行的图标设计趋势,来获取灵感和参考。同时,也可以参考其他设计师的作品和经验,从中汲取设计技巧和思路。

三、选择适当的图标风格:
在稳定扩散图标设计中,选择适当的图标风格是非常重要的。稳定扩散提供了多种风格和效果,如扁平化、线条化、渐变等。根据产品定位和目标用户的喜好,选择合适的图标风格可以更好地传达产品的特色和信息。

四、构思和草图:
在开始设计具体的图标之前,进行构思和草图是必要的。通过简单的草图,可以更好地捕捉和表达设计的核心思想。草图可以帮助设计师尝试不同的图标形状和构图方式,以找到最佳的设计方案。
五、使用合适的设计工具:
在稳定扩散图标设计中,选择合适的设计工具对于创作高质量的图标至关重要。常用的设计工具如Adobe Illustrator、Sketch、Figma等,它们提供了丰富的绘图和编辑功能,可以满足各种设计需求。

六、运用稳定扩散技巧:
稳定扩散技巧是稳定扩散图标设计的核心。设计师可以通过控制形状、渐变和颜色的扩散程度和强度,来达到独特的图标效果。通过实践和尝试,设计师可以掌握稳定扩散技巧,并将其应用于图标的设计中。
七、测试和迭代:
完成初步的稳定扩散图标设计后,进行测试和迭代是非常重要的。测试可以帮助设计师评估图标的可识别性、可读性和视觉效果,同时收集用户的反馈和意见。根据测试结果和用户反馈,进行迭代和调整,以获得更优秀的图标设计。

结论:

利用稳定扩散完成B端和C端图标设计,需要明确设计目标、收集灵感和参考,选择适当的图标风格,进行构思和草图,使用合适的设计工具,运用稳定扩散技巧,并进行测试和迭代。通过这些步骤

蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

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

配色找不到感觉?PCCS色彩体系帮你从根本上解决

博博

选择合适的配色方案对于任何设计项目都至关重要,但有时候我们可能会陷入配色迷茫的境地。PCCS(The Palette-Centric Color System)色彩体系可以帮助我们从根本上解决配色困惑。本文将介绍PCCS色彩体系的概念、特点和应用,以及为何它能够帮助我们有效地解决配色困扰。

引言:

在设计领域,选择合适的配色方案是营造出引人注目、令人愉悦的视觉效果的关键。然而,很多时候我们会面临配色迷茫的情况,无法确定如何选择合适的颜色组合。为解决这一难题,PCCS色彩体系应运而生。该系统基于科学研究和心理学原理,为我们提供了一种根本性的方法来解决配色困扰。

一、PCCS色彩体系简介

PCCS色彩体系是一个基于调色板的色彩系统,旨在帮助人们更好地理解和选择色彩。该体系通过对颜色的科学分类和组织,将数百种颜色整理成一系列可管理且易于理解的调色板。PCCS色彩体系旨在提供一种直观的方式来组合和比较不同的色彩,使人们更加自信和准确地选择配色方案。

二、PCCS色彩体系的特点

  1. 主次色彩:PCCS色彩体系将颜色划分为主色和次要色,使我们能够在设计中使用更有层次感的色彩组合。

  2. 色感标度:PCCS色彩体系通过定义不同色彩之间的关系,提供了一种直观的方式来衡量色彩的相似性和差异性。

  3. 色彩用途指南:PCCS色彩体系还提供了针对不同目标和情境的色彩用途指南,帮助我们更好地在设计中运用色彩来传达特定的信息和情感。

CCS 色彩体系将明度分为 17 级,每 0.5 级为一个阶梯。为了方便理解,我们也可以粗略地分为 9 级,黑为 1.5,白为 9.5;以 5.5 级灰为中间点,1.5~5.5 为低明度,5.5~9.5 为高明度。明度差越大颜色对比越明显,明度差越小则对比越弱。


明度与纯度联系在一起研究,我们可以将其分为 4 种配色类型,分别是高明度/高纯度、高明度/低纯度、低明度/高纯度、低明度/低纯度。

三、PCCS色彩体系的应用

  1. 综合设计:PCCS色彩体系可以应用于各种设计项目,如平面设计、网页设计、室内设计等,帮助我们创建和评估各种配色方案。

  2. 品牌形象:PCCS色彩体系可以用于塑造品牌的视觉形象,帮助我们选择与品牌价值和个性相符的色彩,使品牌更加独特和有吸引力。

  3. 艺术创作:对于艺术家和创作者来说,PCCS色彩体系可以作为灵感的源泉,帮助他们探索新的调色板和组合,创作出更具表现力和独特的艺术作品。

结论:

面对配色迷茫,PCCS色彩体系为我们提供了一个系统化、科学化且直观的方法来解决这一问题。通过理解PCCS色彩体系的概念、特点和应用,我们可以更好地选择适合的配色方案,提升设计的效果和观赏体验。无论是在综合设计、品牌形象构建还是艺术创作

蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

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

想提高产品体验?先做好这6个使用场景!|蓝蓝高端网站设计公司

资深UI设计者

想提高产品体验?先做好这6个使用场景!|蓝蓝高端网站设计公司

提高产品设计体验的目标是为用户提供更好的使用体验,增强产品的吸引力和竞争力。为了实现这一目标,首先需要对用户的使用场景进行深入了解,并在设计过程中重点关注以下六个使用场景:

  1. 用户注册和登录:

提供一个简洁、直观且易于理解的注册和登录界面,以减少用户的疑惑和困惑。通过使用明确的标签、清晰的指示和错误处理机制,帮助用户顺利完成注册和登录过程。

来百度APP畅享高清图片

  1. 导航和浏览:

确保产品的导航系统简单易用,让用户能够快速找到所需的功能和信息。使用明确的分类和标签,提供直观的导航菜单和搜索功能,并确保页面布局清晰有序,以便用户轻松浏览内容。

  1. 交互和操作:

设计用户界面时,考虑用户的操作习惯和行为方式,并提供直观的操作方式。包括合理设置按钮和链接的大小、位置和格式,使用易于识别的图标和符号,以及提供明确的反馈和状态提示,帮助用户顺利完成操作。

  1. 数据输入和处理:

简化数据输入和处理过程,减少用户的工作量和犯错几率。通过使用自动填充、下拉选择、日期选择器等工具,简化数据输入;并提供数据验证和错误提示,帮助用户及时发现和修正错误。

  1. 反馈和通知:

及时向用户提供操作结果和反馈信息,以增强用户的参与感和满意度。包括提交表单后的成功提示、操作过程中的加载状态显示、错误提示等。同时,通过合适的渠道和方式,向用户发送必要的通知和提醒,保持用户与产品的互动。

  1. 用户支持和帮助:

提供易于访问和使用的用户支持和帮助功能,解答用户的疑问和问题。包括常见问题解答、使用指南、在线帮助等。同时,鼓励用户提供反馈和意见,以改进产品并增强用户参与感。

在设计过程中,要始终以用户为中心,注重用户体验和用户反馈。通过深入了解用户需求、持续测试和优化产品,可以不断提高产品设计体验,满足用户的期望,提升产品的价值和竞争力。

蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

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

微软全新的Office字体Aptos的设计过程

博博

Aptos是一款经过精心设计的字体,旨在为Office用户提供更加优雅和现代的字体选择。在设计过程中,微软团队注重于创造一种易于阅读、清晰明了的字体,以提高用户的工作效率和体验。

  1. 研究与洞察:设计团队首先进行了广泛的研究和用户调研,以深入了解字体对用户工作和沟通的重要性。通过与用户的交流和观察,他们收集了大量关于字体偏好、使用场景和视觉需求的数据。

  2. 设计理念:基于研究结果,设计团队确定了Aptos的设计理念——简洁、现代、易读。他们希望创造一种风格时尚而不过时的字体,既适用于商务文件和报告,又适合长时间阅读。

  3. 字形设计:设计师们开始创建字形,并根据图形学原理和人类视觉感知的认知原则进行调整。他们精心雕琢每个字母的线条和间距,确保字母的可辨识度和整体的平衡感。

  4. 测试与优化:在设计完成后,团队进行了大规模的测试和优化。他们邀请了多个用户参与实际应用场景测试,收集他们的反馈意见。针对用户的建议和意见,设计师们进行了一系列微调和改进,以确保字体在各种环境下的表现都能够得到认可。

  5. 技术实施:为了将Aptos无缝地整合到Office软件中,在字体设计完成后,开发团队与设计团队紧密合作,进行技术实施和调整。他们致力于确保Aptos在不同平台、不同分辨率下的良好表现和兼容性。

最终,Aptos作为全新的Office字体正式发布。它以其优雅、现代的外观和卓越的可读性,为Office用户带来了全新的体验。这款字体不仅仅是一种工具,更是微软对于用户需求和用户体验的认真关注和承诺。

同时微软全新的Office字体Aptos是经过精心设计而成的。在设计这款字体时,微软的设计团队将以下几个关键因素纳入考虑:

功能性:Aptos被设计成一种多功能字体,适用于各种场景和文档类型。它的设计目标是确保在不同的屏幕尺寸和分辨率下都能清晰可读,并且在不同的文字排列方式(如拉丁文、中文、西文等)下都具备良好的表现力。

独特性:Aptos旨在提供一种独特而又吸引人的外观,以区别于其他字体。设计师们注重创新和与众不同,创造出了一种具有独特曲线和笔画结构的字体。

可读性:Aptos的设计考虑了字体在阅读过程中的可读性。字母的形状和间距经过仔细调整,以确保字体在各种尺寸和显示环境下都清晰易读,减少阅读疲劳。

一致性:在整个字体家族中,Aptos的不同字重和字型之间保持了一致性。这样,在使用不同字重或字型进行排版时,用户可以同时保持一致的视觉风格。

为了实现以上目标,微软的设计团队采用了先进的字体设计工具和技术。他们进行了大量的研究和测试,与专业设计师和领域专家进行密切合作,不断优化字体的外观和性能。

今日分享这篇文章是蓝蓝设计的原创文章,未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

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

快来看!Apple Vision Pro 空间设计基本原则拆解

博博

本文将为您逐步拆解Apple Vision Pro空间设计的基本原则,这些原则是Apple在环境设计中遵循的准则,以确保创造出独特、创新和令人愉悦的用户体验。

  1. 简洁与精致:Apple Vision Pro空间设计强调简约而精致的风格。它通过减少多余的设计元素,突出核心要素,并通过优质的材料和精心的构造细节来创造一个整洁而高品质的空间。

  2. 无缝融合:空间设计要与Apple产品和品牌理念相融合,营造出一种和谐统一的感觉。这意味着设计不仅要考虑外观美观,还要注重与产品的功能性和用户体验的无缝衔接,使用户感受到整个空间的一致性和完整性。

  3. 独特而引人注目:Apple Vision Pro空间设计追求独特性,旨在通过独特的设计元素和创新的布局来吸引用户的目光。设计师使用非传统的方式来创造出不可忽视和令人感兴趣的空间,使用户产生强烈的视觉冲击和印象。

  4. 功能性与灵活性:作为一个专业的工作环境,Apple Vision Pro空间设计注重功能性和灵活性。它提供高效的工作区域、合理的组织结构和舒适的人际交流空间,以满足员工的各种工作需求,并且具备灵活性,能够适应未来可能的变化和需求。

  5. 清晰的空间导向:设计通过明确的空间导向来引导用户的行为流线和视觉焦点。在Apple Vision Pro空间中,导向标识、照明和布局被精心设计,以确保用户能够轻松地找到所需的设备和功能区域,提高工作效率和用户满意度。

  6. 可持续发展:作为对环境责任的承诺,Apple Vision Pro空间设计考虑到可持续发展的原则。它包括使用环保材料、能源管理和循环利用。通过这些举措,Apple致力于打造一个环保可持续的工作环境,促进可持续发展的目标。

以上是Apple Vision Pro空间设计的基本原则拆解。这些原则在Apple的空间设计中扮演着重要角色,为用户提供了舒适、功能性和令人赏心悦目的工作环境。同时,这些原则也反映了Apple对创新、卓越和可持续发展的持续追求。

今日分享这篇文章是蓝蓝设计的原创文章,未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

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

日历

链接

个人资料

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

存档