UI设计的3个细节创新

在做界面设计时,经常遇到的难题是如何才能做得更有创意?每次给老板看方案时总是被说太平淡了,界面也缺乏创新。我想很多设计师都会遇到这种情况,包括我自己在内,早期开始做设计时,思路总会局限在现有的参考上,不知道如何下手做。

控件、交互也在随机应变的迭代

还记得刚开始互联网做UI设计的时候,很多控件、交互的形式都和现在差很多,当时也没有觉得不好用不妥,只是任何事物都在迭代,当更好的方式出现的时候,之前的就不再香了。

这是一个真人认证的页面,当用户上传认证头像之后有一个需要等待上传的加载过程,在实地试验以后我们发现这个加载过程的时间在3-5s。

按照老式的设计应该是:上传-加载页-结果页这样的流程顺序,后来演变为:上传-中央加载toast-结果页,到现在更流行的:上传-隐蔽toast-结果页。

排版的细节可以到多细

对于界面排版的标准很多铁汁都知道遵照格式塔原则,但是格式塔能教给我们的标准是很有限的,仅仅做到只是及格,还有更多细节需要我们去补缺,这里随便举一个比较常规的“我的”页面,看看有多少细节我们可以注意。

头部背景:如果过重,不但抢首页的风采,也压掉了底下签到(运营粘性功能)的视重,但裸白又过素没有气氛(一个相亲社交app),所以右图是叠了3层的效果(白色底板+低透明度头像模糊+低透明度品牌色渐变)

签到区域:如果过重,会将页面完全割裂,反而弄巧成拙,但要把握它是第一个视重,所以用了轻拟物图标增强识别度+渐变按钮+低透明度渐变背景控制整体平衡

列表区域:如果严格按照整体栅格左右20,其实我们反而会觉得列表太靠边距,留白过度,并不是最舒适的视觉体验。因此遇到这种情况我们需要灵活应用,在栅格系统基础下将列表的起头图标和分割线的间距分开来设计(图标内收8左右的边距)。

差异化圆角层叠布局

俗话说,当然不知道如何去做创新时,可以去找一些好的概念设计,从里面挖掘一些新的设计想法,用在自己项目中。

例如上图,我们将卡片圆角化与底部地图相呼应,整个设计看上去就有了细微纵深感。如果上下滑动时,再配上视差动态效果,那么细节也会更丰富。

本页面最后更新于 2021年10月14日 11:38