上海雍熙网站建设

电话咨询
在线咨询
微信咨询

输入您的电话,我们即刻给您回电

接通客服

您也可直接拨打24小时电话:4008-030-567 或线上咨询

数 字 化 网 站 升 级

雍熙已支持虚拟会议室远程洽谈
企业微信客服
一键订阅建站干货内容
扫码获取2021年建站策略指南
一键订阅网站干货内容

当新的文章、案例及行业报告时,我们将及时发送给您。

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

发布时间:2019-07-22 热度:214 作者:上海雍熙

举个UI设计的栗子:

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

1.jpg


第1处

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

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


第2处

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

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


第3处

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

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


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

2.jpg


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

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

“它”是什么:

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