58同城有一个同城交友平台,专做社交、相亲、红娘业务。

可能是因为聚焦下沉市场吧,设计有种粗糙廉价感,不太精致……
但是!最近他们做了一个改版,突然界面就提升了一个档次。
虽然依旧是偏下沉市场,但感觉像是给小哥哥小姐姐们的正经交友平台了~
不过,我觉得里面说得东西有些过于细碎,读着读着就有点找不到方向了。
其实总结起来,我认为这次改版最明显的亮点,就是让界面更加 精致了。
把卖菜的产品设计出轻奢品牌感
把教育类产品设计成拼多多
今天我就以 58 这个社交产品为案例,给大家提炼几个提升界面精致度的小技巧。
然后就开始正文吧:
🌈 统一色调
我们先看改版前的页面,简直就是色彩乱飞。

尤其是首页,紫色、橙色、桃红、蓝色都集齐了,主色调应该是那个俗气的桃红色。
第五个页面,告诉我背景上的这个梦幻紫哪里来的???
感觉每个页面,甚至每个模块都很有个性,但组合到一块儿,就有点不伦不类的了。
这种配色让人联想到,小杂货店里低价出售的塑料盆,价格便宜就行,什么颜色都无所谓。
再来看看改版后的,很明显把整个界面的色调往橙色靠拢。
虽然图标依旧是彩色,但每个都多少加了点橙色,放在一起还是在橙色的大氛围里。


🧩 减少色块
改版前色方案色块运用过多,导致一眼能看到很多不大不小的色块:
鲜艳的色块在视觉上分量很重,对整个界面的布局有很大的影响。
而这些色块数量多,尺寸又相差不大,凑在一起就很难布局得好看,一不小心就看起来像是打补丁的感觉。
虽说补丁也可以算是一种风格吧,但绝对离精致相差很远。
至少,年轻小哥哥小姐姐聚会交友时,一般都会避免这种风格吧?
再来看看改版之后,减少了色块的数量,并且把部分中色块变成了半透明的轻色块。
再用服装打个比喻,就像是把补丁换成了少量装饰图案,而且还增加了薄纱材质,质感蹭蹭就上去了。
🖼️ 加大图片
这次改版,还把帖子展示图片的数量减少了,对精致感的提升效果明显。
其实关键不是数量而是尺寸,大图永远是 B 格提升利器,很多时尚杂志封面都是这种感觉:
不是说上面这种设计就不行,而是如果想要提升档次感,就要多用大图少用小图。
而且现在的小哥哥小姐姐,在交友平台上发的图片质量不错的。
📌 明确主次
改版之后,重要文字的尺寸被拉大加强,而不重要的内容则变细变浅。
两相对比,重点更加突出了。

这样能够让人感觉更加细致清晰,知道最有价值的信息在哪,像报纸或杂志排版一样: