日期:
来源:UI范收集编辑:吒吒虎
今天来跟大家分享一个个人信息选择页!
比较普通,这个页面还是有很多值得优化的地方,可以让它更加丰富。
这是修改后的
同样都是新人信息填写页页,我去看了一些其他 app 是怎么做的,发现他们都有一个共通点———都拥有强引导性的文字!
02 修改反人类的交互操作
大家看这部分的东西:
所以最终改成了下拉框单项选择,就合理很多。
03 文字宽度和它底板的宽度
大家看这张图:
当文字一长,这个文字就会撑满甚至超出底板
1. 开发根据文字长度做自适应,只需要保证文字距离底板左右两端的间距一直不变
2. 知道文字最多和最少的字数是多少,定死一个标签宽度。
但是要确保这个宽度无论放比较多的字还是比较少的字,都是合适的。
比如说这个设计
这样页面框架就重构完成了!下面可以进行视觉设计。
视觉较于原版要做的更丰富
在用户填写完所有信息后,他在个人主页看到的信息是这样呈现的
新人引导页也可以用到类似的设计样式。
标题的地方还是有些空,我们再加一行小字丰富设计层次,就会精致一些:
交稿!过稿!
总结
应该带着思考做设计,在拿到一张原型图后,一定要知道这张页面想要达成的目的,通过设计去实现这个目的,会让我们的设计更有价值。
总结完毕!下次见~