• 请不要在回答技术问题时复制粘贴 AI 生成的内容
Joseph0717
V2EX  ›  程序员

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

  •  
  •   Joseph0717 · Aug 31, 2021 · 19285 views
    This topic created in 1895 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

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

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

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

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

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

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