首页

一招教会你页面分割怎么用

前端达人

作为一名合格的UI设计师,用好留白分割、线性分割、卡片分割,你的页面即成功了一半!

留白分割≧线性分割≧卡片分割

 

 

 

 

留白分割定义:指的是只通过增加间距的方式,利用人的视知觉原理(接近法则:人的大脑会倾向于把彼此靠近的元素视为一组),自然的将信息分组。(如上图)

间距留白是区隔单一信息元素的默认选择。(如下图)

 

 

 

 

 

 

使用原则:建议在不影响核心数据指标的前提下,条目之间尽可能采用留白分割,会让界面更清爽,浏览更沉浸。

 

留白分割的分类及适用场景:当条目信息层次较少(≦2)时,留白分割是比较合适的,当信息层次较多(≧3)时,留白分割既会浪费空间,也难以达到一目了然的分割效果。

 

线性分割定义:用线来分隔不同的信息内容。(大部分APP的分割线是1px粗细,黑色,不透明度12%)。

 

使用原则:分割线可以帮助用户理解页面是如何组成的,但过度使用分割线会造成视觉干扰,影响页面信息传达。

Android系统明确规定了分割线的使用原则:
1、微妙的:分割线在布局中应该很容易被注意到,但又不凸显。
2、次要的:只有当留白不能起到分割作用时,才采用分分割线。
3、少用的:谨慎使用分割线,用它来创建分组而不是分割条目。(如下图)

 

 

 


分类及使用场景:
1、通栏分割线:用于分割彼此完全独立的内容。
2、内嵌分割线:用于分割有锚点(头像或图标)的相关内容。
3、中间分割线:用于分割无锚点(头像或图标)的相关内容。

 

 

 

 

如果为了提高屏效,希望在一屏内尽可能多的展示信息,那么同样的信息布局,分割线带来的效果会更清晰(如下图)

 

 

 

 

卡片分割定义:卡片是一个由内容和操作组合而成的独立主题的面性容器①,它可以包含缩略图②、标题③、副标题④、副媒体⑤、文本⑥、问文字按钮⑦和图标按钮⑧,除了卡片容器本身,其他元素都是可选的,所有元素都以易于扫描和操作的形式放置在卡片上。

 

 

 

使用原则:
1、包含的:卡片是一个可识别的,单独的、包含内容的单元。
2、独立的:一张卡片可以独立存在,而不依赖于上下文环境。
3、不可分割的:一张卡片不能与另一张合并,也不能拆分成多张卡片。
分类及适用场景:
卡片根据左右是否有边距,可简单分为通栏卡片和非通栏卡片(如下图)。

 

 

 

从视觉效果上来看,由于圆角的聚焦效应,非通栏卡片对于凸显单个卡片的独立性和内容的效果都更好,画面的分割感会更强。
1、当这个主题内部的内容已经有分割线时,建议采用卡片分割,让主题信息层次更加清晰。
2、当单个主题内部的内容类型较多,上下所占空间较大,建议采用卡片分割,以更好的圈定该主题的内容范围,给用户明确的内容边界感。
3、当需要扩展页面的横向空间时,暗示页面可以横向滑动时,需要采用非通栏卡片,利用横向内容连续性原则,帮助用户建立可以横向滑动的意识。

 

 

 

 

小结:

 

 

 

 

  • 当信息条目复杂度较低时,优先采用留白分割,视觉清爽无干扰。
  • 当信息条目复杂度增加,只利用留白分割效果不明显时,建议引入线性分割,让信息层次更清晰且屏效高。
  • 当信息条目复杂度进一步提升,(比如已经有了线性分割,或者有更多操作),需要进一步强化信息条目本身的边界感,建议引入卡片,以强化条目信息的视觉层次和可操作性。

信息分割本身不是目的,分割方式的选择是为了让版面产生清晰的条理性,用悦目的信息秩序来更好的突出内容,达成最佳的信息传达效果,所以决策时,除了上述细节考虑因素,还要考虑整体版面效果和信息传达效率。

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发



作者:是一颗李子
链接:https://www.zcool.com.cn/article/ZMTYwMzU0NA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

浅谈实际应用中图表的选择与思考

博博

图表的作用

痛点:数据无处不在,数据的存在与展示往往是巨量的、凌乱的,同时出现往往会使用户分辨不清产生混乱。

解决办法:为了使这些凌乱的数据更易懂,将其可视化是首要选择。对数据分析结果的可视化呈现不仅可以帮助我们更好地理解数据内容也可以帮助我们挖掘数据所传达的价值。

数据可视化的本质是视觉方向,将分析所得数据与图形相结合,将冰冷的字符转化为带有趣味性的图形,为数据提供了灵活性,从而更高效地传达数据所附带的价值信息。

设计工作中,对于图表的设计并不能将所有精力都投入如何做出“精美、好看”的图表,更要考虑的使用什么类型的图表,图表的什么样的展示形式更有效的,更高效的传达数据给用户。

一般在图表设计前,设计师应优先了解该条数据用途和目的,分析用户需要什么样的使用体验,分析用户的特征、使用场景、以及用户使用这组数据的目的,制定出初步方案,避免因设计选择图表类型而增加数据传达的复杂程度。

图表的类型(仅展示几种常用图表)

1、适用于比较类的图表,此类图表用于显示数据的差异与相似之处,对比数据变化,如:条形图、柱状图、堆积柱状图、堆积条形图、折线图。

类型举例:

条形图/柱状图

条形图是用于比较分析的主力图表,此类图表能够通过将数据图形化,快速传达给人类相应比较信息,通过人在视觉上快速辨别高度或者长度的差异,从而达到传达信息的目的,所以多用于呈现简单有序的数据。

堆积条形图/堆积柱状图

堆积条形图适合对比更复杂的类别和各类别之间的关系和差异,或者是用于同一组数据不同属性数据各自占比。一般同组数据较多时适合使用堆积条形图,同组数据较少时适合使用堆积柱状图。

折线图

折线图多用于连续的数据或者有序数据的变化趋势的展示,适合用于数据在不同时间的变化,更有效直观的展示数据的走向和趋势。折线向下X轴投影面积也可以更直观的展示数据信息。

2、适用于展示数据的分布情况,此类图表用于传达数据的关联性,如:雷达图,散点图,气泡图。

类型举例:

雷达图

雷达图是以从同一点开始的轴上表示的三个或更多个定量变量的二维图表的形式显示多变量数据的图形方法。

 

 

散点图/气泡图

散点图通常用于显示和比较数据,例如科学数据、统计数据和工程数据。当要在不考虑时间的情况下比较大量数据点时,使用散点图。散点图中包含的数据越多,比较的效果就越好。

气泡图与散点图相似,不同之处在于,气泡图允许在图表中额外加入一个表示大小的变量。

3、用于展示一组数据中各个分类数据比例关系,如:饼图、环形图、树状图。

类型举例:

饼图/环形图

当只需要绘制一组数据并展示该组数据中不同分类的数据占比时,饼图或者环形图是一个不错的选择,饼图有效直观的展示该组数据这个特性,环形图则在饼图的基础上可以添加传达该组数据信息。

树状图

树状图,又称树枝图。通过嵌套矩形的方式来展示数据的类别,通过面积大小来展示该组数据中不同分类数据的占比情况。

4、适用于各数据存在相互流转关系,能有清晰有效的反映数据信息的同时还可以展示数据流转的过程,如:桑基图、漏斗图、瀑布图。

类型举例:

桑基图

桑基图可以有效显示数据如何在两个组之间流动,可清晰的展示一组数据中流转到下一级时,数据是如何分布的。同时也可以显示负数,并计算对总数据的影响。

漏斗图

漏斗图十分适用于表示数据在某种条件的过程中的各个阶段,如市场营销或销售过程这种每个阶段都有一个值的数据。

