“它”并没有你想的那么简单,我们试着去诠释那个“它”

  • 作者: Paul
  • 最后更新:2026 年 03 月 17 日
替换1.jpg
目录

举个UI设计的栗子:

每个组件的设计,从颜色、大小、位置,都有他背后的原因:

640 (11).webp


第1处

问题:标号用了页面中唯一的颜色,本想通过颜色区分上下题,但是也成了视觉干扰项,让客户视觉都关注在了序号上;

解决:通过卡片式设计区分了上下题目关系,同时标号颜色改成黑色,使视觉上不会太跳跃。

第2处

问题:数据条和文字比例失调,过于突出;

解决:把数据条变细,和文字比例协调,数据条和文字调成一行,节约页面显示空间。

第3处

问题:只是为了切换图表功能,却成了页面中最突出显示的焦点。

解决:图表切换是个弱功能,使用频率较低,所以放到卡片的右上角弱化设计,用切换的方式展示。


排版的细节也可以让舒适感提高一大步:

640 (12).webp


改版前元素的排版间距几乎没有什么规律,这也是导致用户对产品有乱糟糟印象的原因。

改进后,用间距去表达元素之间的关系,间距设计常常会用到“黄金比例”或“五分原则”,黄金比例不必多说,五分原则就是相关的元素用周边0.5倍的距离表达亲密关系。


“它”是什么:

有些时候雍熙很难去解释那个“它”,说不出、讲不明,在我们客制化服务的过程中,存在大量的信息不对称,这只是用户体验UI设计过程中的一个细节,图片化的对比,让您去理解高端服务的价值。其实在整个需求梳理、开发过程、测试过程、售后过程等等方面,存在大量的“它”,“它”是细节、是经验、是积累沉淀、是责任心,是点点滴滴死磕互联网服务的决心。

22222222封面2 1.jpg
雍熙专注数智化网站升级

3000+企业网站建设案例

免责声明:本文内容通过AI工具匹配关键字智能整合而成,仅供参考,上海雍熙不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见,您可以通过联系我们进行反馈,雍熙收到您的反馈后将及时处理并反馈。

Paul
上海雍熙CEO

上海雍熙CEO马西伯,18年数字营销经验,曾就职于美国上市公司。2008年创办上海雍熙,主要服务世界500强、中国500强、集团上市公司、外资等KA客户,是数字化网站升级的创导者。

参与撰写《To B增长实战1》、《To B增长实战2》、《专精特新企业品牌营销之道》、《B2B官网搭建指南》、《To B官网数字化升级手册》。

担任虎啸奖评委、中图科信全国总决赛暨(新加坡)全球品牌策划大赛评委。