如何给界面做减法，实现B端设计提效效果 ？
· 2026-07-21 17:46:10
今天主要的改版案例依旧是表盘 ，我们要在表盘的法实基础上做减法 。
首先看我们这次改版的现B效效对象 ：
光凭第一印象 ，整体效果是界面计提还不错的 ，落实到每个局部的做减话，布局也是法实合理的 ，可以看到是现B效效有设计的细节在里面.jpg 。
但是端设 ，再多看几眼 ，界面计提就会发现整体的做减效果似乎有点不和谐 ，但又找不出来问题具体在哪 ，法实不知道怎么改下去 。现B效效问题的端设根源就是 —— 过度设计 。
我们强调过很多次 ，表盘页的设计是作品集项目中最重要的页面 ，因为观看者对整体视觉和设计水准的印象是通过它建立起来的 ，不管你分析怎么写 ，我们首先关注的肯定也是设计的效果 。
但重要不代表需要过度倾注和堆叠视觉元素，过度的设计会让界面看起来有 "飞机" 敢 ，不仅不真实的印象产生了 ，还会显得业余不够自信 。同时任何项目中表盘页过度设计都会对整个项目造成负担，后续的页面要怎么设计才能不和它产生隔阂 ，保持一致性 。
下面 ，我们根据原页面进行分析 ，来找出问题并优化 ：
问题 1：导航栏的图标
导航的顶部 LOGO 描边没有太大必要 ，以及图标的设计在这个尺寸下非常的局促 ，因为细节较多 ，不仅复杂性提升了 ，也缺乏图形辨识。
所以改动中 ，将多余的背景去掉 ，再简化图标本身的样式 。
问题 2 ：顶栏的设计
顶部栏本身设计单看是没有问题的，但是作为全局栏目和导航栏颜色缺乏区分，而且用了投影来强化层次 ，就让这个模块的权重被过度放大 。
所以我们去掉了背景色 ，并适当增高栏目的高度 ，让局部更舒展 。
问题 3 ：统计数字的问题
统计数字在作品展示里用特殊字体很常见 ，因为要用更美观的字体来呈现重要的信息 。但任何页面中的信息权重都要保持阶梯性，不能让加粗 、深色 、特殊字体几个要素作用在过多的信息上 ，这就让画面显得非常的"吵"。
所以要对字重和色彩做控制 ，创造对比来降低视觉的压力 。
问题 4：图表的应用
原图中的图表应用有一定的问题 ，第一个柱状的堆叠类型并不是太符合实际数据应用 ，下方的环形图中起始位置显然不对 ，并且色彩比较混乱。
所以是答案对它们做出优化 ，并调整了一些小细节。
问题 5：配图类型选择
在引导卡片中 ，用的扁平插画素材一方面不高级 ，另一方面内容太碎 ，再加上用奇怪的字体和倾斜 ，使得这个卡片看起来非常别扭。
改动中替换新的图片素材（临时找的 ，理解意思就行） ，同时使用一般黑体的标题 ，以及增加背景色 ，来形成新的卡片样式 。
问题 6 ：装饰图标应用
在快速入口和日程模块中，都有使用装饰图标 ，显然大家也能理解他们对于目前的语境来讲还是细节过多了 ，所以需要做一些调整 ，让它们简化 。
最后 ，再加上一些细节的小改动 ，最终的样式就完成了 。
表盘的设计一定要在最后做检查 ，一些设计感强的元素是否有必要这么做 ，尤其是类似图标元素 ，做得很花哨是否对信息的识别能带来帮助 ？如果不行 ，那就可以果断的放弃 。
表盘页的设计感来自 —— 全局元素和色彩的控制 ，而不是单一某个局部内容的加强 。
今天的内容就优化到这里 。
作者 ：超人的电话亭
文章推荐：
Brand Finance ：2025年印度尼西亚品牌100强