瀑布图

瀑布图适用于流程各个状态的起始值、中间值和最终值。适合用作反映数值的增减,比如市场销售额一年中各月营收、客流量等指标的变化。

案例分析:XX小学数学模拟考试成绩下发,数学老师想要知道每一个同学的成绩变化以及浮动,针对性对不同学生进行教学,应选择什么样的图表更方便的数学老师查看信息呢?

案例如以下数据:

首先分析数据信息,可见3月、6月、9月和12月的成绩和排名都是不同的,根据用户需求分析数据,优化数据排列方式,输出新的数据表单:

如想要得到每个同学的成绩变化与浮动,选用柱状图和折线图较为适合,又考虑学生量较大(变量),在此可选择折线图用于数据分析。

输出新的数据图表:

具体操作演示:



作者:Hapic21
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

B端设计:提示图标中蕴藏的奥义

博博

你是否和我一样,曾经有两个图标摆在我面前,我却傻傻分不清楚,随便乱用,他们就是?和 i两个小家伙。

 

 

含义:

在系统页面当中,i 图标通常代表信息(information),而 ? 图标代表帮助(help)。

运用场景:

i 图标(信息):通常用于提示用户可以获取额外信息或详细说明的地方。例如,在表单输入框旁边的i图标可以提示用户悬停或点击以获取有关该字段的更多信息。

?图标(帮助):通常用于提供用户帮助和解答疑问。例如,在应用程序的菜单中,可以使用?图标来提供关于如何使用该功能或应用程序的帮助文档链接。

这些图标的使用可以帮助用户更好地理解和使用应用程序,提供额外的信息和帮助,从而提升用户体验。

 

i 图标和 ?图标的意思确实很相近,但它们在UI设计中有着微妙的区别。下面是它们的区别和如何判断该用哪个的方法:

1. 区别:

- i 图标(信息)通常用于提供有关特定项目或字段的额外信息、解释或提示。它强调的是提供信息。

- ?图标(帮助)则更倾向于提供整体上的帮助和支持,通常用于指示用户可以获取额外的帮助文档、FAQ(常见问题解答)或联系支持团
队。它强调的是提供帮助和解答疑问。

2. 如何判断该用哪个:

- 如果需要提供特定项目或字段的额外信息或解释,可以使用i图标。

- 如果需要提供整体上的帮助和支持,可以使用?图标。

 

 

简单总结一下

i 侧重点是提供信息,详细的说明,重点提示。

? 侧重点是帮助提示,对疑问的解释,如何使用该功能。

以上列举出来的实例在提示图标的应用上不会有太大的分歧,其场景都很明确也容易区分。

但是有一类场景会让人有些摸不着头脑,争议点比较大(如下图)

上图所展示的,对于系统内一些专业名词的解释,该使用哪种符号每个设计师和产品经理处理的方式不一样,甚至会发现同一个系统下出现两种符号同时使用的情况的场景(如:钉钉后台管理页面)

在这些特定的词汇旁边的提示图标,所表达的潜在含义是:这是么?以及对这些字段的拓展解释。

同时我也问了一些大厂的朋友,这种地方是个仁者见仁智者见智的场景,所以此处可以对于图标的运用可以灵活一些。

在实际应用中,可以根据具体情况来判断使用哪个符号。但最重要的是保持一致性和符合用户习惯,确保用户能够直观地理解并使用这些符号。


作者:齐天大硕
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

交互设计基础定律-泰斯勒定律

博博

“每一个产品有着不可降低的复杂性,这个复杂性有一个临界点,临界点的位置决定了谁将处理它。”

一、什么是泰斯勒定律 ?

泰斯勒定律又被称作「复杂度守恒定律」,由拉里·泰斯勒于1984年提出。定律认为:一个系统中有一定程度的复杂性是无法被降低的,内在的复杂度只能通过产品设计去设法平衡和转移。

二、泰斯勒定律在设计中的运用

每一个产品都必然会有其系统和用户两端无法简化的复杂度,不论是在产品开发环节还是产品交互环节都无法按照人们的意愿做删除,只能设法去调整、平衡。通过转移两者直接的临界点,来提高产品的体验度。

1、让用户识别而不是记忆

在操作中最大限度的减少用户的记忆负荷,通过减少获取信息的复杂性,让用户在操作中去识别信息而不是去记忆,界面的交互动作和选项都应该是可见的。

2、算法程序、推荐正确内容

用户在使用产品的过程中是一个逐渐适应成长的过程,他们会从无经验变得有经验,因此设计系统需要针对不同的人群提供差异化的操作,让系统操作难度与用户实际的经验水平相匹配,满足他们对产品灵活易用的控制欲,实现其目标感以及成就感。

3、整合功能、简化用户界面

随着用户需求的不断增加,产品也将会不断迭代,越到后面功能也可能会越来也多而且复杂。在不影响用户需求和体验的前提下,尽可能的整合同类的功能,简化用户界面的复杂度。

三、总结

在产品设计中,泰斯勒定律主要是为了权衡用户复杂度和系统复杂度之间的一个平衡。在应用「泰斯勒定律」平衡交互设计中的复杂度这时需要注意以下几个要点:

1、系统的总复杂度是一个常数,为用户提供更简单的功能会增加其他方面的复杂性;

2、找到复杂度转移的「最低成本的方式」;

3、界面不能太过简单,适当的复杂度也会吸引用户;

而设计本身其实是一个平衡过程,需要我们与业务方反复的沟通,考虑综合成本,确保以项目最低成本方式实现业务目标与体验目标之间的平衡。

 

作者:哆啦的设计笔记
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

超长干货!UI设计师必须要懂的4个设计心理学

前端达人

