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

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

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

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

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

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

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

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

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

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

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

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