V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Joseph0717
V2EX  ›  程序员

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

  •  
  •   Joseph0717 · 2021-08-31 14:13:50 +08:00 · 14708 次点击
    这是一个创建于 962 天前的主题,其中的信息可能已经有所发展或是发生改变。

    领导非说 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

    第 1 条附言  ·  2021-08-31 17:20:40 +08:00
    211 条回复    2021-09-02 15:22:30 +08:00
    1  2  3  
    hanssx
        101
    hanssx  
       2021-08-31 16:51:17 +08:00
    你把 A 缩放一下,B 感觉缩小了很多,功能比 A 多??
    Microi
        102
    Microi  
       2021-08-31 16:52:21 +08:00
    你们需要:PM 和用研出需求文档和原型图,UX 出交互文档,UI 出视觉稿。
    tankren
        103
    tankren  
       2021-08-31 16:57:13 +08:00
    个人喜欢 B
    tabris17
        104
    tabris17  
       2021-08-31 16:58:12 +08:00 via iPhone
    b 对手指粗的人不友好
    chenmobuys
        105
    chenmobuys  
       2021-08-31 16:58:49 +08:00
    感觉 B 显得专业一点
    allanpk716
        106
    allanpk716  
       2021-08-31 17:00:56 +08:00
    选个 B
    chenyu8674
        107
    chenyu8674  
       2021-08-31 17:06:03 +08:00   ❤️ 3
    LZ 真的是专业 UI 么,用色实在不忍吐槽
    chenyu8674
        108
    chenyu8674  
       2021-08-31 17:06:56 +08:00   ❤️ 2
    别的不说,你一个界面用到三四种不同的蓝色,考虑过色弱的感受么
    yuruizhe
        109
    yuruizhe  
       2021-08-31 17:08:40 +08:00
    我个人喜欢蓝白色,选 A,但老实说,颜色不是重点,能看见数字就行,这个玩意应该不用刻意强调美观吧。。。本来功能上都一样。。。
    sikong31
        110
    sikong31  
       2021-08-31 17:10:22 +08:00   ❤️ 1
    克制下颜色数量 调整下字体大小

    单从获取信息的速度 是 B 快一些,有主次
    Seayon
        111
    Seayon  
       2021-08-31 17:11:29 +08:00
    个人喜欢 B
    rrZ2C
        112
    rrZ2C  
       2021-08-31 17:13:11 +08:00
    B 结构清晰 喜欢
    houshuu
        113
    houshuu  
       2021-08-31 17:13:22 +08:00
    肯定 B 啊, A 这配色明显不和谐啊. 而且图标也不行, 怕不是直接从 flaticon 下下来直接用的吧
    sujin190
        114
    sujin190  
       2021-08-31 17:16:37 +08:00
    审美不在啊,也觉得明显 B 好看,从阅读视觉来看,过多不同种颜色和深色过多是很不利于人眼阅读的,各种突出就等同于一片黑,而且你不觉得你这个配色过于暗淡了么,一种死气沉沉的感觉,老板肯定不喜欢啊,用户估计也不喜欢,似乎有种研发转行做设计的感觉。。
    rrZ2C
        115
    rrZ2C  
       2021-08-31 17:16:53 +08:00
    @Joseph0717 #32 太扯了吧,如果 B 是没有设计感 A 就是......
    B 至少结构清晰,很符合视觉扫视
    A 的设计感 就是因为你有大小统一又显怪异的色块么
    gxm44
        116
    gxm44  
       2021-08-31 17:18:16 +08:00
    我选 B
    Curtion
        117
    Curtion  
       2021-08-31 17:21:39 +08:00
    A 我觉得配色很奇怪,所以我选 B
    LLaMA2
        118
    LLaMA2  
       2021-08-31 17:25:37 +08:00   ❤️ 1
    听我说,讲道理。
    A 的设计中似乎没有突出那些信息是重点,全部都是一样的颜色和大小的字。这在这种清单的设计时是比较错误的示范,结构上没有什么好坏,无非就是和需求者确定好哪些信息是他一眼就希望关注到的,而哪些信息是需要但不是紧急关注,哪些又是不需要的。这样你在画界面的时候就知道该怎么搞了。
    你看看 B 的设计,是不是符合我的说法。

    当然,你可以选择不听不听,飞鞋点金,不打不打,带线偷塔
    belowfrog
        119
    belowfrog  
       2021-08-31 17:33:41 +08:00
    A 一眼望过去,全是重点,不知道看哪了。
    连 tab 切换都好突出,感觉设计的没有逻辑。
    IvanLi127
        120
    IvanLi127  
       2021-08-31 17:38:16 +08:00
    楼主要自闭了,哈哈哈哈 B 不一定好看,但是 A ...
    linhongye
        121
    linhongye  
       2021-08-31 17:39:15 +08:00
    一定是 B 啊...
    waler
        122
    waler  
       2021-08-31 17:41:35 +08:00
    B 数据方面考虑 展示内容比 A 多的
    P233
        123
    P233  
       2021-08-31 17:52:03 +08:00
    我选 B
    BigDogWang
        124
    BigDogWang  
       2021-08-31 17:53:56 +08:00
    说实话,原版的好看
    johnsonqrr
        125
    johnsonqrr  
       2021-08-31 17:56:15 +08:00
    BB
    k4nUu
        126
    k4nUu  
       2021-08-31 17:58:10 +08:00   ❤️ 1
    感觉画的挺不错啦!
    Varobjs
        127
    Varobjs  
       2021-08-31 18:00:17 +08:00   ❤️ 1
    A 有种后端画的感觉
    B 不说好看,至少比 A 好
    dingdangnao
        128
    dingdangnao  
       2021-08-31 18:08:40 +08:00
    讲道理,标题栏这几个按钮。。太亮了😂
    wangkun025
        129
    wangkun025  
       2021-08-31 18:14:02 +08:00   ❤️ 1
    我选 A 。
    guokeke
        130
    guokeke  
       2021-08-31 18:18:33 +08:00
    我选 B,但是感觉第二个界面小图标颜色突兀,
    A 怎么说呢,颜色太混了,蓝色太多,界面上的功能不是很专业的感觉
    morizawatt
        131
    morizawatt  
       2021-08-31 18:20:29 +08:00
    A 层级混乱,信息分布散乱; B 还算能看吧,起码信息层级是分清的
    你司没 ueui 吗...
    popop1
        132
    popop1  
       2021-08-31 18:20:32 +08:00
    选 b,a 间距有问题,不舒服
    cslive
        133
    cslive  
       2021-08-31 18:24:54 +08:00
    选 b 啊,大厂不都是这么干的吗
    yehoshua
        134
    yehoshua  
       2021-08-31 18:25:58 +08:00
    我选 B
    Valid
        135
    Valid  
       2021-08-31 18:29:05 +08:00
    我选 B
    fs418082760
        136
    fs418082760  
       2021-08-31 18:50:02 +08:00
    看一眼 B 更好 业务逻辑更清晰
    efaun
        137
    efaun  
       2021-08-31 18:55:50 +08:00
    可能你希望我选 A,但是 B 确实比 A 好看
    LuciusChen
        138
    LuciusChen  
       2021-08-31 19:09:54 +08:00
    我是领导我也选 B
    YOKAMIA
        139
    YOKAMIA  
       2021-08-31 19:10:25 +08:00
    暴躁一点,你头像和 A 差不多
    jiayong2793
        140
    jiayong2793  
       2021-08-31 19:11:10 +08:00
    艺术和设计的区别,app 做出来是给人用的,不是拿来观赏的
    参考阿尔瓦·阿尔托的 Stool 60 凳子
    ZoteTheMighty
        141
    ZoteTheMighty  
       2021-08-31 19:35:53 +08:00
    颜色搭配不行, 一个界面不需要太多的颜色,多了会显得很乱。
    ZoteTheMighty
        142
    ZoteTheMighty  
       2021-08-31 19:36:43 +08:00
    @ZoteTheMighty 更正下,改过后的好多了
    JerryCha
        143
    JerryCha  
       2021-08-31 19:54:34 +08:00
    问题的本质在于,如果用了你的稿,用户给了负面反馈,问题算谁的。
    抄了知名产品的 UI,出问题那就是那个厂家也不行,不是只有我们不行。
    intellectual
        144
    intellectual  
       2021-08-31 20:15:07 +08:00   ❤️ 1
    这个应该交给专业设计师来评判。
    正常的专业设计师一般都会选择 B 。老实说,A 的典型是外行自以为是的设计。B 是比较正常且专业的 UI,当然 B 是否美观漂亮这是另一回事。
    不理解可以对比下专业的 UIKit,阿里的 AntDesign,做个比较就能比较出差别。list 是 list,card 是 card,button 是 button,text 是 text 。A 的某些 tab 好像是 button,A 的某些 text 好像是 tag 。。。反正真是好多错误啊。。。此外还有信息的层级展示,轻重,对比,占用空间等等。。。一大堆不可名状的细节。。。
    尽量还是交给专业的人,不然弄个外包也行啊,加油吧。
    Sunnic
        145
    Sunnic  
       2021-08-31 20:17:56 +08:00 via Android
    B 更好点。A 太花了,看起来费眼
    Sunnic
        146
    Sunnic  
       2021-08-31 20:20:31 +08:00 via Android
    建议文字尽量不要用反色
    KEYIIIII
        147
    KEYIIIII  
       2021-08-31 20:22:01 +08:00
    相比起来好看,高效的传达信息更重要吧~ 基础有待加强,想要设计的合理要知道用户想要查看哪些信息,再区分信息的层级,最后优化交互的操作
    learnshare
        148
    learnshare  
       2021-08-31 20:23:43 +08:00
    选择 B,修改后还是选择 B,虽然 B 算不上好

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

    当然,最好还是跟实际用户聊聊使用场景,甚至亲自体验一下,才能做出美观、简洁且高效的 UI 体验。
    amber0317
        149
    amber0317  
       2021-08-31 20:30:26 +08:00
    不是你老惦记你那几个色块和图标干啥呢(
    Felldeadbird
        150
    Felldeadbird  
       2021-08-31 20:48:10 +08:00
    B 好看。A 一看就是原型图。没有对信息进行过归类。
    jeeyong
        151
    jeeyong  
       2021-08-31 20:50:45 +08:00
    如果是我, 我选 B..
    审美不是第一要素. 而且其实差距不大...
    wanacry
        152
    wanacry  
       2021-08-31 21:01:14 +08:00 via iPhone
    A 这画的啥玩意..
    clf
        153
    clf  
       2021-08-31 21:38:45 +08:00
    那个。你最终稿的两个原型,设计上还是有比较明显的问题。

    个人建议:
    1.如果喜欢圆角,那么把列表中的全部订单卡片改为圆角卡片,页边距参考 出库单详情 页面中间的三个卡片距离屏幕两边的值。
    2.如果喜欢直线风格,请把 出库单详情 中间的三个圆角卡片改为一个和两侧连接的白底方块(数据间用竖线分割为 3 部分)
    3.页面主题色建议选择更加深的颜色,或者是 出货单详情 中间的三个卡片颜色换别的颜色,现在看起来很怪。
    chenyu0532
        154
    chenyu0532  
       2021-08-31 21:44:00 +08:00
    B 是美团风格吧。。。
    kooze
        155
    kooze  
       2021-08-31 21:49:05 +08:00
    A 省事,B 好看
    billwang
        156
    billwang  
       2021-08-31 21:58:38 +08:00
    B 好
    A 看起来很乱
    chenyu8674
        157
    chenyu8674  
       2021-08-31 22:05:32 +08:00   ❤️ 10
    看了更新后的图,基本确认 LZ 属于设计水平稀烂审美能力低下还自我感觉良好的那类人

    这种简单画面找专业 UI 出套指导方案也就一个红包的事,别继续折磨领导和用户了
    majiaxin110
        158
    majiaxin110  
       2021-08-31 22:11:28 +08:00
    A 里面色彩明显大问题,单蓝色就有太多种
    missqso
        159
    missqso  
       2021-08-31 23:07:47 +08:00   ❤️ 1
    看 A 胸闷,不知道看哪里,看 B 舒服多了
    xiaohouzhi
        160
    xiaohouzhi  
       2021-09-01 07:56:37 +08:00
    这不是好不好看的问题啊,这两个页面的功能都不一样,怎么比,这得看你具体的需求是什么啊
    begginer125
        161
    begginer125  
       2021-09-01 08:37:19 +08:00
    个人感觉 B 好些,A 的色彩和元素都有些问题,可以参考下设计四大原则
    Pogbag
        162
    Pogbag  
       2021-09-01 08:41:56 +08:00
    B 好看 简洁
    hjq632233317
        163
    hjq632233317  
       2021-09-01 09:06:57 +08:00
    选 B 清晰 一眼就看到重点数据
    zxcslove
        164
    zxcslove  
       2021-09-01 09:42:51 +08:00
    风格上喜欢 B,大小和疏密度两者都不太合适,颜色见仁见智但 A 方案颜色感觉有点花。
    yuanhuaqiang
        165
    yuanhuaqiang  
       2021-09-01 09:46:56 +08:00
    我选 B
    imkenbun
        166
    imkenbun  
       2021-09-01 09:58:21 +08:00
    你老板的产品体验意识、审美都比你好,你缺少用户体验思维,对产品结构、信息排版布局认识都很浅
    Arlene666
        167
    Arlene666  
       2021-09-01 10:01:15 +08:00
    我选 B
    byte10
        168
    byte10  
       2021-09-01 10:02:58 +08:00
    @chenyu8674 哈哈 ,专业。还是要专业的人设计,虽然两个都不咋地,B 页面明显 舒服一点。
    @yuruizhe 颜色不是重点,但是 A 看起来就很 LOW,明显不行,门外汉随便加点颜色,避免黑白难看。
    @Varobjs 是的,后端画的,点评精确
    wxw752
        169
    wxw752  
       2021-09-01 10:03:17 +08:00
    我选 B
    zengyuxi
        170
    zengyuxi  
       2021-09-01 10:08:34 +08:00
    没啥好说的,正常的 to B 产品或设计都会选 B ;你选 A,可能你之前做的都是 TO C 的产品把。你的经验及眼界太窄了。
    oh
        171
    oh  
       2021-09-01 10:09:28 +08:00
    @chenyu8674 看了更新后的图,就知道 100 多个 V 友白提意见了,既然如此又何必来网上问
    oh
        172
    oh  
       2021-09-01 10:10:39 +08:00
    @zengyuxi To 什么都不会选 A,Customer 可不愿看这样的界面
    wangsd
        173
    wangsd  
       2021-09-01 10:12:42 +08:00
    B 是冠唐云仓库 APP,我这边公司也没设计,直接就照着这个做,
    milkv
        174
    milkv  
       2021-09-01 10:14:49 +08:00
    我选 B,A 就像你的头像一样是💩
    005008
        175
    005008  
       2021-09-01 10:22:45 +08:00
    选 B 吧,别犟
    abc635073826
        176
    abc635073826  
       2021-09-01 10:26:24 +08:00
    A 的配色烂到不行,而且设计拟物和卡片乱搭,B 虽然很市面,但遵循单一原则
    u011631336
        177
    u011631336  
       2021-09-01 10:27:47 +08:00
    A 除了蓝色字体,没别的槽点
    kernelpig
        178
    kernelpig  
       2021-09-01 10:50:45 +08:00
    A 的颜色太多了,优化下,尽量不超过 3 种颜色
    JustBecause
        179
    JustBecause  
       2021-09-01 11:03:21 +08:00 via Android   ❤️ 1
    破案了,原来很多奇葩的设计是这样来的
    做过两年平面设计,说下我的想法吧
    A 能看出想要做的个性一些,但对色彩把控不到位,字体与间距没有分寸,导致整个页面非常混乱
    B 中规中矩,没有亮眼的地方,但也不容易出错,通常情况用这种设计最稳妥
    看样子 lz 应该不是专业设计师,像是半路拉过来帮忙的。如果确实想做的现代一些,可以去 dribbble 和站酷照着别人的抄一抄改一改,问题不大
    TencentNews
        180
    TencentNews  
       2021-09-01 11:04:47 +08:00
    个人选择 B
    robinlovemaggie
        181
    robinlovemaggie  
       2021-09-01 11:17:37 +08:00
    审美这东西真没必要争论,谁是领导听谁的。
    fzdoudou
        182
    fzdoudou  
       2021-09-01 11:17:50 +08:00
    感觉最新的又有点单调了,看不到重点。
    fzdoudou
        183
    fzdoudou  
       2021-09-01 11:18:52 +08:00
    领导不都说了让你照着 B 做,为啥非要犟,可能领导也不懂
    Lemeng
        184
    Lemeng  
       2021-09-01 11:21:10 +08:00
    都可以吧,这种东西简单简约就好,不用花里胡哨就行
    Bluecoda
        185
    Bluecoda  
       2021-09-01 11:23:55 +08:00
    不考虑是否好看,只考虑是否好用
    B 明显好很多

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

    我觉得 LZ 的设计水平很垃圾,很简单的设计原理都不懂,还喜欢喷人,自己都不找一下自己的原因
    keller
        186
    keller  
       2021-09-01 11:34:12 +08:00
    B 不管是否漂亮好看,但是设计的很标准,主次分明、符合逻辑;
    A 的问题,典型的过度设计、什么地方都想加上 UI 元素,色彩杂乱、内容无主次;

    最好的设计就是没有设计
    UI 要服务于内容,便于用户判断、识别内容(功能)
    wyattyhh
        187
    wyattyhh  
       2021-09-01 11:34:18 +08:00
    底下的蓝色字体和浅蓝色背景为什么还没改..看得头疼
    PSDPSD
        188
    PSDPSD  
       2021-09-01 11:37:41 +08:00
    如果不会配色就抄 行业热门软件
    PSDPSD
        189
    PSDPSD  
       2021-09-01 11:40:08 +08:00
    首页 入库 出库 为什么要带图标?????是为了小清新吗?
    saulshao
        190
    saulshao  
       2021-09-01 11:45:42 +08:00
    B 看起来要清楚一些。这个看上去像是库房管理的 UI 。
    楼主还是要多学习,这不是审美的问题。
    Quarter
        191
    Quarter  
       2021-09-01 11:53:28 +08:00 via iPhone
    这样来说,B 比较好,因为 B 的设计虽然普通,但是表意清晰,结构合理,着色也比较符合预期,A 的问题在于,A 主要想更换一种设计风格,但是问题比较多,在布局合理性、配色、强调搭配上还有待进一步的完善,需要更加深入的考虑和打磨,所以以目前的状态来看,还是 B 比较好
    0o0o0o0
        192
    0o0o0o0  
       2021-09-01 12:03:34 +08:00
    其实两个设计都不算特别好。
    A 用了大量的高亮度蓝色,以及高亮度肤色,导致视觉上对比度太低无法识别信息,其次排版没有重点,只能通过文字来了解内容代表什么。其次是色彩搭配虽然都是低饱和度的,但是整个有一种“轻”的感觉导致像是半成品,而下面的四个图标还是不错的,但是内容部分就显得格格不入了。
    B 在排版上是不错的,大小有主次,什么内容放在什么位置,我看到数字 7,我不用看其他东西,只要知道大概位置就知道到底是价格还是订单数量还是什么,包括各种
    不过 A 对于没有学过设计的人来说还是很不错的了,不过也可以看出来,设计和交互真的还是挺重要的。
    wildcat007
        193
    wildcat007  
       2021-09-01 12:05:22 +08:00
    对不起,这次我真的选 B[:doge]
    littlewing
        194
    littlewing  
       2021-09-01 12:08:37 +08:00
    哪个是 A 哪个是 B,我打开就看到一堆大图
    meiyoumingzi6
        195
    meiyoumingzi6  
       2021-09-01 12:10:00 +08:00
    用 B, 被吐槽领导背锅
    iOCZ
        196
    iOCZ  
       2021-09-01 12:14:31 +08:00
    感觉 A 比较单调,B 不容易疲劳些
    Pandroid
        197
    Pandroid  
       2021-09-01 12:53:27 +08:00
    更新都看完了,还是 B 比较好。
    ivane
        198
    ivane  
       2021-09-01 13:04:45 +08:00
    都不好看。。。
    yrj
        199
    yrj  
       2021-09-01 13:04:52 +08:00 via iPad
    1.谁出钱谁说了算。
    2.谁官大谁说了算。
    veike
        200
    veike  
       2021-09-01 13:50:07 +08:00 via Android
    也别怪大家怼你,b 看似普通但是符合 UI 设计规范,a 明显连最起码的 UI 规范都不符合。既然是用于生产不是用于概念设计,就按照成熟的 UI 设计规范来做。
    建议你去了解一下如何设计一门 UI 设计语言,就知道为什么要怼你了
    1  2  3  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2958 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 11:13 · PVG 19:13 · LAX 04:13 · JFK 07:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.