简介
设计方法论在UI设计中的应用带来了显著好处,通过系统性的设计流程和框架,团队能够更有效地处理挑战、创造出用户关注的界面。它促进了团队协作与沟通,强调问题解决与创新,同时重视持续的用户测试与反馈循环,有助于提高设计质量和用户满意度,使得设计过程更为高效、有条理并具备创造性。
超长干货!UI设计师必须要懂的4个设计心理学
 
 
设计原则目录
希克定律
希克定律描述了选择时间与选择项数量之间的关系,即选择的时间会随着可选项的增加而增加。在设计中,这个定律提醒我们在界面设计时要简化选择过程,减少选项数量,使用户更轻松、更快速地做出选择。
确认偏差
确认偏差指出人们更倾向于接受与自己原有信念或期望相符的信息。在设计中,了解确认偏差有助于设计师合理呈现信息,将重要内容放置在用户预期区域,增强用户对界面的认可感。
邻近法则
邻近法则是指将视觉上相关的元素放置在彼此附近,使用户更容易将它们视作相关的一部分。在设计中,合理利用邻近法则能够组织信息、创造更清晰易懂的界面布局,提高用户对界面内容的理解和识别。
菲茨定律
菲茨定律描述了目标大小和距离对用户操作效率的影响。设计师可以利用这个原则优化界面元素的大小与间距,使用户更快速、更准确地完成操作,提升用户体验和界面的易用性。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
什么是希克定律?
希克定律是一个与人类反应时间和选择数量之间关系的心理学原理,特别适用于界面设计和用户体验。这个定律是由英国心理学家威廉·希克(William Edmund Hick)在20世纪初提出的。
简而言之,希克定律表明人们做出选择所需的时间与可供选择的数量成正比。这意味着当选项的数量增加时,决策所需的时间也会相应增加。在UI设计中,这个定律强调了简化选择以提高用户体验的重要性。
通过减少选择数量,设计师可以帮助用户更快速、更轻松地做出决策。这可以通过多种方式实现,例如使用更简洁的菜单结构、合并功能或选项、使用默认设置以减少用户需要作出的选择等。
了解希克定律对于设计者来说是极为重要的,因为它提醒我们:在设计界面时,简化和优化选择可能会带来更流畅、更高效的用户体验。
超长干货!UI设计师必须要懂的4个设计心理学
 
 
它是怎么产生的?
希克定律是基于心理学和人类认知过程的研究而产生的。威廉·希克和他的同事在1930年代进行了一系列的实验,旨在了解人们在不同选择数量下做出决策的反应时间。
实验中,被试者面对不同数量的选择,例如按钮或选项,然后被要求尽快做出选择。实验结果显示,随着选项数量的增加,被试者做出选择所需的时间也相应增加。这一观察成为希克定律的基础。
希克定律的本质是认知心理学的一部分,它涉及到人类对信息的处理方式。当人们面对多个选项时,他们需要对每个选项进行评估和决策,这会增加认知负荷。结果是,随着选项数量的增加,处理和选择所需的时间也相应增加。
这个定律提出了一种对设计界面和交互方式有深远影响的见解:简化界面,减少选择数量,可以帮助用户更快速、更轻松地做出决策。这种认知负荷的理论成果对于优化用户体验和提高界面效率有着重要的指导作用。
超长干货!UI设计师必须要懂的4个设计心理学
 
 
思考下希克定律UI作用?
希克定律在UI设计中具有重要作用,它强调了简化选择以提高用户体验的重要性。以下是希克定律在UI设计中的一些具体作用和应用:
简化菜单和导航
: 减少导航菜单中的选项数量,将类似功能的项目归类或合并,可以减轻用户的选择负担,帮助他们更快速地找到所需信息。
优化工作流程
: 在应用程序或网站设计中,简化工作流程和操作步骤可以减少用户需要做出的决策,提高用户完成任务的效率。
默认设置和建议
: 使用默认设置或提供建议可以减少用户必须做出的选择。通过合理设置默认选项,可以简化用户体验,让用户更快地进入应用或网站并开始使用。
信息层级结构
: 设计清晰的信息架构和层级结构有助于将内容组织得更有条理,使用户能够更容易地定位所需信息,避免过多的选择。
上下文反馈和指导
: 提供清晰的上下文反馈和指导,帮助用户更快速地了解当前操作的影响,减少不必要的犹豫和选择焦虑。
用户个性化和智能推荐
: 利用个性化推荐或智能算法,根据用户的历史偏好为其提供定制化的选择,减少不必要的选择。
在UI设计中,理解希克定律可以引导设计师创造出更简洁、更直观、更易用的界面,从而提高用户满意度和效率。通过减少选择数量和简化操作,设计可以更好地配合人类认知特性,使用户在界面上的交互变得更加流畅和自然。
超长干货!UI设计师必须要懂的4个设计心理学
 
 
需要我们记住什么?
在UI设计中,了解和应用希克定律有助于创造更优秀的用户体验。以下是需要记住的一些关键点:
选择数量与决策时间成正比
: 用户需要花费更多时间来做出决策,当他们面对更多选择时。减少选择数量可以提高用户的决策效率。
简化界面以降低认知负荷
: 设计简洁、清晰的界面可以减少用户的认知负荷,帮助他们更轻松地使用应用或网站。
层级结构和组织
: 通过良好的信息层级结构和内容组织,可以使用户更快速地找到所需信息,减少选择过程。
默认设置的重要性
: 合理设置默认选项可以简化用户体验,降低他们需要做出的选择,从而更快地开始使用应用或网站。
上下文反馈和引导
: 提供清晰的上下文反馈和指导,帮助用户更快速地了解其操作的影响,减少选择焦虑。
用户个性化和智能推荐
: 利用用户个性化数据和智能算法,为用户提供定制化的选择,降低不必要的选择过程。
记住这些关键点能够帮助设计师更好地优化界面,提供更出色的用户体验,减少用户做出选择所需的时间,从而增强产品或应用的吸引力和实用性。
 
在app产品中,我们应该怎么应用希克定律
在移动应用程序(App)设计中,应用希克定律可以通过以下方式提高用户体验:
简化导航和菜单
: 减少主导航菜单中的选项数量,将类似的功能合并或分类,以简化用户的选择过程。使用清晰的图标和标签帮助用户更快速地理解选项。
优化注册和登录流程
: 在注册和登录过程中尽可能减少必填项,使用社交媒体登录或单一注册选项简化流程,降低用户的选择负担。
默认设置和个性化推荐: 利用用户的偏好和历史数据,为用户提供个性化的推荐或默认设置,减少用户需要做出的选择,并快速展示最相关的内容或功能。
简化表单和输入
: 最小化表单字段,根据上下文预填充表单内容或使用智能输入建议,以降低用户输入的认知负担。
上下文引导和反馈
: 在用户进行关键操作时提供清晰的引导和反馈,让用户了解他们的操作将会带来的结果,减少不必要的犹豫和选择焦虑。
智能搜索和过滤功能
: 提供强大的搜索和过滤功能,帮助用户快速找到所需内容,减少在大量选项中的选择时间。
简化购买流程
: 在电商应用中,优化购买流程,减少购物车和结账过程中的步骤和选择,提供清晰的购买路径。
通过以上方式,设计师可以在App中运用希克定律,帮助用户更轻松、更高效地使用应用,提高用户满意度并增强应用的吸引力。这些方法都围绕着减少选择数量、简化操作和提供个性化的体验,以减少用户的认知负荷,提高用户的决策效率。
 
希克定律总结
希克定律在移动应用设计中的应用关键在于简化选择、优化流程以提升用户体验。通过减少主导航选项、优化注册与登录流程、提供个性化推荐、简化表单输入、提供清晰反馈和引导、强化搜索功能以及简化购买流程,设计师可以降低用户的选择焦虑和认知负荷,使用户更轻松、更高效地使用应用,提升用户满意度。这些策略围绕着简化操作、减少选项数量和提供个性化体验,有助于提高用户的决策效率,增强应用的吸引力与可用性。
 
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
什么是确认偏差?
确认偏差是一种认知偏差,指的是人们更倾向于寻找、记住或赞同支持已有信念或假设的信息,而忽视或排斥与其相矛盾的信息。这种偏差导致人们在寻求信息和形成观点时倾向于选择那些与他们已有信念相一致的信息,而忽视那些与之相悖的信息。
在设计和决策过程中,确认偏差可能会对判断和决策产生影响。设计师或决策者可能会倾向于寻找支持他们最初想法或假设的信息,而忽略潜在的反对观点或证据。这可能导致错误的假设、不完整的分析或偏离客观事实的判断。
了解确认偏差对于设计师和决策者来说是很重要的,因为它可以影响到他们对问题的看法和解决方案的选择。为了减轻确认偏差的影响,重要的做法包括寻求多样的观点和信息来源、鼓励团队开放性讨论、持续评估和反思自己的假设,以及意识到并主动应对这种偏差。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
它是怎么产生的?
确认偏差的产生与人类的认知方式和信息处理方式有关。它可以追溯到我们处理信息的心理机制,以及对信息的选择性接收和处理。
信息过滤和选择性接收
: 人类大脑处理的信息量庞大,为了应对这种信息负荷,我们会有意无意地选择性地接收与已有信念相符的信息,因为这样更容易被接受和理解。
认知一致性和舒适度
: 我们倾向于寻求与我们已有信念一致的信息,因为这会让我们感到更加舒适和认知上的一致性,而与之相悖的信息则可能引起认知不适或挑战。
记忆偏差
: 我们记忆中更容易保留和回忆起与我们已有信念相符的信息,而忽略或淡化与之不符的信息,导致我们更倾向于记住和重复暴露于已有信念的信息。
社会影响和团队动态
: 在团队环境中,人们可能更容易受到同伴或领导观点的影响,导致更多地寻求与团队共识一致的信息。
因此,确认偏差源于我们处理信息的方式和寻求认知一致性的趋势,这种倾向性会影响我们对信息的选择、记忆和接受,使得我们更容易偏向于支持已有信念的信息。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
思考下确认偏差在UI作用?
认知偏差在UI设计中有着深远的影响,设计师需要了解并考虑这些偏差,以创造更符合用户认知和行为的界面:
信息呈现与确认偏差:
UI设计中的信息呈现方式能够影响用户的感知。确认偏差提示我们,设计师应该精心布局信息,确保用户首先接触到的内容是符合其期望和信念的。在重要位置展示与用户预期一致的信息能够增强用户对界面的认可感。
用户体验与认知一致性:
UI设计应该符合用户的认知模式和习惯。保持一致的界面元素、布局结构和交互方式有助于降低用户学习成本,提升用户体验,因为这与用户的认知一致性相契合。
选择性暴露与设计引导:
设计师可以利用确认偏差的特性来引导用户,将重要信息或功能放置在易于察觉的位置,引导用户进行特定的操作。然而,需要谨慎处理,以避免对用户造成信息过载。
避免偏见与用户测试:
设计师应该避免自身的认知偏差影响设计,而是更多地关注用户的实际需求和行为。通过持续的用户测试和反馈,可以验证设计的有效性,确保设计更加客观、全面地服务于用户。
认知偏差不仅能够帮助设计师更好地了解用户行为和认知模式,也提醒设计师需要谨慎地处理信息的呈现方式,以创造出更符合用户认知特点和期望的界面。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
需要我们记住什么?
用户选择性感知:
用户会倾向于选择性地接收与其已有信念相符的信息。因此,在设计中需要注意如何呈现信息,以便用户更容易接收并理解与其预期一致的内容。
认知一致性与用户体验:
用户更喜欢一致性的界面设计。保持界面元素、布局和交互方式的一致性有助于提高用户体验,减少认知负担。
引导与用户行为:
可以利用认知偏差的特性来引导用户行为,但需要谨慎,以避免对用户造成信息过载或误导。
客观设计与用户测试:
设计师需保持客观,在设计中避免个人偏见的影响。持续的用户测试和反馈是验证设计有效性的关键。
用户需求至上:
最重要的是设计能够满足用户的实际需求。认知偏差提醒我们关注用户行为和反馈,确保设计更加贴近用户期望。
记住这些关键点有助于设计师更好地应用认知偏差的理论,创造出更符合用户认知和行为习惯的界面,提升用户体验和产品吸引力。
 
在app产品中,我们应该怎么应用认知偏差
在App产品中,了解和应用认知偏差可以改善用户体验和促进用户参与。以下是一些应用认知偏差的方法:
个性化内容推荐
: 利用用户的历史数据和偏好,提供个性化的内容推荐,引导用户浏览与其兴趣相关的信息,这符合用户的认知偏好。
强调常用功能
: 将常用功能放置在易于察觉的位置,这有助于用户更快速地找到并使用常用功能,符合用户对信息的选择性感知。
引导用户决策
: 通过明确的引导和推荐,帮助用户做出决策。例如,突出显示推荐选项或使用明确的指导语言,以降低用户的选择焦虑。
增加用户互动和奖励机制: 利用认知偏差中的奖励机制,激励用户参与互动。例如,奖励积分、勋章或奖励物品以促进用户的积极参与。
社交证据和影响力
: 强调其他用户的行为和意见,例如显示用户评论或社交分享,可以影响新用户的决策,符合社会影响的认知偏差。
提供个性化的反馈和建议
: 根据用户的行为提供个性化的反馈和建议,引导用户完成特定的动作或行为,符合用户的认知偏好和选择性感知。
综合利用这些策略可以更好地与用户互动,促进参与度,提高用户对产品的满意度。然而,需要谨慎运用,避免过度使用以至于影响用户体验或导致信息过载。
 
认知偏差总结
综合利用认知偏差的这些方面,设计者可以更加精准地与用户互动,提升用户体验和参与度。但务必注意,应用认知偏差需要在不影响用户信任和体验的前提下进行,避免过度干预或引导,以免影响用户的自主性和信任感。
 
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
什么是邻近法则?
邻近法则是设计中的一项基本原则,描述了物体或元素在空间中距离越近,就越有可能被视为相关的部分。这个原则是Gestalt心理学的一部分,指出物体在空间上的接近会引起它们被认为是相关的,无论它们的形状或特征如何。
在设计中,邻近法则指导着将相关的元素放置在彼此附近,以便用户能够将它们视为一组或相关部分。这个原则常用于布局设计,例如将相关的菜单选项放在一起、相关的控件放置在同一区域等。通过利用元素之间的空间距离,设计师可以引导用户对信息进行逻辑分组,提高用户对页面内容的理解和整体结构的认知。
邻近法则的应用有助于创造出更清晰、更易于理解的设计布局,让用户更轻松地识别和理解相关的信息,提升界面的可读性和可理解性。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
它是怎么产生的?
邻近法则源自格式塔心理学,起源于20世纪初期。格式塔探索者观察到人类视觉系统倾向于将靠近的物体视为一组或相关的部分,而将远离的物体视为不相关的。
本次创作的原则是基于观察:
人们倾向于将距离较近的元素视为相关的整体,即使它们的形状、颜色或其他特征不同。
空间上的接近性会引导人们将相关的元素组合在一起,形成逻辑上的群体或集合。
基于这些观察,计算者得出结论:元素之间的接近程度影响了人们如何和组织信息。这个理论评估理解视觉,成为设计中常用的一项原则,帮助设计师创建更多条理和易于理解的界面布局和视觉组织。通过合理的安排和组织元素之间的距离,设计师能够引导用户更清晰地理解页面的结构和相关性。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
思考下邻近法则UI作用?
邻近法则在 UI 设计中有着重要的应用,能够指导设计师创建更直观、更易理解的界面布局和组织方式。以下是邻近法则在 UI 设计中的应用方法:
逻辑分组和视觉关联:
将相关的元素放置在彼此附近,例如将菜单选项、功能按钮或相关信息放在相近的区域,以形成逻辑上的群组或关联,使用户能够更快速地理解信息之间的相关性。
表现信息层级和结构:
通过合理安排元素之间的间距,设计师可以展现信息的结构和层级。在网页或应用中,合理的邻近性有助于传达页面组织的逻辑和信息的重要性。
避免视觉混乱和误导:
合理利用邻近法则可以避免界面的视觉混乱。将不相关的元素保持一定的间距,避免过度拥挤,让用户更轻松地理清界面的内容和结构。
指引用户流程和操作:
在设计工作流或操作步骤时,将相关的元素放在一起,以引导用户流程,提高用户操作的连贯性和流畅性。
视觉组织与导航:
在导航设计中,将相关功能或内容放置在相邻位置,例如将相关菜单项放在同一区域,以便用户更快速地找到并使用所需功能。
适当运用邻近法则可以改善用户对界面的理解和认知,提高用户操作的效率和体验。它有助于营造清晰的信息层级、减少视觉混乱,并引导用户更直观地浏览和操作界面。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
需要我们记住什么?
在设计中运用邻近法则时,需要记住以下几点:
相关性与空间接近性
: 用户倾向于将距离近的元素视为相关的整体。因此,在设计中将相关的元素放置在彼此附近,能够帮助用户更直观地理解它们的关联性。
信息组织和层级结构
: 通过合理的空间安排,展示信息的逻辑结构和层级关系。这有助于用户更轻松地理清界面内容和操作流程。
避免视觉干扰和混乱
: 控制元素之间的距离,避免过度拥挤和混乱,以免干扰用户的视觉和理解。
引导用户视线和操作:
合理利用邻近法则可以引导用户的视线和操作流程,使其更自然、更顺畅地浏览和使用界面。
反复测试与用户反馈
: 不断测试和收集用户反馈,以确保所安排的元素之间的关联性和距离对用户理解和操作的有效性。
记住这些关键点有助于在设计中更好地应用邻近法则,创造出更清晰、更易于理解的界面布局,提高用户体验和界面的可用性。
 
在app产品中,我们应该怎么应用邻近法则
在App产品设计中,应用邻近法则可以改善用户界面的布局和交互,提升用户体验。以下是一些应用邻近法则的方法:
相关功能分组
: 将相关功能或信息放置在彼此附近,例如将设置选项放在同一区域,让用户能够更轻松地找到并使用相关功能。
类似操作的分组
: 将相似操作或功能放在相邻位置,例如将编辑工具放在同一区域,以便用户更快速地使用相关工具。
导航栏与内容对应
: 将导航栏与相应的内容区域对应,以减少用户在不同页面间的跳转,并帮助用户更好地理解页面的结构。
按钮和功能布局
: 设计时将按钮和功能布局合理分组,保持相关的按钮或操作尽可能靠近,减少用户在界面中寻找所需功能的时间。
信息层级和结构展示
: 通过邻近法则将相关信息放置在一起,展现信息的逻辑层级和关联性,以帮助用户更清晰地理解页面结构。
交互流程的布局
: 设计操作流程时,将相关步骤或功能放置在相邻位置,以引导用户进行更自然、连贯的操作流程。
这些方法能够通过邻近法则帮助设计师更好地组织界面元素,提高用户对界面的理解和操作效率,增强用户的满意度和体验。
 
邻近法则总结
邻近法则在App产品设计中指导着将相关的元素放置在彼此附近,以创建更直观、更易于理解的界面布局。通过合理的空间分配和元素排列,帮助用户更快速地找到相关功能、理解信息层级结构,提升用户操作的效率和界面的可用性。这个原则可以优化布局设计,使得用户能够更轻松地掌握界面内容和操作流程。
 
 
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
什么是菲茨定律?
菲茨定律是一项关于人机交互的基本原理,描述了人类手指或鼠标等指针设备移动到目标区域的时间与目标的大小和距离成反比的关系。这个定律是由保罗·菲茨在20世纪50年代提出的,广泛应用于人机界面设计领域。
根据菲茨定律,目标越大或距离越近,用户将指针移动到目标区域的时间就越短。具体而言,菲茨定律可以用以下公式表示: T=a+b×log 2 ( W/D+1)
其中:
T 是用户移动到目标区域所需的时间。
D 是指针初始位置与目标中心之间的距离。
W 是目标区域的宽度或大小。
a 和 b 是与设备和任务有关的常数。 这个定律的应用范围非常广泛,尤其在界面设计中。设计师可以利用菲茨定律来优化界面布局和交互元素的设计,使得用户更容易、更快速地点击或选择目标区域。通过增大目标区域的大小、减少目标间距离和提供合适的反馈,可以显著改善用户体验,并使用户更高效地使用界面。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
它是怎么产生的?
菲茨定律的产生是基于人类运动学和认知心理学的研究。保罗·菲茨在20世纪50年代的研究中发现,在人类运动中存在一种模式,即手指或鼠标等指针设备移动到目标区域的时间与目标的大小和距离成反比关系。
这个定律的提出是基于以下观察和假设:
较大的目标区域更容易命中。用户更容易准确地将指针移动到较大的目标上。
较近的目标更容易到达。距离更近的目标比距离更远的目标更容易被选中。
基于这些发现,菲茨提出了一个数学模型来描述这种关系,并提出了菲茨定律。这个定律通过对目标的大小和距离进行量化,为界面设计和人机交互提供了理论依据,指导设计师如何优化界面布局和元素设计,以提高用户的操作效率和准确性。因此,菲茨定律成为了设计界面和交互方式的重要指导原则之一。
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
思考下菲茨定律UI作用
菲茨定律在 UI 设计中有着深远的影响,设计师可以利用这个原理来优化界面,提高用户的操作效率和体验。以下是一些菲茨定律在 UI 设计中的应用方法:
增大可点击区域
: 根据菲茨定律,较大的目标区域更容易被点击,因此,为重要的操作按钮或功能区域提供更大的点击面积。这有助于用户更准确地点击目标,尤其对于移动设备上的小屏幕更为重要。
减少目标间距离
: 将常用功能或相关操作的按钮或链接放置更接近,以减少目标之间的距离。这样用户在切换不同功能时能更快速地移动到目标区域,减少了操作时间。
考虑手势操作和屏幕布局
: 对于触摸屏设备,菲茨定律同样适用。设计师可以考虑手势操作、放大目标区域或布局方式,使得用户更容易地触摸、滑动或缩放屏幕上的目标。
合理利用白空间
: 在设计中留出足够的空间,确保目标区域不会过于拥挤,从而减少误触或混淆。良好的白空间布局有助于提高用户的操作准确性。
提供视觉反馈和指引
: 为了帮助用户更准确地选择目标区域,提供视觉反馈,如按钮状态变化或指示箭头,可以让用户更清晰地了解下一步操作。
通过运用菲茨定律,设计师可以优化界面布局和元素的大小与间距,使得用户更轻松、更快速地进行交互操作。这有助于提升用户体验,减少用户的操作时间和错误率。
 
 
超长干货!UI设计师必须要懂的4个设计心理学
 
 
需要我们记住什么?
在设计中运用菲茨定律时,需要记住以下几点:
目标大小与距离关系
: 目标的大小和距离会影响用户操作的效率。大的目标区域和较近的距离能够更快速、更准确地被选中。
重要操作优先考虑
: 对于常用或重要的操作按钮,设计师应该确保其具有足够的大小和合适的间距,以提高用户操作的效率和准确性。
触摸屏设备的优化
: 对于移动设备和触摸屏,合理设置触摸区域大小和间距,有助于用户更轻松地操作,避免误操作。
视觉反馈和引导
: 提供明确的视觉反馈,如按钮状态变化或指示箭头,有助于用户更准确地选中目标区域。
用户反馈和测试
: 不断收集用户反馈并进行测试,以确保设计的目标大小和距离对用户操作的有效性。
记住这些关键点有助于设计出更符合菲茨定律原理的界面,提高用户的操作效率和满意度。优化目标区域的大小和距离,可以有效地改善用户体验,并增强产品或应用的易用性。
 
在app产品中,我们应该怎么应用菲茨定律
在 App 产品设计中,应用菲茨定律可以优化用户体验和操作流程。以下是一些应用菲茨定律的方法:
按钮大小与布局
: 增大重要操作按钮的大小,确保它们容易点击并位于用户自然手指或鼠标移动的路径上。将常用的按钮放置在更接近用户自然操作位置的地方。
减少操作距离
: 将相关操作或页面之间的距离缩短,以减少用户在不同功能区域间的切换所需的操作次数和时间。
设计适合手势操作的界面
: 针对触摸屏设备,设计手势操作区域,使得用户能够轻松地进行滑动、放大缩小等手势操作。
避免过度拥挤和重叠
: 在设计中避免过多的重叠元素和拥挤,确保目标区域清晰可见且易于选择。
提供清晰的反馈和指引
: 确保用户点击或选择目标时获得清晰的视觉反馈,如按钮状态变化、高亮显示或动画效果,以便明确指示用户的操作结果。
持续优化与用户反馈
: 不断收集用户反馈,通过用户测试和数据分析,优化界面的目标大小和距离,以提高用户的操作效率和满意度。
这些策略都是基于菲茨定律,旨在提高用户点击或选择目标区域的效率和准确性,从而改善用户体验并增强产品的易用性。
 
