二十世纪七十年代信息设计从平面设计脱离,有何独特优势?

时间:2025-07-07作者:admin分类:排版与出版物设计浏览:2评论:0

在二十世纪七十年代,英国伦敦的平面设计师特格拉姆率先提出了“信息设计”这一概念。

当时引入这一概念主要是为了将它与传统的平面设计以及产品开发等类似设计领域区分开来。自那时开始,信息设计便逐渐从平面设计的范畴中独立出来,并在众多不同领域中得到了广泛的应用。

信息设计的主旨是什么?

这是指追求高效的信息传达,与推崇精致艺术表现的平面设计形成了各自独立的发展路径。

基于对信息图表设计基础知识的掌握,我们能够从信息搜集与筛选、构思应用场景、视觉呈现,直至设计模式与制作流程等方面入手,精心打造出遵循阅读逻辑、便于观众理解和高效阅读的设计方案。这种既精确又直观、快速的信息传递方式,已经充分展现了信息设计方法的独到之处。

3. 信息设计的意义

信息层级的布局不仅关乎视觉的和谐度,还直接关系到用户检索信息的便捷性。特别是在面对B端用户所涉及的复杂应用场景中,我们不仅要确保业务价值的明确传达,还需注重信息层级的合理划分,这对于提升产品使用感受至关重要。一个设计得当的信息层级,往往能带来更加优质的用户体验。

二、信息设计的基本思路1. 用户如何获取信息?

设想一下,若我们打算购置一部手机,那么我们又将通过何种途径来获得这部手机呢?

我们将搜集关于手机的各类资讯,比如先通过网络查找最新的手机资讯,或是向朋友咨询,或是根据个人喜好确定心仪的品牌和型号。随后,我们的大脑会对这些资讯进行整合,从而形成对购买哪个品牌和型号的判断。最终,我们从众多信息中筛选出有用的内容,以此作为我们后续行动的指南。

由此可见,我们获取信息的步骤:

广告网页版传世新开_网页玩传世_传世网页版_复古经典传世

因此,我们在信息设计时可以借鉴以下基本思路。

1)根据自己的经验与用户需求收集尽可能全面的信息。

2)分析信息池中哪部分信息是用户最关注的。

然而,若产品面向的用户群体并非单一,我们便需制定多种策略来满足不同用户群体对信息的多样化需求。比如,在电商平台进行商品搜索时,我们既可选择通过店铺或商品名称进行查找,亦能利用天猫提供的商品分类目录树进行直接定位。

设计师在考虑如何展示信息时,必须深入思考如何使信息更易于用户接受与理解,因为只有善于整理信息,才能成功创造出用户喜爱的产品。

2. 如何分析判断用户行为?

为确保页面设计的有效性,我们必须对用户的互动模式进行深入研究。具体来说,可以将用户在页面上的浏览活动细分为三个不同的级别:

核心行为层,即用户首先聚焦于该页面的关键要点,所引发的用户的首要、核心操作,这与信息分层的核心重点层相对应。了解行为层,则表示用户产生了深入了解的愿望,并持续对内容进行探索的行为,这属于信息分层的次要辅助层。而查看更多行为层,指的是用户在获取信息后,寻求获取更多信息的举动,例如点击行动按钮、点击文字链接等交互行为,这对应着信息分层的详细信息层。

因此,若页面设计品质优良且信息层次清晰明了,用户的操作行为理应与页面信息结构相吻合,这亦是衡量我们页面设计质量的关键指标之一。

三、如何做好信息设计

信息层级设计对用户体验至关重要,因此,如何有效地进行页面信息层级设计显得尤为关键。

我发现网络上的资料质量不一,查阅到的资料内容几乎都在阐述排版设计的四大核心原则,即:元素间的紧密关系、对齐方式、视觉对比以及重复运用。

尽管这四种策略颇为实用,但在处理层级繁复的排版问题时,仍旧可能遇到难题。鉴于此,我对页面布局进行了更深入的探究和思考,接下来,我们将探讨除开那四大设计准则之外的其它策略:

1. 信息设计的前置处理

在日常生活中,我们往往容易忽视的一个细节,便是信息的前期处理环节。我自己也曾经遭遇过一些信息内容繁杂,导致排版工作变得尤为棘手的情况。在这种状况下,我反复修改设计方案,却始终未能达到满意的效果。然而,在这个过程中,我却未能注意到这些信息是否真正有必要。

信息前置处理的核心在于评估我们即将展示的信息是否确实必要。此类情况在日常工作里屡见不鲜,例如,产品可能提供了大量数据,但并非所有信息都需要详尽展示。因此,在设计阶段,我们不可贸然着手,而应依据当前页面的业务需求,对信息的必要性进行甄别。这一过程涉及两个关键步骤:首先,需审视信息的适用性;其次,对每个信息的合理性进行评估。

