仪表盘建筑设计的 7 个阶段

十进制。

控制元件建筑设计：Panch

三、控制元件的内部结构：这多种多种不同于骨头 Dashboard structure: the skeleton

不想象一下，你进入一家酒店房间，看不到一张床上、犹如楼上、一个影子和一个衣柜，就算不打开壁橱，你也能碰到；还有有什么，吹风机、拖鞋、浴巾就置于你所显然的地方——有人已经保证了这些。

一个好的控制元件建筑设计就如同那个房间：它是洗澡、安静且可被预知的。你可以第一时间看不到所有供给，并且直观地并不一定知道剩下的东西亦会在哪那时候。建筑所设计们有他们自己的用以来保证控制元件建筑设计的安静连续性。

1. 等级

首先，你需要理清思路，在起到创意先前，要对所有信息展开排列，将其分类，并充分认知适当级等等，明确使用者可以第一时间听见的不可或缺加权信息。

1）感官等级需要反不宜反馈等级。

建筑所设计可以通过微件的尺寸及一段距离来表现信息的等级权重。如果你的使用者是从左往右读到的，那么不可或缺反馈需要置于左上角，而持续连续性则有的反馈置于底部左上角。

对信息不可缺少连续性的排列方法依赖于控制元件的建筑设计用途。不可缺少的是根据反馈的适当级在结构上反馈并搭建逻辑上链路。

2）将反馈元件视为一个故事，而不是一系列的信息点。

2. 一维

一维对于创始人页面的总体总体布局、排列、协调和倒置特连续性更加适于于。

3. 反馈模组

系统亦会的模组多种多种不同于一个住宅中的的动态分区：寝室用来睡眠，餐厅用来吃饭之类，每个区域有其动态。你的舒适连续性依赖于它们安放的一段距离有多有效率。

一个差劲的总体布局不能靠翻新和布置家具来挽救，因此与之常与多种多种不同的，反馈模组的总体布局需要被提前顾虑。反馈模组努力你展览品章节的层次内部结构，且努力你根据信息章节的不可缺少连续性、持续连续性和逻辑上相连对章节展开第一组。每个模组不宜该在给定操作过程中的分派特定的借以。

4. 连续连续性和接近连续性

如果你在去往壁炉的一路上需要穿越一个有两扇门的走廊，那么这是一个差劲的室内总体布局。常与互关联连续性的多线程则亦会断言在逻辑上上也带有常与似连续性。如果一个模组的多线程需要来自另一个模组的信息，那么信息的总体布局就需要有近似于连续性。

这一点需要事先顾虑，这样使用者就不需要在晦涩难懂的反馈海那时候挖掘他们需要的反馈。所有常与关的反馈不宜依据常与似连续性，从最不可缺少到最不不可缺少连续性来展开第一组和取向。

5. 分离模组

并未人需要一个与寝室常与连的壁炉。为了将两个block拆成，你需要留白或者胜室内空间。你一定要在一开始就尽量避免：将胜室内空间视为感官平衡所需要的建筑设计特连续性组合。

控制元件建筑设计：Wingle

四、动态：这就多种多种不同于四肢的肌肉部分 Functions: the muscles

动态和用以的使用量依赖于控制元件的用途和其使用者的主要远距离。为了自由地移动，本能需要两条双脚，犬需要四条双脚，而蜘蛛需要八条双脚。一个拥有实在多动态的控制元件就像一条有着六条双脚的犬一样最出色，但这有点让人头疼。

不用在控制元件上放实在多用以，只需要在最附着安放使用者供给就好。实在多的可用用以亦会让使用者惊讶且不禁撤，因为这亦会让控制元件外表很复杂。个连续性化也许比内置要好。

控制元件建筑设计：Band

五、微件：不可缺少的器官 Widgets: thevital organs

如果触摸屏上有超过 5～7 个的小微件，人们则亦会不易认知其章节。所以我们（建筑所设计）的指导工作是让常与关信息可以被出访但使用量维持一定，不难免，这样就能适使用者能在数秒中的认知他们看不到的章节。感官数据量化的用以包括：

括弧由此可知形由此可知表卡片加权绘制地由此可知常与片第一组遮罩此表档案内部结构

控制元件信息微件的选项依赖于你控制元件的借以和你的小众。商量思索表列状况：

哪一种微件最能展览品特定的 KPI（不可或缺指标加权）？使用者需要年所在控制元件上看不到什么？哪一种微件将亦会是使用者最难以认知的？什么可以努力使用者速度快地找到他们需要的东西？

商量选项难以认知和可读的微件。这那时候有一个让人惊讶的与最易认知的微件对比示例：

