请大家帮忙投票， 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

[hanssx]

你把 A 缩放一下，B 感觉缩小了很多，功能比 A 多？？

[Microi]

你们需要：PM 和用研出需求文档和原型图，UX 出交互文档，UI 出视觉稿。

[tankren]

个人喜欢 B

[tabris17]

b 对手指粗的人不友好

[chenmobuys]

感觉 B 显得专业一点

[allanpk716]

选个 B

[chenyu8674]

LZ 真的是专业 UI 么，用色实在不忍吐槽

[chenyu8674]

别的不说，你一个界面用到三四种不同的蓝色，考虑过色弱的感受么

[yuruizhe]

我个人喜欢蓝白色，选 A，但老实说，颜色不是重点，能看见数字就行，这个玩意应该不用刻意强调美观吧。。。本来功能上都一样。。。

[sikong31]

克制下颜色数量 调整下字体大小

单从获取信息的速度 是 B 快一些，有主次

[Seayon]

个人喜欢 B

[rrZ2C]

B 结构清晰 喜欢

[fang2hou]

肯定 B 啊, A 这配色明显不和谐啊. 而且图标也不行, 怕不是直接从 flaticon 下下来直接用的吧

[sujin190]

审美不在啊，也觉得明显 B 好看，从阅读视觉来看，过多不同种颜色和深色过多是很不利于人眼阅读的，各种突出就等同于一片黑，而且你不觉得你这个配色过于暗淡了么，一种死气沉沉的感觉，老板肯定不喜欢啊，用户估计也不喜欢，似乎有种研发转行做设计的感觉。。

[rrZ2C]

@Joseph0717 #32 太扯了吧，如果 B 是没有设计感 A 就是......
B 至少结构清晰，很符合视觉扫视
A 的设计感 就是因为你有大小统一又显怪异的色块么

[gxm44]

我选 B

[Curtion]

A 我觉得配色很奇怪，所以我选 B

[LLaMA2]

听我说，讲道理。
A 的设计中似乎没有突出那些信息是重点，全部都是一样的颜色和大小的字。这在这种清单的设计时是比较错误的示范，结构上没有什么好坏，无非就是和需求者确定好哪些信息是他一眼就希望关注到的，而哪些信息是需要但不是紧急关注，哪些又是不需要的。这样你在画界面的时候就知道该怎么搞了。
你看看 B 的设计，是不是符合我的说法。

当然，你可以选择不听不听，飞鞋点金，不打不打，带线偷塔

[belowfrog]

A 一眼望过去，全是重点，不知道看哪了。
连 tab 切换都好突出，感觉设计的没有逻辑。

[IvanLi127]

楼主要自闭了，哈哈哈哈 B 不一定好看，但是 A ...

[linhongye]

一定是 B 啊...

[waler]

B 数据方面考虑 展示内容比 A 多的

[P233]

我选 B

[BigDogWang]

说实话，原版的好看

[johnsonqrr]

BB

[k4nUu]

感觉画的挺不错啦！

[Varobjs]

A 有种后端画的感觉
B 不说好看，至少比 A 好

[dingdangnao]

讲道理，标题栏这几个按钮。。太亮了😂

[wangkun025]

我选 A 。

[guokeke]

我选 B，但是感觉第二个界面小图标颜色突兀，
A 怎么说呢，颜色太混了，蓝色太多，界面上的功能不是很专业的感觉

[morizawatt]

A 层级混乱，信息分布散乱； B 还算能看吧，起码信息层级是分清的
你司没 ueui 吗...

[popop1]

选 b，a 间距有问题，不舒服

[cslive]

选 b 啊，大厂不都是这么干的吗

[yehoshua]

我选 B

[Valid]

我选 B

[fs418082760]

看一眼 B 更好 业务逻辑更清晰

[efaun]

可能你希望我选 A，但是 B 确实比 A 好看

[LuciusChen]

我是领导我也选 B

[YOKAMIA]

暴躁一点，你头像和 A 差不多

[jiayong2793]

艺术和设计的区别，app 做出来是给人用的，不是拿来观赏的
参考阿尔瓦·阿尔托的 Stool 60 凳子

[ZoteTheMighty]

颜色搭配不行， 一个界面不需要太多的颜色，多了会显得很乱。

[ZoteTheMighty]

@ZoteTheMighty 更正下，改过后的好多了

[JerryCha]

问题的本质在于，如果用了你的稿，用户给了负面反馈，问题算谁的。
抄了知名产品的 UI，出问题那就是那个厂家也不行，不是只有我们不行。

