以前我做UI设计的时候,版面总是搞得一团糟,别人看了一眼就说“这太乱了”,我自己也觉得难受。去年公司给我派了个新项目,设计一个手机App界面,我心想这回非得解决这个问题不可。
刚开始那会儿,我打开设计工具,脑子一热就开始乱堆东西。颜色用了五六种亮瞎眼的,按钮大小不一,图片东倒西歪,空白地方还硬塞字上去。结果用户测试时,好几个人说“看不清楚,太烦了”,老板也说“美感不够”。我郁闷得想撞墙,这活儿咋干下去。
第一招:颜色别瞎来,主次得分清
后来我找了一位资深设计师朋友聊,他提醒我别用太多花里胡哨的颜色。我琢磨着试试看:先从色板上只挑两三个主色,其他全扔了。选了个稳重的蓝色做主调,配上灰调做背景。按钮大小定了统一标准,大红大绿的取消掉。这步搞下来,版面立马清爽了。我自己盯着看,都觉得“这眼睛舒服多了”。测试用户也说“内容好找,不像以前那么闹心”。
第二招:东西对齐别歪,统一摆整齐
颜色搞定后,我又犯难了——图片和文字总是不听话,有的偏左有的靠右。朋友支招说“对齐是关键”。我就重新摆弄工具,把所有元素拉成一条线:文字从顶到底对齐,图片大小调成一样,按钮位置固定。花了半天时间调整,一遍遍测试对齐度。这一弄版面就规整了。以前乱糟糟的排版,这下看着整整齐齐。用户反馈多了句“感觉专业多了,不乱晃”。
第三招:留点空档别挤满,呼吸空间要给足
那块,我还是爱塞东西,老是怕空间浪费。朋友笑着说“空档是给人喘气的”。我狠下心来删:文字间距拉大点,图片周围空开一圈,少加点花边装饰。重新设计时,我逼着自己只放必要内容,多余的全砍掉。结果嘛版面看着不挤了,像喘了口气似的。用户测试反馈变成“轻松好看,没压力”。
三招全用上后,项目交了工,老板夸“美感提升不少”,我也美滋滋的。回想过程,就是逼着自己简单做,别整复杂。现在接手新设计,我都先按这三步来,省时又省力。生活中嘛连收拾家里我都用这法子——颜色一致、东西对齐、空档留老婆都惊讶“你怎么变得这么有条理了”。啥都是习惯成自然,慢慢练就成了。