商量顾虑什么是主要的远距离来吸引使用者的视线。

例如，如果你的首要特殊任务是获利远距离，则不宜适用十进制；如果你需要比较系数，则不宜适用折线由此可知或者柱状由此可知；如果是为了期望工作团队，则不宜适用带有令人惊叹明显的排行榜。

选项一个不合适的组件或默认的小组件模侧边则亦会重名使用者或导致他们误解信息。最差的提供商也许量化和的测试的结果。

最差的小组件建筑设计是新颖的，并且易于读到的。

例如，一个 3D 由此可知确实外表令人震惊印象可贵，但它租用了使用者实在多的视线，终究断言它亦会转移使用者的视线。渐变、难免适用橙色和实在多细节也同样亦会所致伤痛。

六、感官建筑设计：常用精准 Visual design: general tips

我们已经构筑了控制元件的大脑和四肢。再一需要构筑的是控制元件的皮肤——最表面的一层。这可以根据好的经典建筑设计的基本准则来顺利进行，但这那时候基本上有些细节需要具体陈述。

1. 新颖连续性

一个控制元件不宜该跟你喜欢的指导工作由此可知形用户界面一样洗澡：它只有必需的档案和用以，并未任何干扰项。

控制元件建筑设计：MEMO

2. 双色侧边

控制元件的橙色选项需要曾为一个借以：这样一来完整地展现出反馈。你的双色侧边就越少，就越少难完整地展览品反馈。所以不用在控制元件上适用难免橙色。这样一来用常与同橙色的深粉红色或者多种不同的色常与。

首选，你需要选项一个基础连续性色，然后选项一个主要用途色。每个橙色都需要有特定的用途。一个橙色可以用来紧密结合/组合特连续性，另一种橙色可以用来突显特连续性。橙色还经常用来展览品一个特连续性是主动的还是被动的。避免适用确实带有胜面词的橙色。

例如在示例的事例中的，红色看上去像展览品一些还好且不流行的信息：

如果控制元件提供可内置的橙色，商量保证所有的可选择橙色看上去都不太好。Aodbe Color CC 是一个用来选项双色的最出色用以。

3. 突显

语义的突显之处不宜和感官的突显之处一一对不宜。你可以适用橙色（对比、亮度）、形状、尺寸、胜室内空间等等来突显特连续性。

4. 可信度和十进制文件格式

这是保证感官上完整清楚的一切：洗澡的总体布局，感官等级，明显重点，对比柔和的特连续性，适当的大写字母，且这些大写字母也需要带有对比连续性和易读连续性。

高连续性能的十进制文件格式是不易让人认知的。最差的办法是将任何十进制四舍五入，并下降较长的十进制。

七、适不宜连续性 Adaptability

在实践操作过程中的，当由此可知形用户界面旧版本是使用者的适当选项时，则不宜该适当构筑网址版，然后创始人移动端的。如果你的远距离小众主要适用移动端旧版本，则不宜首先侧重构筑移动端的控制元件。然后再创始人由此可知形用户界面端的。

控制元件建筑设计：Snap

八、结论 In conclusion

建筑设计一个适当的控制元件并不一定难以。我们将其创始人操作过程类并称本能演进，因为它是记下不可缺少东西和展览品指导工作的连续前期的好方法。当你在整合你的控制元件，商量促使地自我提问：前提一切各就其位、有为？前提有去除的部分吗（需要去掉）？肺脏协作时指导工作经常连续性吗？使用者亦会喜欢这样的结果吗？这（动态）亦会适于于吗？

如你所见，感官建筑设计严格来说是建筑所设计再一需要担心的事。如果你什么都并未漏过，你的控制元件将对你的使用者激发有意思的努力，而不只是一个人偶。

本文翻译成已获得创作者的正式使用权（使用权截由此可知如下）

文中：

创作者：Erik Messaki

译者：陈羽姿；查核：蔡林燕、李泽慧、张聿彤；编辑：世孙淑雅

本文由@TCC翻译成情报局 翻译成发布于不来都是系列产品经纪人，未经许可，禁止转载。

题由此可知来自 Pexels，基于 CC0 协议

。

沈阳妇科医院去哪家好
江苏男科专科医院哪个好
江苏男科检查哪些项目
镇江看白癜风哪个专科医院好
重庆白癜风专科医院哪个好
复方鱼腥草合剂和蓝芩口服液哪个好
得了新冠吃什么药好得快
艾得辛艾拉莫德片与羟氯喹的效果一样吗
牙疼有什么办法可以止痛
回南天湿气重如何除湿