菲茨定律总结
菲茨定律在App产品设计中强调了目标区域的大小和距离对用户操作的影响。通过增大重要按钮的大小、减少操作间距离、设计适合手势操作的界面以及提供清晰的反馈指引,可以优化用户体验,提高用户操作的准确性和效率。这个原理指导着设计师如何布局界面元素,使得用户更轻松、更快速地进行交互操作,进而提升产品的易用性和吸引力。
 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发



作者:A大林子
链接:https://www.zcool.com.cn/article/ZMTYwNjk2MA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

分享精彩的后台管理软件界面设计欣赏 —蓝蓝UI设计公司

前端达人

今天分享B端后台管理界面欣赏,网上我们会搜集一些公开的国内外优秀的软件界面设计和大家分享。

蓝蓝设计也有很多精彩的案例,B端后台管理界面是我们最主要的工作方向之一,但大多数是保密状态的,所以不能在网上发。欢迎我们联系,请到www.lanlanwork.com欣赏更多案例作品。

 

 

 

 

 

 

 

 

 

 

 

 

#后台界面设计欣赏 #界面设计灵感 #设计外包 #UI设计公司 #b端设计接单 #B端设计

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务

关键词:UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计软件qt开发、软件wpf开发、软件vue开发

 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

设计师如何用chatGPT更好的工作?

博博

1、写产品文案

当你需要的文案出来后,你可以让它优化。你可以约束字数,提更多具体要求,它都能满足你。

具体的一些提示文案细化以及示例

2、设计产品框架

提供页面框架设计思路,当然你也可以把问题换成你正在做的产品。

3、做竞品分析

针对某一个特定的产品写出分析报告框架。你可以换成其他你感兴趣的产品。

这里需要提醒下,对于一些通用型知识,它可以写的很好,但如果是针对某个特定产品的具体内容,可能偏差会很大。

有了大纲再去找内容可以省事很多,比如

那么可能你也还想进一步问,如何做好竞品分析?因为这个虽然是基础,但如果你不知道背后原理,可以继续追问。

4、学习设计流程

帮助优化设计工作流程,但它所提到的工作流程优化属于比较通用的。

如果你想要问具体的,你得问更具体的问题。

5、学习设计工具

你也可以问它任何你想学的其他工具和知识。

6、找设计资源

可以让它给出资源链接,方便快速查看。如果链接打不开,甚至还能修正。

7、学习更好表达

向团队其他成员解释一些复杂概念

如何给非行业内的用户解释你的产品概念

8、搜索设计趋势

9、帮忙写PPT

当我加上页码后,居然真的会努力写到这个要求的页数,虽然实际上用处不是很大,但这个能力再进化进化,真的很厉害,至少能提供一个通用思路。

10、组织活动流程

如何更好的组织一场设计脑爆会

作者:彩云Sky
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

谈谈设计创意获取的思路

博博

一、关于设计趋势
设计创意是符合设计趋势的,我们需要关注设计趋势。
我觉得趋势这个词,书里面有个观点还是可以的:关注长期趋势。
为什么这么说呢,因为趋势不是朝三暮四的,往往会保持很长的时间。所以我们在做设计创意的时候可以适当关注长期趋势。
1.1关注社会趋势的重要性
最直接影响的就是职业生涯的发展。譬如你是一名UI设计师或者即将毕业的学生,在当前的形势下UI设计师已经趋于饱和,你想完成一次职业方向的确定或转变,你会往哪里走?
那么你需要关注设计趋势。
如果你选择的是一个接近饱和的方向,那么你的薪资几年内肯定也得不到提高。有的设计师经常会说我做UI设计5-7年了,但是薪资依然还是1万,我只能说你现在没有什么竞争力。
所以趁着年轻,你可以考虑换一条细分的赛道。
譬如逐渐趋于饱和的车载HMI设计,即将爆发的类似于Vision Pro的增强现实设计。。。
来自于苹果官网
来自于苹果官网
 
1.2如何了解设计趋势
首先,最直观的就是设计大事件。
譬如苹果等著名品牌引导的设计承载方式的变革。从罗永浩推出无限屏概念开始,其实类似的空间设计就已经处于慢热状态。直到苹果正式发布了Vision Pro,这种大事件直接将增强空间设计推向了高潮。
我们可以通过苹果的官方网站,去了解Vision Pro的使用方法,以此来感受Vision pro可以改变什么?文本编辑、影视、阅读以及游戏等等用户体验与手机操作的不同点,从而延伸出未来可以商业化的场景方向,可以做预知性的推断。
有兴趣的设计师还可以通过苹果发布的Vision pro模拟器,来尝试性地输出一些创新的想法和创意,以此来建立自己在增强空间设计上的设计经验和竞争力。
其次,可以通过设计网站、社区和平台。
譬如优设、站酷、人人都是产品经理等一些设计资讯平台。很多设计师会将国外的一些好的设计趋势的文章翻译,我们可以通过这些文章来获取设计趋势。
再者,可以通过行业内的研究报告。
譬如艾瑞咨询发布的《2023年AIGC场景应用展望研究报告》,里面就阐述了下一年甚至是未来AIGC的发展方向。
二、经验积累促进设计创意输出
2.1经验积累到一定程度的好处
一般设计师在自身发展的同时,也都会留意身边设计师发展的如何,嫉妒和对比是很正常的。有的设计师会觉得为什么他年纪不大却能当领导,为什么他的薪资比我多那么多,为什么每次任务下来后他总是做的又快又好。。。
因为这是工作/设计经验给他带来了各种红利。
为什么经验丰富的设计师创意那么多呢?那就是尤尼卡效应(灵感的悄然而至)。有经验的设计师,职业生涯过程中看过无数的案例,想过无数的方案,做过无数的作品。所以,他们可以在看到问题的时候,立马给你输出设计方案。如果你能达到这种地步,你的竞争力也将无可匹敌。
2.2经验积累下的灵感输出
做到两点:【建立方向】和【埋头苦干】
毕业5年内的设计师,可以不用过多的去关注别人与自己的差别,你要做的就是【建立方向】和【埋头苦干】,幸运只光顾有准备的头脑。那些有经验的设计师也都是摸爬滚打一点一滴练出来的。过年的时候跟大学同学吃饭,设计耕耘10余载,他已经是某设计院的总监了。想想与他一起住过的小黑屋,想想我们打地铺黑灯瞎火的做项目,为了钱么?是因为热爱,想做出更好的作品。再看看他一路走来的工作历程,他基本上在一个垂直方向上深耕细作,从场馆的设计方案到制定预算,从项目投标到施工流程,整个一套流程都驾轻就熟了。
2.3不断尝试后的灵感输出
设计师们都知道,灵感不会轻易上门。
创意是被逼出来的!这一点设计师们都很有感触。
这里的经验积累不完全是工作年限的意思,也有深度挖掘之意
尤尼卡效应要求我们,即使在设计工作中没有灵感的时候,继续尝试着梳理思路不断钻研,肯定会有灵感乍现的那一刻。就像书中说的那样:
因为创新是一个渐进的过程,一次加上一点思考,最终会柳暗花明。
MIdjourny输出:设计师绞尽脑汁
MIdjourny输出:设计师绞尽脑汁
 
三、创意汇报
3.1高中低方案战略
要想实现创意被大家更好地接受,通常可以准备三种可能的方案:1.最佳方案2.中间方案3.最差方案。领导的决策,也需要有一定的参考。我们给出的方案,尽量涵盖高中低三种维度,以便进行对比。
3.2选择时机进行推荐
创意方案出来后,你可以安排一次会议/宣讲会,阐述一下自己的设计方案。聪明的做法就是在会议召开之前,先私下把方案简单过一下,以获得一定的支持。
3.3学会倾听
你在汇报项目的过程中,别人会有一些想法和建议,麻烦你认真倾听。不要着急去打断,以免造成厌恶性沟通。
3.4不要放弃
创意被否定很正常。
真正能一次通过的创意实属罕见,就好比不能因为拿不到第一就不上场比赛一样,你也不应该因为创意被否一次就永远自暴自弃。
四、创意输出需要心流状态
心流状态是指自己已经完全沉浸在设计创意中了。
心流状态可以很好地帮助设计师提高工作效率,促进设计创意的输出。
4.1如何获得心流状态
环境很重要。
对于设计师而言,通过调整周围的环境,比如说引进一些比较明亮的色彩、图片、标语等,可以大大激发一个人的学习能力。
开放、整洁、平整的表面有助于整理人的思维,所以一般来说,你的桌子越干净,就越容易提高工作效率,应对工作中的各种挑战。
五、创意伙伴日常沟通
众人拾柴火焰高。
5.1与什么样的人沟通
与相同价值的人沟通。
《探寻第一名》(Looking Out for Number One)一书中,作者罗伯特·林格(Robert Ringer)指出,持久的关系——一方为另一方提供相同的价值,双方的利益交织在一起,让这种关系持续下去——非常有价值。
因此你找的人必定是彼此都珍视的人,可以成为创意伙伴。你可以每个月找创意伙伴聊聊天喝喝茶充充电,获取一些新的想法,让自己的大脑保持常青常新。马云说过,企业在不缺钱的时候融资,而不是缺钱了再去融资。
设计圈有认识的大佬都很重视沟通,会经常跟身边的朋友聊天,其实这很大程度上
可以让一个人拥有多个人的经验和能力。
所以设计师应该尝试着开放一些,而不是闭门造车。
MIdjourny输出:设计师聊天
MIdjourny输出:设计师聊天
 
六、公司层面:讨论/沟通氛围的重要性
公司层面,应该鼓励设计师在会议上多阐述自己的意见。
很多公司是不是有这样一种现象:开会的时候鸦雀无声,只听到汇报的人胆怯地练着演讲稿或者说着自己的方案,让其他人给意见的时候基本无人举手,只能等领导给一些修改意见,
然后这个设计方案就变成了领导认可的设计方案了。
其实这种工作氛围真的非常糟糕,限制了设计师的创意的发挥,同时也让产品成为了一个片面性的产品。
6.1建立讨论沟通氛围的好处
所以团队的讨论氛围一定要建立起来。
书里这样描述:
1.当一个人感觉自己的想法受人欢迎的时候,他会想出更多有创意的点子来解决眼前的问题——有时可能会在会上发表看法,有时则是在私下里提出建议;
2.如果团队的每个成员都感觉更有满足感,他们的参与热情就会高涨。想想看,如果人人都愿意献计献策,事情将会变得多么容易啊!
6.2好好先生对设计创意的阻碍
讨论沟通,也促进了不同声音的展现。团队需要不同的声音,团队需要谦和而坚定的人来告诉我们事情的本来面目,要听到赤裸裸的现实。

作者:阿琦Aqi
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

Apple Vision Pro中的设计细节!

博博

1. 沉浸感
将整个设计放在真实的空间中,使得设计更符合自己的体验、更加真实。
需要你拍摄一张真实的空间照片,卧室、街道、户外......
体验Apple Vision Pro后的一点思考
2. 设计
从关键页面开始设计
设计空间界面的第一个原则是熟悉性。
设计空间界面的第一个原则是熟悉性。
在你面前滑动一个180°视野的走马灯界面,但主要焦点始终在最中心的设计上。
在你面前滑动一个180°视野的走马灯界面,但主要焦点始终在最中心的设计上。
从侧面看,它会有点像这样
从侧面看,它会有点像这样
 
3. 中保真设计
体验Apple Vision Pro后的一点思考
 
4. 材质、组件
苹果在这方面有他们自己的建议,并且已经发布了他们的UI工具包。
Vision OS能根据环境光照条件和场景环境实时调整窗口现实效果。
Vision OS能根据环境光照条件和场景环境实时调整窗口现实效果。
 
最重要的一点:在我的实际体验感受中,当物理世界的背景发生变化时(亮度变化),窗口界面的实时效果也会发生相应变化调整,主要是透明度、窗口边缘、光线效果的变化,特别是一些按钮、点击的交互,模拟物理按钮设计的点击效果非常真实,你想象一下卧室墙面的灯光开关面板,早上按下和傍晚按下的光线效果、角度是一样的吗?
全是细节啊!!!
体验Apple Vision Pro后的一点思考
 
针对空间设计方面需要了解的一些知识点:
视觉
用户感知到的深度,可以通过平面的方式进行设计,也可以通过实际在Z轴上的位置来进行设计。平面的方式,提供的是视觉深度,是假三维;牵扯到Z轴的位置,提供的是确实深度,是真三维。
为了更好的进行空间视觉设计,需要首先了解一些人体工学的知识。
(一)人体工学
第一,视觉系统辨别深度的方式。
视觉系统辨别深度的方式依靠2种线索:单眼线索和双眼线索。
顾名思义,单眼线索只需要一只眼睛即可提供给我们视觉系统依据,双眼线索需要依靠两只眼睛才能提供深度依据。
体验Apple Vision Pro后的一点思考
 
第二,人眼的舒适阅读区域和注意力时长。
在头部不主动转动的情况下,正负30度的弧度,以及比视线水平位置稍稍靠下的位置更适合阅读。
超过这个区域,即使用户不转头,也会因为耗费精力而感到不那么舒适。
体验Apple Vision Pro后的一点思考
 
从视觉暂留(残像)和瞬目反射(眨眼睛)的角度来说,我们的眼睛是不能一直工作的,在设计中可以余留出可以让眼睛休息的时间。
视觉的余留有点类似于留白,让眼睛不需要通过这部分视觉去识别出什么。比如两个按钮中间的空隙,两个虚像之间的不重要的辅助内容等等。
 
(二)视觉设计
空间里的视觉设计,除了我们熟知颜色、大小等,还有尺寸、距离等。可以理解为,一类是二维参数,即Sketch等二维设计软件里可以调整的参数,一类是三维参数,即3Dmax等三维设计软件里,多出来的那些可以调整的参数。
无论是二维参数还是三维参数,就可视化来说,都可以针对颜色、模糊、大小、动效、背景、光影、遮挡、密度这八种对象进行定义,这就是官方说明中所提到的:图像线索用法。
 
(三)窗口内的动效
因为大窗口的内容动效可能让用户产生混淆,官方给了8点设计建议。
1. 保证窗口内内容和物理世界保持水平
2. 保证动效扩展中心点的稳定。这里有一个一个概念:扩散焦点,可以理解为动效的感知起点。
3. 扩散焦点永远保持在窗口内
4. 避免单纯无意义的角度移动(因为会让焦点移动)
5. 避免过快的动画
6. 如果动画变化过大,使用渐近渐出过场衔接
7. 前后移动的动效,内容间距放大,物体放小
8. 使用低反光的材质


作者:20th_Century_Boy
来源:站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司

银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

XDC干货|雪球表情升级全纪录

前端达人

写在前面
在社区平台语境里,表情无疑是很重要的组成部分。一套丰富且定位准确的表情可以帮助用户更清晰地表达自己的感受,增进沟通的准确性,同时增添社交互动的趣味性,拉进用户之间的距离。带有平台特性的表情更能彰显平台自身的独特性。
雪球作为金融社区平台,表情自然也是重要的元素。我们通过数据调研,发现雪球社区互动中表情的渗透率达到18%,表情的使用率比较高。而现有的表情年久失修,存在几个比较明显的问题,首先视觉风格陈旧辨识度低;再有,表情中原本存在一些股票梗的表现力较弱,画风不够有趣。第三,雪球诞生了新IP“呦呦”,非常适合在表情中应用来推广雪球品牌特性。
基于以上背景我们展开了对于表情翻新改版的项目。
 
XDC干货|雪球表情升级全纪录
 
 
现状&问题
通过对当前状况进行系统梳理,我们发现了一些存在的问题。
 
XDC干货|雪球表情升级全纪录
 
 
 
1.设计风格陈旧,不易识别表现力弱:
目前线上雪球表情风格老旧,视觉表达不符合当下设计潮流趋势;由于表情是白色在行文中表现力不足且不易被用户识别,因而趣味性表达的作用不够凸显。
XDC干货|雪球表情升级全纪录
 
 
 
2.缺乏股票基金场景的情绪表达
社区场景中有大量的股票基金的讨论和相关内容的情绪表达,而目前表情体系中缺乏此类表达或表达不够生动。
比如「关灯吃面」和「割肉」,在行文中一眼能识别到视觉主体是表情脸,而“吃面”和“割肉”的语义没有生动的体现出来;还比如「跳水」又太具象和写实,少了表情的趣味性。
XDC干货|雪球表情升级全纪录
 
 
 
3.没有将雪球的新IP融入表情
雪球诞生了新的IP“呦呦”,表情的体系非常适合融入IP向的内容,将IP表情化也更利于IP的推广和品牌的传播。
XDC干货|雪球表情升级全纪录
 
 
 
XDC干货|雪球表情升级全纪录
 
 
视觉风格探索
1.雪球用户特征
设计风格需要根据平台用户特征进行确定。开始设计之前,我们先看看雪球用户大概是什么样的。
XDC干货|雪球表情升级全纪录
 
 
雪球的主要用户为男性且集中在30-50岁左右,所以在视觉表现上尽量避免女性化或低龄化的风格。
2.视觉风格探索
风格确定
旧版的表情苍白,虽然细节很多但在行文中难以识别,本次改版重要任务之一是改版新的视觉风格。emoji是最被用户熟知的表情体系,我们决定新版向传统黄脸emoji表情靠拢。大方向定了,但还需要确定视觉感受符合雪球的emoji。最后在两种视觉风格中我们选择了视觉感受偏中性、风格扁平的这个方向,这个风格和雪球用户特征更契合。
XDC干货|雪球表情升级全纪录
 
 
 
提升辨识度
表情在交流中作为非文字的“语言”,其辨识度至关重要。表情在行文中的尺寸相对较小和单个文字差不多,那么如何保证在文字中依然能一眼读懂表情?
在对表情整体风格的把控下,需要通过对细节的打磨和反复实验,得出更有辨识度的设计方案。保持视觉扁平,尽量使用简洁的几何图形,加强颜色对比度,减少颜色数量,放大表情特征。通过以上手段有效的提升了表情的一致性和在行文中的辨识度。
XDC干货|雪球表情升级全纪录
 
 
 
XDC干货|雪球表情升级全纪录
 
 
发现股民讨论语境下的“梗”
本次表情升级除了对现有表情进行改造升级,还针对雪球社区特色进行挖掘。
1.挖掘“梗”
前面我们说到雪球用户是集中在30-50岁左右的男性,那么这类人群在社区中有怎样的表达特点呢?
通过观察我们发现,在面对股市的波动和不确定性,雪球用户更喜欢用幽默诙谐的论调来调侃市场以宣泄心中的无奈和负面情绪,同时在波动面前展现出一种坚韧和自嘲的心态。我们可以在这种“戏谑调侃”中挖掘可以视觉化的情绪和表情。以此作为本次表情升级的一个重要方向。
戏谑调侃的表情有哪些呢?我们挖掘了当下网络社交流行的表情包和热词。回想一下我们是否也经常使用类似“地铁老人看手机”“黑人问号脸”等网络热图来表达内心的复杂情绪呢。
XDC干货|雪球表情升级全纪录
 
 
 
在变幻莫测的股市中,面对现实的无力和不确定,祈福求平静成了股民表达情绪舒缓心情的一种方式,比如“敲木鱼”“祈求大涨”等仪式感的情境以表情的方式呈现,也能一定程度上引起用户的共鸣。
XDC干货|雪球表情升级全纪录
 
 
 
2.让表情“淋漓尽致”
  •  
    微表情尽显“内心戏”
一个表情里往往蕴含不只一种情感,短暂而难以察觉的面部变化最能传达个体真实的情感状态,一个眼神、嘴唇微动等细微变化,常常表达出个体内在的真实状态。
在设计“大哭”这个表情时,我们挖掘到大哭背后可能是某种“绝望”,那么观察下人们绝望时最大的面部特点是不是空洞的眼神和僵硬的脸?用这样的微表情和大哭结合在一起,感受大哭情绪的同时也传递了绝望的内心戏。
XDC干货|雪球表情升级全纪录
 
 
 
  •  
    赚了、亏了一目了然
股票社区中涨跌是永远的话题,市场的涨跌背后牵动着的是股民们真金白银的账户。“亏大了”和“暴富”这两个表情很生动的表达了用户盈亏的两种处境,但原有表情的视觉表达过于保守和隐晦。要让用户一眼看到就产生共鸣,红绿色是最直观的涨跌信号,我们把这种语义和表情结合,“亏大了”除了表情沮丧还得加点绿色烘托氛围,“暴富”的喜悦中再加上红包加持情绪。
 
XDC干货|雪球表情升级全纪录
 
 
  •  
    戏剧化表达
在某些极端情绪上我们还尝试打破旧表情的禁锢,用更加生动夸张的方式呈现。比如“绝望”,只靠面部表情似乎无法充分的表达,所以我们营造了简单的环境和肢体动作, 一个瘫在墙角双目无神的小黄脸,绝望的形象跃然纸上。
XDC干货|雪球表情升级全纪录
 
 
3.股票专属“梗”
雪球社区里有一些独特的表情,比如“关灯吃面”,它是雪球老用户传承的经典梗;还有诸如跳水、割肉、抄底、满仓等股票术语梗也颇受欢迎。升级优化这类表情的同时我们小开脑洞在原有基础上增加了“好基友”等新梗,让股民表达更丰富有趣。
XDC干货|雪球表情升级全纪录
 
 
XDC干货|雪球表情升级全纪录
 
 
IP表情化
去年雪球诞生了自己的IP“YOYO”,此次表情升级正好可以将IP表情化,在平台应用和传播。
YOYO所代表的品牌语义
1.福禄寿:因其原型是驯鹿,取福禄寿之意,代表财富;
2.温暖陪伴&服务感:驯鹿具备天生的陪伴和服务感,与雪球强调的品牌服务感相契合。
XDC干货|雪球表情升级全纪录
 
 
 
YOYO品牌语义表情化
根据YOYO的两种品牌语义,我们分别开脑洞。
哪些意向和财富相关呢?我们找到“锦鲤”“招财猫”“金元宝”,这些元素和表情相结合形成财富类表达;那么陪伴和服务感我们使用“抱抱”、“打call”这类温暖鼓励意向的肢体语言来和YOYO结合传达。
XDC干货|雪球表情升级全纪录
 
 
 
写在最后
此次表情改版我们不仅从视觉和交互体验角度进行优化升级,还通过挖掘平台特征、用户特征来探索表情更丰富的表达和更深层语义。通过本次升级希望助力雪球社区的互动性、丰富性、趣味性。引发用户共鸣和更积极的互动,建立更强大的社区链接。
XDC干货|雪球表情升级全纪录
 
 
 
内容指导 | @Zway @默默
内容写作|@洁洁
排版编辑&优化 | @丸子
 
 
 


作者:雪球设计中心XDC
链接:https://www.zcool.com.cn/article/ZMTYwOTE0OA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

日历

链接

个人资料

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

存档