[intellectual]

这个应该交给专业设计师来评判。
正常的专业设计师一般都会选择 B 。老实说，A 的典型是外行自以为是的设计。B 是比较正常且专业的 UI，当然 B 是否美观漂亮这是另一回事。
不理解可以对比下专业的 UIKit，阿里的 AntDesign，做个比较就能比较出差别。list 是 list，card 是 card，button 是 button，text 是 text 。A 的某些 tab 好像是 button，A 的某些 text 好像是 tag 。。。反正真是好多错误啊。。。此外还有信息的层级展示，轻重，对比，占用空间等等。。。一大堆不可名状的细节。。。
尽量还是交给专业的人，不然弄个外包也行啊，加油吧。

[Sunnic]

B 更好点。A 太花了，看起来费眼

[Sunnic]

建议文字尽量不要用反色

[M5eZ4tpePo9EbJjm]

相比起来好看，高效的传达信息更重要吧~ 基础有待加强，想要设计的合理要知道用户想要查看哪些信息，再区分信息的层级，最后优化交互的操作

[learnshare]

选择 B，修改后还是选择 B，虽然 B 算不上好

A 的问题可以列一下，包含修改前后：
1. 不必要的色块 /区域划分
2. 信息呈现不整齐，不清晰。无法瞬间定位需要的内容
3. 需要划分一下主要信息、次要信息和重要操作。即不能把所有东西都堆上去，也不能什么都折叠起来

当然，最好还是跟实际用户聊聊使用场景，甚至亲自体验一下，才能做出美观、简洁且高效的 UI 体验。

[amber0317]

不是你老惦记你那几个色块和图标干啥呢（

[Felldeadbird]

B 好看。A 一看就是原型图。没有对信息进行过归类。

[jeeyong]

如果是我, 我选 B..
审美不是第一要素. 而且其实差距不大...

[wanacry]

A 这画的啥玩意..

[clf]

那个。你最终稿的两个原型，设计上还是有比较明显的问题。

个人建议：
1.如果喜欢圆角，那么把列表中的全部订单卡片改为圆角卡片，页边距参考 出库单详情 页面中间的三个卡片距离屏幕两边的值。
2.如果喜欢直线风格，请把 出库单详情 中间的三个圆角卡片改为一个和两侧连接的白底方块（数据间用竖线分割为 3 部分）
3.页面主题色建议选择更加深的颜色，或者是 出货单详情 中间的三个卡片颜色换别的颜色，现在看起来很怪。

[chenyu0532]

B 是美团风格吧。。。

[kooze]

A 省事，B 好看

[billwang]

B 好
A 看起来很乱

[chenyu8674]

看了更新后的图，基本确认 LZ 属于设计水平稀烂审美能力低下还自我感觉良好的那类人

这种简单画面找专业 UI 出套指导方案也就一个红包的事，别继续折磨领导和用户了

[majiaxin110]

A 里面色彩明显大问题，单蓝色就有太多种

[missqso]

看 A 胸闷，不知道看哪里，看 B 舒服多了

[xiaohouzhi]

这不是好不好看的问题啊，这两个页面的功能都不一样，怎么比，这得看你具体的需求是什么啊

[begginer125]

个人感觉 B 好些，A 的色彩和元素都有些问题，可以参考下设计四大原则

[Pogbag]

B 好看 简洁

[hjq632233317]

选 B 清晰 一眼就看到重点数据

[zxcslove]

风格上喜欢 B，大小和疏密度两者都不太合适，颜色见仁见智但 A 方案颜色感觉有点花。

[yuanhuaqiang]

我选 B

[imkenbun]

你老板的产品体验意识、审美都比你好，你缺少用户体验思维，对产品结构、信息排版布局认识都很浅

[Arlene666]

我选 B

[byte10]

@chenyu8674 哈哈 ，专业。还是要专业的人设计，虽然两个都不咋地，B 页面明显 舒服一点。
@yuruizhe 颜色不是重点，但是 A 看起来就很 LOW，明显不行，门外汉随便加点颜色，避免黑白难看。
@Varobjs 是的，后端画的，点评精确

[rockddd]

我选 B

[zengyuxi]

没啥好说的，正常的 to B 产品或设计都会选 B ；你选 A，可能你之前做的都是 TO C 的产品把。你的经验及眼界太窄了。

[oh]

@chenyu8674 看了更新后的图，就知道 100 多个 V 友白提意见了，既然如此又何必来网上问

[oh]

@zengyuxi To 什么都不会选 A，Customer 可不愿看这样的界面

[wangsd]

B 是冠唐云仓库 APP，我这边公司也没设计，直接就照着这个做，

[milkv]

我选 B，A 就像你的头像一样是💩

[005008]

选 B 吧，别犟

[abc635073826]

A 的配色烂到不行，而且设计拟物和卡片乱搭，B 虽然很市面，但遵循单一原则

[u011631336]

A 除了蓝色字体，没别的槽点

[kernelpig]

A 的颜色太多了，优化下，尽量不超过 3 种颜色

[JustBecause]

破案了，原来很多奇葩的设计是这样来的
做过两年平面设计，说下我的想法吧
A 能看出想要做的个性一些，但对色彩把控不到位，字体与间距没有分寸，导致整个页面非常混乱
B 中规中矩，没有亮眼的地方，但也不容易出错，通常情况用这种设计最稳妥
看样子 lz 应该不是专业设计师，像是半路拉过来帮忙的。如果确实想做的现代一些，可以去 dribbble 和站酷照着别人的抄一抄改一改，问题不大

[TencentNews]

个人选择 B

[robinlovemaggie]

审美这东西真没必要争论，谁是领导听谁的。

[fzdoudou]

感觉最新的又有点单调了，看不到重点。

[fzdoudou]

领导不都说了让你照着 B 做，为啥非要犟，可能领导也不懂

[Lemeng]

都可以吧，这种东西简单简约就好，不用花里胡哨就行

[Bluecoda]

不考虑是否好看，只考虑是否好用
B 明显好很多

A 最大的问题有：
1 排版混乱，导致整个界面混乱不堪
2 没有突出一个区域的重点，也就是没有逻辑分层

我觉得 LZ 的设计水平很垃圾，很简单的设计原理都不懂，还喜欢喷人，自己都不找一下自己的原因

[keller]

B 不管是否漂亮好看，但是设计的很标准，主次分明、符合逻辑；
A 的问题，典型的过度设计、什么地方都想加上 UI 元素，色彩杂乱、内容无主次；

最好的设计就是没有设计
UI 要服务于内容，便于用户判断、识别内容（功能）

[wyattyhh]

底下的蓝色字体和浅蓝色背景为什么还没改..看得头疼

[PSDPSD]

如果不会配色就抄 行业热门软件

[PSDPSD]

首页 入库 出库 为什么要带图标？？？？？是为了小清新吗？

[saulshao]

B 看起来要清楚一些。这个看上去像是库房管理的 UI 。
楼主还是要多学习，这不是审美的问题。

[Quarter]

这样来说，B 比较好，因为 B 的设计虽然普通，但是表意清晰，结构合理，着色也比较符合预期，A 的问题在于，A 主要想更换一种设计风格，但是问题比较多，在布局合理性、配色、强调搭配上还有待进一步的完善，需要更加深入的考虑和打磨，所以以目前的状态来看，还是 B 比较好

[0o0o0o0]

其实两个设计都不算特别好。
A 用了大量的高亮度蓝色，以及高亮度肤色，导致视觉上对比度太低无法识别信息，其次排版没有重点，只能通过文字来了解内容代表什么。其次是色彩搭配虽然都是低饱和度的，但是整个有一种“轻”的感觉导致像是半成品，而下面的四个图标还是不错的，但是内容部分就显得格格不入了。
B 在排版上是不错的，大小有主次，什么内容放在什么位置，我看到数字 7，我不用看其他东西，只要知道大概位置就知道到底是价格还是订单数量还是什么，包括各种
不过 A 对于没有学过设计的人来说还是很不错的了，不过也可以看出来，设计和交互真的还是挺重要的。

[wildcat007]

对不起，这次我真的选 B[:doge]

[littlewing]

哪个是 A 哪个是 B，我打开就看到一堆大图

[meiyoumingzi6]

用 B, 被吐槽领导背锅

[iOCZ]

感觉 A 比较单调，B 不容易疲劳些

[Pandroid]

更新都看完了，还是 B 比较好。

[Benfinity]

都不好看。。。

[yrj]

1.谁出钱谁说了算。
2.谁官大谁说了算。

[veike]

也别怪大家怼你，b 看似普通但是符合 UI 设计规范，a 明显连最起码的 UI 规范都不符合。既然是用于生产不是用于概念设计，就按照成熟的 UI 设计规范来做。
建议你去了解一下如何设计一门 UI 设计语言，就知道为什么要怼你了