5
请大家帮忙投票， A 是我画好的 UI， B 是领导找的参考
source link: https://www.v2ex.com/t/799039
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
请大家帮忙投票， A 是我画好的 UI， B 是领导找的参考
95 条回复 • 2021-08-31 16:31:01 +08:00
ZxBing0066 2 小时 15 分钟前 
1
anyxchachapoly 2 小时 12 分钟前 via iPhone
A，虽然应该是粗稿还没细致处理，但明显稍微考量了 UX，
B 就是传统国内的工具设计，能用就行
但如果你 A 已经高保真那就不行
B 就是传统国内的工具设计，能用就行
但如果你 A 已经高保真那就不行
xarthur 2 小时 12 分钟前 via iPhone
显然 B 好看……
你们领导说的对，你设计的对 UI 颜色搭配太奇怪了。
而且有些该有颜色区分的（比如已完成界面的四个按钮）没有颜色区分，不该有颜色区分的，比如各种订单号的显示，黑底白字就行，要弄的粉红色的底色。
你们领导说的对，你设计的对 UI 颜色搭配太奇怪了。
而且有些该有颜色区分的（比如已完成界面的四个按钮）没有颜色区分，不该有颜色区分的，比如各种订单号的显示，黑底白字就行，要弄的粉红色的底色。
lyz1990 2 小时 11 分钟前 via Android
butanediol2d 2 小时 9 分钟前 1
理性分析我觉得 B 好看一点。但 B 总给我一种大厂开发的软件的感觉（比如阿里云 App ），看着还行但点起来很难受。A 有点像个人开发者的玩具项目，看起来略粗糙但更“原生”。
oneisall8955 1 小时 55 分钟前
2i2Re2PLMaDnghL 1 小时 53 分钟前
A 的问题：
可排版的环境，给人眼看，就别 T 字母分隔了
不分主次轻重，关键信息和非关键信息混为一谈
颜色就不赘述了
B 的问题：
可预见的，很多操作凭空多了很多步骤
B 第 2 张图文字未明确所属字段
应当结合 A 的交互设计和 B 的视觉设计
可排版的环境，给人眼看，就别 T 字母分隔了
不分主次轻重，关键信息和非关键信息混为一谈
颜色就不赘述了
B 的问题：
可预见的，很多操作凭空多了很多步骤
B 第 2 张图文字未明确所属字段
应当结合 A 的交互设计和 B 的视觉设计
chairuosen 1 小时 50 分钟前
353943780 1 小时 37 分钟前
X-Force 1 小时 30 分钟前
不知道楼主是专业学设计还是半路过来做 UI 的，反正我半路还没出家的，看到 A 都发现很多一眼就能看出的问题：
1 、主次不分；所有元素都是一样的字重而且颜色都比较缤纷，看起来没重点，整个版面都是满满的信息。
2 、没考虑“可用性”的设计，比如绿色的「完全收货」，那到底是显示“状态”还是一个“按钮”？一样看不出来，这就会让用户陷入思考了，在用户的直觉上就是“不够好用”。
1 、主次不分；所有元素都是一样的字重而且颜色都比较缤纷，看起来没重点，整个版面都是满满的信息。
2 、没考虑“可用性”的设计，比如绿色的「完全收货」，那到底是显示“状态”还是一个“按钮”？一样看不出来，这就会让用户陷入思考了，在用户的直觉上就是“不够好用”。
8jinmuyan8 1 小时 29 分钟前
显然是 B 简约符合现在大多国内商业产品的设计, A 的设计显得很奇怪，颜色搭配，图标设计都不符合现在流行趋势，如果追求设计感，多看看像国内 站酷，国外 dribbble 之内。
whusnoopy 1 小时 12 分钟前
从半吊子自学设计的角度来说一下 A 的一些问题
1. 配色太多，太多色块，让人一眼看过去不知道视线应该聚焦在哪里
2. toB 的工具，只有可以按的地方用色块会更好，明确「信息」和「操作」的区别
3. 信息区域，说明性文字和数值用不同的表现形式好过现在这种都一样的，按 HTML 语义就是 dt 和 dd 在 dl 里的表现
1. 配色太多，太多色块，让人一眼看过去不知道视线应该聚焦在哪里
2. toB 的工具，只有可以按的地方用色块会更好，明确「信息」和「操作」的区别
3. 信息区域，说明性文字和数值用不同的表现形式好过现在这种都一样的，按 HTML 语义就是 dt 和 dd 在 dl 里的表现
maplerecall 1 小时 7 分钟前 via Android
B 清晰，效率高
A 有种早期 bootstrap 组件拼接的古早味，感觉比 B 更老套，很有那种初学者逮着个有几个"高级"css 样式的框架就套的感觉
A 有种早期 bootstrap 组件拼接的古早味，感觉比 B 更老套，很有那种初学者逮着个有几个"高级"css 样式的框架就套的感觉
madlifer 1 小时 3 分钟前
B 好，A 可以很明显没有系统的学习过交互设计，作为 PM 或者 UI 来说都不合格。
单说入库单详情这个页面，如果 B 作为模板
1. A 缺信息： 入库类型、入库仓库 入库操作人，尤其是入库操作人是追责、划定业绩用的这个竟然没有
2. 总预计数量、总接收数量、预计入库数量 这三个没搞懂什么意思，入库单按道理入了库才能开，为啥有个预计
3. 总条数 那排蓝色 总条数跟其他信息很明显不是同级别数据，放在同一地方展示了
4. 这种“...” 是不想展示给用户看，但查看详情是肯定要提醒用户查看的。
另外，啥公司啊 没 PM 整理页面要素信息， 没 UI 做视觉设计，让前端做也太难为人了，建议跑路
单说入库单详情这个页面，如果 B 作为模板
1. A 缺信息： 入库类型、入库仓库 入库操作人，尤其是入库操作人是追责、划定业绩用的这个竟然没有
2. 总预计数量、总接收数量、预计入库数量 这三个没搞懂什么意思，入库单按道理入了库才能开，为啥有个预计
3. 总条数 那排蓝色 总条数跟其他信息很明显不是同级别数据，放在同一地方展示了
4. 这种“...” 是不想展示给用户看，但查看详情是肯定要提醒用户查看的。
另外，啥公司啊 没 PM 整理页面要素信息， 没 UI 做视觉设计，让前端做也太难为人了，建议跑路
yuzo555 1 小时 0 分钟前
A 主次混乱，次要信息也用圆角矩形背景展示，而且项目名称（如订单日期）和内容没有任何样式区别。满屏都是圆角矩形按钮，感觉设计背景你貌似只会用圆角矩形，连选项卡 Tab 都用圆角矩形背景
wr516516 53 分钟前
gps949 2 分钟前
一看 A 就是码农（非设计师 or 产品经理）设计的，啥文字、按钮、表单毫无主次往上一堆就 ok 了，反正信息都显示了、功能都有了，用户用起来爽不爽才不管。
B 的话虽然颜色、样式显得也一样土，但最起码信息显示有主次、界面布局有留白，才能引导用户产生“操作逻辑”。
一句话评语：
A——不如干脆让用户去直接连数据库自己 CRUD 吧。
B——传统国产软件。
B 的话虽然颜色、样式显得也一样土，但最起码信息显示有主次、界面布局有留白，才能引导用户产生“操作逻辑”。
一句话评语：
A——不如干脆让用户去直接连数据库自己 CRUD 吧。
B——传统国产软件。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK