请大家帮忙投票， A 是我画好的 UI， B 是领导找的参考

[Joseph0717]

领导非说 B 好看，让我参考，我参考出来的结果就是 A，他要和 B 一摸一样，不要五花八门的颜色，搞不懂...请大家帮忙投票。 A: https://z3.ax1x.com/2021/08/31/hUvDTP.jpg https://z3.ax1x.com/2021/08/31/hUv0eI.jpg https://z3.ax1x.com/2021/08/31/hUvsFf.jpg https://z3.ax1x.com/2021/08/31/hUvdOA.jpg B: https://z3.ax1x.com/2021/08/31/hUvayd.jpg https://z3.ax1x.com/2021/08/31/hUvBwt.jpg

更新：
就这样吧。
https://imgtu.com/i/haI5qO
https://imgtu.com/i/haI4sK

更新：
https://z3.ax1x.com/2021/09/01/hwdFHK.jpg
https://z3.ax1x.com/2021/09/01/hwd9j1.jpg
https://z3.ax1x.com/2021/09/01/hwdPnx.jpg
https://z3.ax1x.com/2021/09/01/hwdiB6.jpg

[cstj0505]

确实 b 好看，a 有种半成品的感觉

[ZxBing0066]

B😂

[anyxchachapoly]

A，虽然应该是粗稿还没细致处理，但明显稍微考量了 UX，
B 就是传统国内的工具设计，能用就行

但如果你 A 已经高保真那就不行

[xarthur]

显然 B 好看……
你们领导说的对，你设计的对 UI 颜色搭配太奇怪了。
而且有些该有颜色区分的（比如已完成界面的四个按钮）没有颜色区分，不该有颜色区分的，比如各种订单号的显示，黑底白字就行，要弄的粉红色的底色。

[lyz1990]

B 好看

[timedivision]

你的设计太“块”了，功能性的操作和常规的内容显示相近

[kuaner]

A 主要是颜色区分不出主次，重点信息不突出

[javapythongo]

A 这种 UI 有种复古的感觉

[HeyWeGo]

B 清晰，好看？谈不上~

[Macolor21]

B 好看，A 里面，很多子元素，如入库日期这些，为什么也加了圆形边框和颜色，搞得好像按钮一样。太乱太杂，颜色搭配也是。简洁一点，

[Joseph0717]

@xarthur 本人前端，没学过设计，目前的颜色搭配只是临时的

[butanediol2d]

理性分析我觉得 B 好看一点。但 B 总给我一种大厂开发的软件的感觉（比如阿里云 App ），看着还行但点起来很难受。A 有点像个人开发者的玩具项目，看起来略粗糙但更“原生”。

[Jaosn]

B 搞点圆角就好看了

[stimw]

好不好看另说，单从信息获取角度，b 清晰很多，a 会找不到重点。

[finab]

只能说 B 比 A 好点
A 把信息放方块里看起来费劲，配色奇奇怪怪的

[winnie2012]

大家审美一致，楼主接受意见吧

[oh]

@Joseph0717 专业的事交给专业的人做，没学过设计的前端，可以先从“抄”开始。

[dengji85]

非专业，b 好看不疲劳，a 太整齐了 找不到重点

[ryougifujino]

我能说都不好看嘛...

[lower]

a 的颜色确实给人五花八门的感觉😂

我其实蛮喜欢有赞的 vantui 的风格的，很简洁

[stormysky]

b 一下就能看出要展现什么，a 就是一坨一坨没重点

[yousabuk]

B，色彩搭配再调整下就好了。

A，没有重点，太难找到有用信息了。

[3wdddd]

a 看起来像是没有经验的设计师设计的东西，和好看不沾边，
b 也和好看不沾边，但是很规整，井井有条
总体来说 b>a

[Joseph0717]

看来选 B 的人多，那我就弄 B 了，，，

[wzq001]

B：领导都选我了，你还纠结个毛线！！！

[oneisall8955]

楼主自闭

[Vegetable]

确实是 B 好

[2i2Re2PLMaDnghL]

A 的问题：
可排版的环境，给人眼看，就别 T 字母分隔了
不分主次轻重，关键信息和非关键信息混为一谈
颜色就不赘述了
B 的问题：
可预见的，很多操作凭空多了很多步骤
B 第 2 张图文字未明确所属字段

应当结合 A 的交互设计和 B 的视觉设计

[Originalee]

A 的色彩搭配需要再考量考量，并且第三第四张图一眼看过去看不出那些块状是操作按钮还是状态 tag

[chairuosen]

B 好

[ily433664]

b，a 就像后端程序猿做的一样（又不是不能用）

[Joseph0717]

虽然我画不出正儿八经的 UI，我不喜欢的是 B 没有一点设计感，啥也不说了，画 B，和 A 结合一下

[gablic]

A 对于现在的人类还有点早

[ericgui]

领导说的都好看，这一点觉悟都没有。。。。

[coderluan]

"他要和 B 一摸一样"

说的这么明白, 楼主还想这么多干啥.....

[U2Fsd]

@Joseph0717 #32 设计是基于功能 而不是 在自以为好看的审美里闭门造车

[Joseph0717]

@coderluan 就我一个前端 ，太自由了

[Macv1994]

B 谈不上好看，但是清晰

[gaobh]

你们缺一个产品经理吧……

[lagoon]

B 。

作为开发，不抬杠，觉得 UI 有时候的目标总是“要有个性”、“要有设计感”，但其实，UI 很多时候和开发一样，都是“后台岗位”。

要的只是，方便好用。

[deplivesb]

u1s1，B 好看，A 有一种说不上上来的违和感

[353943780]

B 吧

[MX123]

B，这应该是公司内部 App 吧。而且 A 并不是太好看。

[Rakuu]

其实都不好看，但硬要比较的话，B 比 A 好

[darknoll]

B 好太多了啊，A 就跟后台差不多只能内部用

[Tink]

A 找不到重点

[X-Force]

不知道楼主是专业学设计还是半路过来做 UI 的，反正我半路还没出家的，看到 A 都发现很多一眼就能看出的问题：

1 、主次不分；所有元素都是一样的字重而且颜色都比较缤纷，看起来没重点，整个版面都是满满的信息。
2 、没考虑“可用性”的设计，比如绿色的「完全收货」，那到底是显示“状态”还是一个“按钮”？一样看不出来，这就会让用户陷入思考了，在用户的直觉上就是“不够好用”。

[hyy1995]

这波楼主输了

[X-Force]

错别字纠正：“一样看不出来” = “一眼看不出来” // 这就会让用户陷入思考了，在用户的直觉上就是“不够好用”。

[8jinmuyan8]

显然是 B 简约符合现在大多国内商业产品的设计, A 的设计显得很奇怪，颜色搭配，图标设计都不符合现在流行趋势，如果追求设计感，多看看像国内 站酷，国外 dribbble 之内。

[LemonK]

A 一看就是不懂任何基础设计理论的纯外行做的。实用性一团糟，审美也不咋地。
B 烂大街堆套路，但能用。

[ws52001]

选择 B，你对颜色语言的了解还不够透彻。

[360511404]

A 看着好累...眼花
B 虽然老套,但很清晰

[Smilencer]

A 花里胡哨

[byron]

听领导的。

[spacebound]

A 花里胡哨
B 简介明了

[mhqschen]

B 好。A 的想法可以感受到，但是不能理解有什么设计感。

[xu2060]

B 就是看的舒服 但是并不出众，一般

[mxT52CRuqR6o5]

选择烂大街的 ui/交互从另一个角度看待就是用户不需要更多的学习成本

[whusnoopy]

从半吊子自学设计的角度来说一下 A 的一些问题

1. 配色太多，太多色块，让人一眼看过去不知道视线应该聚焦在哪里
2. toB 的工具，只有可以按的地方用色块会更好，明确「信息」和「操作」的区别
3. 信息区域，说明性文字和数值用不同的表现形式好过现在这种都一样的，按 HTML 语义就是 dt 和 dd 在 dl 里的表现

[Rwing]

建议任何非设计专业的人都买本这个书看看
《写给大家看的设计书》
https://book.douban.com/subject/3323633/

[ganbuliao]

你们领导说让你一模一样照着抄的时候，心里估计已经绝望了吧。

[crab]

A 眼花缭乱 B 直观

[xianxiaobo]

A 是真不行，看起来就是新手的设计，根本不能用。B 看起来，虽然没什么亮点，但好歹是能用的的那种。

[satchy]

其实都很丑。。。相比之下，A 更丑，属于完全没学过设计，色彩原理都不懂的那种。。。B 是路边打印名片小店水平。。。

[whosesmile]

A 的配色是认真的吗？一个人要是这么穿衣服，是少数民族服饰吗？