页面上的所有信息是否都必须保留,若删去部分内容,是否会带来影响?这些信息的价值如何,对于那些不那么关键的信息,是否能够通过隐藏或调整位置来展示?

确认这两个问题至关重要,它将直接影响到后续的信息设计及排版。为此,我们必须从源头着手,比如与产品或业务部门进行交流,明确信息展示的初衷和必要性。这样做有助于我们最终梳理出清晰的信息层级。

那么如何进行信息前置的处理呢?

在开展B端产品信息设计工作时,我们应当以“简约四策略”为核心展开设计思路。

英国易用性专家协会的主席,贾尔斯·科尔伯恩(Giles Colbore),在其著作《简约至上》中,对简约设计的四种关键策略进行了深入剖析,这四种策略分别是:剔除不必要的元素、合理布局、巧妙隐蔽以及灵活转换。

广告为什么中国人移民不去美英法却选希腊,看完我终于明白

1)删除

删除操作意味着从界面上移除那些对用户而言非关键的内容和元素,仅保留其核心信息。此举不仅使设计师在界面设计过程中能够集中精力解决关键问题,而且有助于用户更专注地实现其目标。设计的目标在于集中展示可用信息,剔除那些可能分散用户注意力的信息,进而为用户创造实际价值。

在执行删除操作时,务必谨慎行事,切勿盲目删减。此过程对评估信息价值至关重要,因为错误地删除信息可能会给用户带来不良影响。

那么,如何判断哪些信息可以删除呢?

① 从用户使用场景考虑

信息是否呈现出来,对用户作出最终选择并无实际影响,反而可能干扰他们处理其他非关键信息,此时或许应当考虑进行删减。

② 从产品目标考虑

在确定产品目标的过程中,我们发现某些信息对实现产品目标并无关键影响。因此,我们决定剔除这些非关键信息,仅保留对用户决策和后续操作至关重要的信息。

2)组织

组织工作涉及对既定信息进行分级的编排。若不对筛选出的关键信息进行有条理的归类,用户在应用过程中将感到操作繁杂,难以把握核心。

信息整理需遵循产品定位与用户需求,首先明确展示信息的主题,其次思考如何对信息进行分类,例如按照时间、色彩、尺寸或字母顺序等,最后需将零散的信息有条理地组织,确保各信息模块间界限清晰。

右图进行了信息组织,明显会比左图看上去体验更好

信息的价值高低直接决定了我们应当将哪些内容作为核心内容,哪些内容作为辅助补充,而有些内容则可以适当隐藏或省略。

3)隐藏

隐藏是指将用户不常用的信息隐藏起来,在用户需要时才出现。

但是,我们要注意隐藏策略的使用方式。

首先,需要明确隐藏与删除的区别,删除的数据通常是用户不再需要的或多余的,而隐藏的数据则是用户可能需要,但相对较少使用的内容。

其次,在信息隐藏的设计过程中,必须深思熟虑隐藏措施是否会给用户带来额外的不便。若在隐藏信息时缺乏必要的提示,用户将难以察觉到这一信息的存在。

成功的隐藏是什么呢?

首先,彻底隐藏需要隐藏的信息,只在合适的时机出现相关内容。

其次,能在界面中给出细微的提示,让用户顺利地找到隐藏信息。

最终,需确保提示信息位于用户视野之内,一旦超出视野,即便提示非常显眼,用户同样无法察觉。

在B端产品设计领域,关于表格操作栏是否应该被隐藏的问题,一直是人们热议的焦点。

对于这个议题,有人主张不应将其隐藏,理由是若隐藏操作栏,用户可能会误以为表格中的数据不可操作。然而,也有人持相反意见,主张应当隐藏,因为每条数据都伴随着操作栏的展示,显得有些冗余。

广告高防补单平台618>年中大促,大额优惠

笔者认为这需要仔细分析,不能一概而论:

若表格列数众多且横向滚动条已显现,且操作栏功能使用频率不高,则可考虑将其隐藏。而当鼠标悬停于数据行之上时,操作栏功能便会显现。然而,若表格操作栏功能至关重要,且用户操作频繁,则不应隐藏操作栏。否则,隐藏操作栏可能会让用户在操作时感到不便。若表格列数较多,导致横向滚动条出现,尽管如此,若操作栏中的某些功能依然频繁使用,则无需对这些功能进行隐藏。此时,当用户将鼠标悬停于数据行之上,那些较少使用的操作功能便会显现出来。

4)转移

转移就是将合适的信息放到合适的地方。

在设计面向B端用户的注册页面时,我们希望用户在完成账号、密码和验证码的填写后,额外提供他们的生日信息。这是因为产品经理计划在用户生日当天向他们发送祝福,以此传递产品的关怀之情。此外,在后续进行用户分层管理时,我们可以依据年龄这一维度来进行划分。然而,将生日资料置于注册页面似乎并不妥当;此时,我们可将输入生日信息的环节调整至用户完成注册流程之后。

B端产品信息层级设计_书目录排版设计_信息设计发展历程

一旦用户成功完成注册流程,系统将提供温馨的提示信息,告知用户:“你的注册已经完成,一旦你输入了生日信息,你将在自己的生日当天收到一份神秘的礼物。”

在设计界面信息传递过程中,B端产品经理需明确信息转移的动机。若信息转移缺乏目的性,用户将难以在恰当的位置找到所需信息,这无疑会降低用户获取信息的效率。

明确了信息设计所需的前期信息处理步骤后,便轮到了设计师大展身手的环节,着手进行信息的布局与排版设计。

2. 如何信息分层设计

在内容丰富的网页上,设计师必须深入掌握产品的各项功能以及用户的实际需求,对页面内容进行细致的归类,确立各部分内容的优先展示顺序,并构建清晰的信息结构层次。

一般而言,我们可从产品设计层面出发,对页面内容进行分层,具体可细分为三个级别:

1)重点核心层(吸引用户)

用户在短短3至5秒的浏览时间内,最容易受到吸引的焦点内容便是。这部分内容构成了页面的核心功能,也是页面最希望向用户呈现的部分,内容需简洁精炼,在设计上需加以凸显和展示。

2)次要辅助层(帮助理解)

用户一旦被关键信息所吸引,便会在网页上逗留约3至5分钟,进而浏览那些有助于深入理解核心内容的辅助资料,例如说明性内容或其它相关功能。这些信息虽重要,却无需过分突出展示。

3)详细信息层

这指的是额外的信息或是补充性的内容,详细信息层级将通过更多种类的交互形式来呈现这些信息。尽管这些内容并非关键,但它们同样有必要被呈现出来。

广告经典战斗场面重燃,挑战传奇巅峰3. 信息设计的排版处理

B端产品的业务流程相对复杂,页面上的信息量也相对较大,因此对信息的有效组织显得尤为关键。信息设计并非仅仅是内容的简单堆积,它需要依据用户的具体场景和需求进行优化调整,并通过构建合理的层级结构,辅助用户更好地理解业务内容。

总结出以下五种方法来帮助我们更合理地进行信息设计:

1)信息分组

信息分组是一种普遍采用的设计手法,它可以将繁杂的信息进行拆分与重新组合,有效汇集相似内容,并对差异信息进行区分,从而显著减少信息的复杂程度。这样的设计有助于用户迅速找到所需信息、便捷地浏览内容,进而降低页面的整体复杂感。在分组方法上,通常有三种常见的形式:合理设置间距、运用分割线以及采用卡片式布局。

广告去云南必去的10个地方,你去过几个?

依据信息的繁简程度,我们能够更恰当地挑选分割手段,以确保界面的表述既清晰又直观。

设计简单,应优先使用空白来划分区域,以保持视觉的整洁与无杂乱感。若空白分隔效果不佳,则推荐使用分隔线,以此提升信息的层级感和屏幕的显示效果。若要增强条目边界的识别度,卡片设计是不错的选择,它有助于增强条目信息的视觉层次感及操作便捷性。

2)组件拆分

在处理繁杂的信息内容时,用户往往会产生逃避的心理。在大多数设计师进行信息布局的过程中,组件扮演着不可或缺的角色,其具体包括:

树形结构特别适合于层级关联紧密的多级内容,它能够将繁杂的层级关系进行有效整合,大幅减少信息处理的复杂性。而表格结构则适用于信息量大且关联性相对较弱的情况,可以将这些信息汇总至表格中展示,但需注意表格的使用不应过度,应根据具体情境合理选择。分步骤呈现,逐步解析复杂内容,引导用户关注于操作进度,以此减轻心理负担。同时,节点信息页的设置有助于用户深入理解业务流程。采用tab标签,适用于同级数据的展示,有助于对页面进行有效拆分,使当前页面更加简洁明了。

3)页面整体布局设计

通过调整布局的安排方法,我们能够将多层结构的样式通过分散布局的方式限制在三层以内。其基本原理在于,面对较为复杂的逻辑问题时,我们可以通过调整结构来降低其复杂性,具体可参考下方的图示:

