服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

为啥你的设计反复修改,老板还是不太满意?

日期: 来源:UI范收集编辑:吒吒虎


今天来跟大家分享一个个人信息选择页!

最开始设计师交上来的版本:

比较普通,这个页面还是有很多值得优化的地方,可以让它更加丰富。

这是修改后的
这中间都做了哪些思考和修改呢,就来分享我的修改思路。

01 原设计信息引导不清晰

同样都是新人信息填写页页,我去看了一些其他 app 是怎么做的,发现他们都有一个共通点———都拥有强引导性的文字!

所以我们不妨也在页面头部加这样一行文字

是不是看着就清晰很多,同理,当我们在做其他页面时也可以反思,这样做能否让用户看得懂。


02 修改反人类的交互操作

大家看这部分的东西:

它想让用户选择性别、年龄、常住地,这种交互方式其实是不太合理的,因为选项之间的互斥性很强、非此即彼。性别只有一种,年龄只有一个,常住地也只有一个。但现在做出来的却是多选的标签,意味着一个人他可以既选男又选女;既选择是 80 后,又可选择为 90 后。之间就很矛盾。

所以最终改成了下拉框单项选择,就合理很多。


03 文字宽度和它底板的宽度

大家看这张图:

当文字一长,这个文字就会撑满甚至超出底板

考虑到这种情况,我们有两种解决方式
1. 开发根据文字长度做自适应,只需要保证文字距离底板左右两端的间距一直不变

运用到此方式的设计:


2. 知道文字最多和最少的字数是多少,定死一个标签宽度。
但是要确保这个宽度无论放比较多的字还是比较少的字,都是合适的。

比如说这个设计

我们选择合适的方式运用在设计上即可!

这样页面框架就重构完成了!下面可以进行视觉设计。


视觉较于原版要做的更丰富

在用户填写完所有信息后,他在个人主页看到的信息是这样呈现的

是借助了「身份卡、身份证」的概念做的设计样式。
新人引导页也可以用到类似的设计样式。


标题的地方还是有些空,我们再加一行小字丰富设计层次,就会精致一些:

为丰富画面,再来点缀元素

整个页面就处理的差不多啦
交稿!过稿!


总结

应该带着思考做设计,在拿到一张原型图后,一定要知道这张页面想要达成的目的,通过设计去实现这个目的,会让我们的设计更有价值。
总结完毕!下次见~



「往期推荐」





相关阅读

  • 产品更新 | 网镜国产化操作系统版本正式上线

  • 关于本次网镜更新推文,小编想说我们为什么要做支持国产化操作系统的应用。为什么要毫不动摇坚持自主可控的“国产化”道路?不自主意味着需要在国际市场上高价采购;不可控意味着
  • Hybrid 远程调试的前世今生

  • 大厂技术 坚持周更 精选好文本文为来自 西瓜视频前端技术团队 的文章,已授权 ELab 发布。作者:郑家兴前言前端程序员最容易搞出 P0 事故的就是白屏,PC 上的白屏我们比较好调,
  • MDN 里暂时还查不到的 Navigation API

  • 大厂技术 坚持周更 精选好文本文为来自飞书 aPaaS Growth 研发 团队成员的文章,已授权 ELab 发布。aPaaS Growth 团队专注在用户可感知的、宏观的 aPaaS 应用的搭建流程,及
  • 新课:《教练的真相》

  • 家庭成长社群里,我又要开新课了 —— 社群里已经有五千多个家庭正在共同成长。最初的《好的家庭教育》(2022.09),现在可以改名为《家教的真相》了 —— 而后来我又讲了《学习的
  • 一个“文”字,看懂实况文本。

  • 实况文本功能,能把看见的文字直接抓取并处理,将简洁和直观发挥到淋漓尽致。下面就让这一功能的主角:文,带你认识认识实况文本。画面描述:实况文本的logo变成了文这个汉字。所
  • 开源 | 携程 Foxpage 前端低代码框架

  • 作者简介 Jason Wang,携程研发经理,目前主要负责低代码类产品的设计和研发,关注低代码行业的发展及相关解决方案在企业内部的落地。一、背景随着低代码开发方式被越来越多的人
  • 干货 | 新时代的 SSR 框架破局者:qwik

  • 作者简介19组清风,携程资深前端开发工程师,负责商旅前端公共基础平台建设,关注NodeJs、研发效能领域。引言今天这篇文章中和大家聊一聊号称世界上第一个 O(1) 的 JavaScript SS

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 为啥你的设计反复修改,老板还是不太满意?

  • 今天来跟大家分享一个个人信息选择页!最开始设计师交上来的版本:比较普通,这个页面还是有很多值得优化的地方,可以让它更加丰富。这是修改后的这中间都做了哪些思考和修改呢,就来
  • 喜茶又玩起了LOGO,设计了50多款城市皮肤!

  • 近日,喜茶推出了一大批“新皮肤”,以不同城市的特色为设计灵感,将品牌地域属性给拉满,一起跟着我们来看看!↓视频观看↓ · 保定 · 保定古莲花池,中式园林美意,以水为胜,因荷得名(
  • 当代网友求职图鉴:直接把HR整不会了,哈哈哈

  • 当代网友求职图鉴这对话真的是笑不活了直接把HR整不会了哈哈哈哈01不我离世了02公司倒闭了请节哀03资深运营一对一服务04这么私密的问题这么直接的回答了?!05再加班我就要哭了
  • 2023 QQ音乐设计征集大赛!(2023.01.18截止)

  • 你是否热爱音乐、热爱设计?你是否有着无限创意却无处释放?你是否渴望在亿万用户的平台尽情施展才华?不限主题,只惜才华让创造力激发灵感用艺术定义音乐Q Music Ideas音乐设计开
  • 从A到Z,看完2022全年设计大事件

  • 2022年即将步入尾声。这一年是“AIGC元年”,AI绘画大热、ChatGPT爆火,引发设计界热议;这一年里,国际国内设计大奖频频诞生新锐作品,也有大师级人物悄然离世,成为昨夜星辰;当然,还有