[zhengfan2016]

emmm.....就我一个觉得 a 好的嘛 类原生看着就很舒服

[minamike]

A 下面那四个按钮风格都不统一

[maplerecall]

B 清晰，效率高

A 有种早期 bootstrap 组件拼接的古早味，感觉比 B 更老套，很有那种初学者逮着个有几个"高级"css 样式的框架就套的感觉

[whosesmile]

我回复完，我反应过来，楼主应该是正话反说：
他领导估计是选 A，因为正常做设计就算半吊子也不应该做出 A 的配色效果来。

[hervey0424]

A 感觉看起来一屏幕都是按钮

[izoabr]

你就直接用现成的 antd mobile 或者 ele 多好呀，大概把功能区块规划好就得了

[toou123]

我觉着是字体的原因

[madlifer]

B 好，A 可以很明显没有系统的学习过交互设计，作为 PM 或者 UI 来说都不合格。

单说入库单详情这个页面，如果 B 作为模板

1. A 缺信息： 入库类型、入库仓库 入库操作人，尤其是入库操作人是追责、划定业绩用的这个竟然没有

2. 总预计数量、总接收数量、预计入库数量 这三个没搞懂什么意思，入库单按道理入了库才能开，为啥有个预计

3. 总条数 那排蓝色 总条数跟其他信息很明显不是同级别数据，放在同一地方展示了

4. 这种“...” 是不想展示给用户看，但查看详情是肯定要提醒用户查看的。


另外，啥公司啊 没 PM 整理页面要素信息， 没 UI 做视觉设计，让前端做也太难为人了，建议跑路

[Unclev21x]

无脑 B 。领导还是领导。

[JamChiu]

恕我直言 我选 B

[james2013]

明显 b 好看,a 这一眼看去背景颜色很显眼,a 不好

[yuzo555]

A 主次混乱，次要信息也用圆角矩形背景展示，而且项目名称（如订单日期）和内容没有任何样式区别。满屏都是圆角矩形按钮，感觉设计背景你貌似只会用圆角矩形，连选项卡 Tab 都用圆角矩形背景

[X0ray]

随便让谁选都是 B 啊

[leeeeec]

招个设计吧

[AlisaDestiny]

不是做设计的，但是我觉得一个好的设计是让人能在颜色上区分哪些是文本区域、按钮、条目结构、可滚动区域、可编辑区域，而不单单是靠上面显示的文字。

[wr516516]

我选 B

[wangyzj]

B
楼主严重受伤了

[rnv]

B 看着舒服多了

[docx]

B 说不上好看，就是中规中矩的那种，比 A 看着更规范成熟。

话说回来，领导说什么就是什么，准没错。

[zxxufo008]

B 看着舒服 A 不直观，而且在 app 上不建议白底太多，看的难受

[dabaoziwy]

总感觉 A 看起来怪怪的=_+

[noahhhh]

@butanediol2d lz 配色太怪了

[cxe2v]

我是领导，我选 B

[lycpang]

我觉得很难设计出特别好看的东西，所以还是借鉴淘宝、京东、拼多多吧。。这 ab 都不好，但是 b 明显能用。。。a 就是 demo

[Junzhou]

如果是我，我会选 B 。。。。A 虽然看上去很好看。。。

[ChevalierLxc]

你要考量视觉效果，A 感觉就给人那种各种颜色都要硬用，还不如不用，换种颜色可能会好一些，但是你得找到那种配色

[onemotor]

A 色彩搭配不合适

[simo]

B
A 就一原型
B 好歹能用

[gps949]

一看 A 就是码农（非设计师 or 产品经理）设计的，啥文字、按钮、表单毫无主次往上一堆就 ok 了，反正信息都显示了、功能都有了，用户用起来爽不爽才不管。
B 的话虽然颜色、样式显得也一样土，但最起码信息显示有主次、界面布局有留白，才能引导用户产生“操作逻辑”。

一句话评语：
A——不如干脆让用户去直接连数据库自己 CRUD 吧。
B——传统国产软件。

[blackshow]

A 太丑了。。。。

[wuxinling]

@ily433664 (╯‵□′)╯︵┻━┻ 后端程序员坚决不背这个锅！明明是你们先要求后端程序员画界面的！！！

[lerp]

A 看着很累

[hst001]

A 的颜色搭配拉垮

[EvansUtopia]

你们没有产品没有交互没有视觉吗...