广告「新服网」新开传私网站_新开传服奇服网站

4)信息融合

通过采用信息融合的手段,我们可以有效降低其层级间的干扰。信息融合在本质上指的是,将两种不同层级的资讯以多样化的组合模式,整合进同一层级之中。

在构建B端界面布局的过程中,信息融合的应用相当广泛。例如,我们经常将标题、搜索栏以及按钮等元素并排置于同一水平线上。此举不仅能有效节约视觉区域,还能显著减少信息结构的复杂性。

在进行信息融合时,我们应留意:若将内容置于同一级别可能导致理解上的混淆,此时应避免采用该策略。以搜索框为例,其放置的层级将决定搜索的覆盖范围。

5)信息弱化

信息弱化的核心理念在于对超出常规层级的某些部分进行淡化处理。以5个层级为例,它巧妙地将功能筛选功能整合进现有结构,即便层级超过3层,我们也不会觉得特别复杂,正如以下图示:销氪平台对数据与视图的切换过程进行了简化,尽管存在4个层级,但从视觉上并不会给人以杂乱无章之感。

广告2025网页游戏大全_超热网页游戏_点开即玩

借助这五种策略——信息划分、模块拆解、调整版式、内容融合、信息减弱——我们能够有效简化层级繁杂的复杂信息,确保最终页面展示既不过于繁杂,又便于用户轻松理解。

四、常见的信息设计技巧1. 减少页面元素设计

与面向消费者的产品不同,面向企业的B端产品更注重提升运作效率。正如奥卡姆剃刀原则所阐述的:“若无必要,切勿增添实体。”

页面展示的信息应追求简洁,避免无关因素造成信息的杂乱。设计师往往情感丰富,他们担心设计显得单调乏味,于是会在界面中加入众多视觉元素,但这可能会提升用户的认知难度。

在设计体验领域,创新至关重要,然而在面向B端的产品设计中,我们必须格外小心。我们必须尊重用户的日常使用习惯,确保业务逻辑的全面阐述,同时保障内容的清晰易懂,这些都是设计师在工作中必须重视的方面。

2. 卡片是用线框还是背景

在考虑利用卡片对数据进行分类的过程中,你是否曾陷入过选择使用线条边框卡片还是背景色填充卡片的犹豫?经过一番深思熟虑以及多次设计方案的对比,我意识到,分组的方法实际上蕴含着某些特定的规律:

1)取决于卡片的数量

如果卡片少,用色块;

千年广告中,魂环专属物品将降临,全服将爆出神器与神装,7月7日,限时福利地图即将盛大开启!

当卡片数量较多时,采用线框结构,你会察觉到,这种设计使得页面看起来更加规整与清爽;而若是采用色块设计,页面则会呈现出一种较为厚重的视觉效果。

2)取决于页面的视觉重心

若页面被线条框所占据,不妨采用色彩鲜明的卡片设计,以此凸显页面中心,使页面不再显得单调乏味。参照下方的示例,右侧的页面布局显得更为稳健。

3. 底色用灰色块还是彩色块

在进行色块设计的过程中,我们常常陷入两难,是选择灰色作为基底还是彩色作为基底。那么,这两种色彩究竟是否存在明确的界限呢?我们究竟在何种情况下应该选择这两种颜色呢?

广告热血不灭,传奇经典等你来战!

可以看出目前这两种颜色的运用更多的是功能上的区分:

彩色背景更适合那些旨在吸引用户注意的界面设计,例如功能指引或具有营销目的的页面,其在表现上显得更为突出。相比之下,灰色背景则更适用于通过灰色来区分不同层级,或是提供细微提示的信息,其在表现形式上则显得较为简洁。

在特定情境中,内容页面能够借助可视化手段辅助用户把握信息,比如在身份证图片上传这类常见操作中,众多用户往往难以区分正反两面,此时通过图片的可视化提示,能够有效提升用户对信息的理解程度。

五、最后

我们常常觉得那些优秀的界面设计之所以简洁,并非其本身设计简单,而是由于我们巧妙地掌握了信息层级,使得最终呈现的效果给人以不繁复之感。这一点,设计师在实际工作中必须予以重视,也是我个人认为设计师所具有的重要价值之一。

文中如遇表述不够准确或存在瑕疵之处,恳请大家不吝赐教。期待大家的点赞与评论,以示支持。在此,对您的耐心阅读表示衷心的感谢。

参考资料:

《B端思维-产品经理的自我修炼》一书中,张静晨提出了B端产品信息设计的三个核心原则(子牧UXD)。若要提升信息设计水平,首先需思考陈睿婷提出的五个关键问题。

你可能想看: