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

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

  •  
  •   Joseph0717 · Aug 31, 2021 · 19258 views
    This topic created in 1891 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  
    ❮ ❯
    cstj0505
    cstj0505
    Aug 31, 2021❤️2
    1
    确实 b 好看,a 有种半成品的感觉
    ZxBing0066
    ZxBing0066
    Aug 31, 2021❤️3
    2
    B😂
    anyxchachapoly
    anyxchachapoly
    Aug 31, 2021 via iPhone
    3
    A,虽然应该是粗稿还没细致处理,但明显稍微考量了 UX,
    B 就是传统国内的工具设计,能用就行

    但如果你 A 已经高保真那就不行
    xarthur
    xarthur
    Aug 31, 2021 via iPhone❤️1
    4
    显然 B 好看……
    你们领导说的对,你设计的对 UI 颜色搭配太奇怪了。
    而且有些该有颜色区分的(比如已完成界面的四个按钮)没有颜色区分,不该有颜色区分的,比如各种订单号的显示,黑底白字就行,要弄的粉红色的底色。
    lyz1990
    lyz1990
    Aug 31, 2021 via Android
    5
    B 好看
    8888888888
    8888888888
    Aug 31, 2021
    6
    你的设计太“块”了,功能性的操作和常规的内容显示相近
    kuaner
    kuaner
    Aug 31, 2021❤️1
    7
    A 主要是颜色区分不出主次,重点信息不突出
    javapythongo
    javapythongo
    Aug 31, 2021
    8
    A 这种 UI 有种复古的感觉
    HeyWeGo
    HeyWeGo
    Aug 31, 2021
    9
    B 清晰,好看?谈不上~
    Macolor21
    Macolor21
    Aug 31, 2021
    10
    B 好看,A 里面,很多子元素,如入库日期这些,为什么也加了圆形边框和颜色,搞得好像按钮一样。太乱太杂,颜色搭配也是。简洁一点,
    Joseph0717
    Joseph0717
    OP
    Aug 31, 2021
    11
    @xarthur 本人前端,没学过设计,目前的颜色搭配只是临时的
    butanediol2d
    butanediol2d
    Aug 31, 2021❤️1
    12
    理性分析我觉得 B 好看一点。但 B 总给我一种大厂开发的软件的感觉(比如阿里云 App ),看着还行但点起来很难受。A 有点像个人开发者的玩具项目,看起来略粗糙但更“原生”。
    Jaosn
    Jaosn
    Aug 31, 2021
    13
    B 搞点圆角就好看了
    stimw
    stimw
    Aug 31, 2021 via Android❤️2
    14
    好不好看另说,单从信息获取角度,b 清晰很多,a 会找不到重点。
    finab
    finab
    Aug 31, 2021
    15
    只能说 B 比 A 好点
    A 把信息放方块里看起来费劲,配色奇奇怪怪的
    E2gCaBAT5I87sw1M
    E2gCaBAT5I87sw1M
    Aug 31, 2021
    16
    大家审美一致,楼主接受意见吧
    oh
    oh
    Aug 31, 2021
    17
    @Joseph0717 专业的事交给专业的人做,没学过设计的前端,可以先从“抄”开始。
    yangwa
    yangwa
    Aug 31, 2021
    18
    非专业,b 好看不疲劳,a 太整齐了 找不到重点
    ryougifujino
    ryougifujino
    Aug 31, 2021❤️2
    19
    我能说都不好看嘛...
    lower
    lower
    Aug 31, 2021
    20
    a 的颜色确实给人五花八门的感觉😂

    我其实蛮喜欢有赞的 vantui 的风格的,很简洁
    stormysky
    stormysky
    Aug 31, 2021
    21
    b 一下就能看出要展现什么,a 就是一坨一坨没重点
    yousabuk
    yousabuk
    Aug 31, 2021 via iPhone
    22
    B,色彩搭配再调整下就好了。

    A,没有重点,太难找到有用信息了。
    3wdddd
    3wdddd
    Aug 31, 2021
    23
    a 看起来像是没有经验的设计师设计的东西,和好看不沾边,
    b 也和好看不沾边,但是很规整,井井有条
    总体来说 b>a
    Joseph0717
    Joseph0717
    OP
    Aug 31, 2021
    24
    看来选 B 的人多,那我就弄 B 了,,,
    wzq001
    wzq001
    Aug 31, 2021❤️2
    25
    B:领导都选我了,你还纠结个毛线!!!
    itechify
    itechify
    Aug 31, 2021
    26
    楼主自闭
    Vegetable
    Vegetable
    Aug 31, 2021
    27
    确实是 B 好
    2i2Re2PLMaDnghL
    2i2Re2PLMaDnghL
    Aug 31, 2021❤️1
    28
    A 的问题:
    可排版的环境,给人眼看,就别 T 字母分隔了
    不分主次轻重,关键信息和非关键信息混为一谈
    颜色就不赘述了
    B 的问题:
    可预见的,很多操作凭空多了很多步骤
    B 第 2 张图文字未明确所属字段

    应当结合 A 的交互设计和 B 的视觉设计
    Originalee
    Originalee
    Aug 31, 2021
    29
    A 的色彩搭配需要再考量考量,并且第三第四张图一眼看过去看不出那些块状是操作按钮还是状态 tag
    chairuosen
    chairuosen
    Aug 31, 2021
    30
    B 好
    lovelive1024
    lovelive1024
    Aug 31, 2021
    31
    b,a 就像后端程序猿做的一样(又不是不能用)
    Joseph0717
    Joseph0717
    OP
    Aug 31, 2021
    32
    虽然我画不出正儿八经的 UI,我不喜欢的是 B 没有一点设计感,啥也不说了,画 B,和 A 结合一下
    gablic
    gablic
    Aug 31, 2021❤️1
    33
    A 对于现在的人类还有点早
    ericgui
    ericgui
    Aug 31, 2021
    34
    领导说的都好看,这一点觉悟都没有。。。。
    coderluan
    coderluan
    Aug 31, 2021
    35
    "他要和 B 一摸一样"

    说的这么明白, 楼主还想这么多干啥.....
    U2Fsd
    U2Fsd
    Aug 31, 2021❤️5
    36
    @Joseph0717 #32 设计是基于功能 而不是 在自以为好看的审美里闭门造车
    Joseph0717
    Joseph0717
    OP
    Aug 31, 2021 via Android
    37
    @coderluan 就我一个前端 ,太自由了
    Macv1994
    Macv1994
    Aug 31, 2021
    38
    B 谈不上好看,但是清晰
    Solix
    Solix
    Aug 31, 2021
    39
    你们缺一个产品经理吧……
    lagoon
    lagoon
    Aug 31, 2021
    40
    B 。

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

    要的只是,方便好用。
    deplivesb
    deplivesb
    Aug 31, 2021
    41
    u1s1,B 好看,A 有一种说不上上来的违和感
    353943780
    353943780
    Aug 31, 2021
    42
    B 吧
    MX123
    MX123
    Aug 31, 2021
    43
    B,这应该是公司内部 App 吧。而且 A 并不是太好看。
    Rakuu
    Rakuu
    Aug 31, 2021
    44
    其实都不好看,但硬要比较的话,B 比 A 好
    darknoll
    darknoll
    Aug 31, 2021
    45
    B 好太多了啊,A 就跟后台差不多只能内部用
    Tink
    Tink
    Aug 31, 2021 via iPhone
    46
    A 找不到重点
    X-Force
    X-Force
    Aug 31, 2021
    47
    不知道楼主是专业学设计还是半路过来做 UI 的,反正我半路还没出家的,看到 A 都发现很多一眼就能看出的问题:

    1 、主次不分;所有元素都是一样的字重而且颜色都比较缤纷,看起来没重点,整个版面都是满满的信息。
    2 、没考虑“可用性”的设计,比如绿色的「完全收货」,那到底是显示“状态”还是一个“按钮”?一样看不出来,这就会让用户陷入思考了,在用户的直觉上就是“不够好用”。
    hyy1995
    hyy1995
    Aug 31, 2021 via iPhone
    48
    这波楼主输了
    X-Force
    X-Force
    Aug 31, 2021
    49
    错别字纠正:“一样看不出来” = “一眼看不出来” // 这就会让用户陷入思考了,在用户的直觉上就是“不够好用”。
    8jinmuyan8
    8jinmuyan8
    Aug 31, 2021
    50
    显然是 B 简约符合现在大多国内商业产品的设计, A 的设计显得很奇怪,颜色搭配,图标设计都不符合现在流行趋势,如果追求设计感,多看看像国内 站酷,国外 dribbble 之内。
    LemonK
    LemonK
    Aug 31, 2021
    51
    A 一看就是不懂任何基础设计理论的纯外行做的。实用性一团糟,审美也不咋地。
    B 烂大街堆套路,但能用。
    ws52001
    ws52001
    Aug 31, 2021
    52
    选择 B,你对颜色语言的了解还不够透彻。
    360511404
    360511404
    Aug 31, 2021
    53
    A 看着好累...眼花
    B 虽然老套,但很清晰
    Smilencer
    Smilencer
    Aug 31, 2021
    54
    A 花里胡哨
    byron
    byron
    Aug 31, 2021
    55
    听领导的。
    spacebound
    spacebound
    Aug 31, 2021
    56
    A 花里胡哨
    B 简介明了
    mhqschen
    mhqschen
    Aug 31, 2021
    57
    B 好。A 的想法可以感受到,但是不能理解有什么设计感。
    xu2060
    xu2060
    Aug 31, 2021
    58
    B 就是看的舒服 但是并不出众,一般
    mxT52CRuqR6o5
    mxT52CRuqR6o5
    Aug 31, 2021
    59
    选择烂大街的 ui/交互从另一个角度看待就是用户不需要更多的学习成本
    whusnoopy
    whusnoopy
    Aug 31, 2021
    60
    从半吊子自学设计的角度来说一下 A 的一些问题

    1. 配色太多,太多色块,让人一眼看过去不知道视线应该聚焦在哪里
    2. toB 的工具,只有可以按的地方用色块会更好,明确「信息」和「操作」的区别
    3. 信息区域,说明性文字和数值用不同的表现形式好过现在这种都一样的,按 HTML 语义就是 dt 和 dd 在 dl 里的表现
    Rwing
    Rwing
    Aug 31, 2021
    61
    建议任何非设计专业的人都买本这个书看看
    《写给大家看的设计书》
    https://book.douban.com/subject/3323633/
    ganbuliao
    ganbuliao
    Aug 31, 2021❤️8
    62
    你们领导说让你一模一样照着抄的时候,心里估计已经绝望了吧。
    crab
    crab
    Aug 31, 2021
    63
    A 眼花缭乱 B 直观
    xianxiaobo
    xianxiaobo
    Aug 31, 2021
    64
    A 是真不行,看起来就是新手的设计,根本不能用。B 看起来,虽然没什么亮点,但好歹是能用的的那种。
    satchy
    satchy
    Aug 31, 2021
    65
    其实都很丑。。。相比之下,A 更丑,属于完全没学过设计,色彩原理都不懂的那种。。。B 是路边打印名片小店水平。。。
    whosesmile
    whosesmile
    Aug 31, 2021
    66
    A 的配色是认真的吗?一个人要是这么穿衣服,是少数民族服饰吗?
    zhengfan2016
    zhengfan2016
    Aug 31, 2021
    67
    emmm.....就我一个觉得 a 好的嘛 类原生看着就很舒服
    minamike
    minamike
    Aug 31, 2021
    68
    A 下面那四个按钮风格都不统一
    maplerecall
    maplerecall
    Aug 31, 2021 via Android
    69
    B 清晰,效率高

    A 有种早期 bootstrap 组件拼接的古早味,感觉比 B 更老套,很有那种初学者逮着个有几个"高级"css 样式的框架就套的感觉
    whosesmile
    whosesmile
    Aug 31, 2021
    70
    我回复完,我反应过来,楼主应该是正话反说:
    他领导估计是选 A,因为正常做设计就算半吊子也不应该做出 A 的配色效果来。
    hervey0424
    hervey0424
    Aug 31, 2021
    71
    A 感觉看起来一屏幕都是按钮
    izoabr
    izoabr
    Aug 31, 2021
    72
    你就直接用现成的 antd mobile 或者 ele 多好呀,大概把功能区块规划好就得了
    toou123
    toou123
    Aug 31, 2021
    73
    我觉着是字体的原因
    madlifer
    madlifer
    Aug 31, 2021
    74
    B 好,A 可以很明显没有系统的学习过交互设计,作为 PM 或者 UI 来说都不合格。

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

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

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

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

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


    另外,啥公司啊 没 PM 整理页面要素信息, 没 UI 做视觉设计,让前端做也太难为人了,建议跑路
    Unclev21x
    Unclev21x
    Aug 31, 2021
    75
    无脑 B 。领导还是领导。
    JamChiu
    JamChiu
    Aug 31, 2021
    76
    恕我直言 我选 B
    james2013
    james2013
    Aug 31, 2021
    77
    明显 b 好看,a 这一眼看去背景颜色很显眼,a 不好
    yuzo555
    yuzo555
    Aug 31, 2021
    78
    A 主次混乱,次要信息也用圆角矩形背景展示,而且项目名称(如订单日期)和内容没有任何样式区别。满屏都是圆角矩形按钮,感觉设计背景你貌似只会用圆角矩形,连选项卡 Tab 都用圆角矩形背景
    X0ray
    X0ray
    Aug 31, 2021
    79
    随便让谁选都是 B 啊
    leeeeec
    leeeeec
    Aug 31, 2021
    80
    招个设计吧
    AlisaDestiny
    AlisaDestiny
    Aug 31, 2021
    81
    不是做设计的,但是我觉得一个好的设计是让人能在颜色上区分哪些是文本区域、按钮、条目结构、可滚动区域、可编辑区域,而不单单是靠上面显示的文字。
    wr516516
    wr516516
    Aug 31, 2021
    82
    我选 B
    wangyzj
    wangyzj
    Aug 31, 2021
    83
    B
    楼主严重受伤了
    rnv
    rnv
    Aug 31, 2021
    84
    B 看着舒服多了
    docx
    docx
    Aug 31, 2021 via Android
    85
    B 说不上好看,就是中规中矩的那种,比 A 看着更规范成熟。

    话说回来,领导说什么就是什么,准没错。
    zxxufo008
    zxxufo008
    Aug 31, 2021
    86
    B 看着舒服 A 不直观,而且在 app 上不建议白底太多,看的难受
    dabaoziwy
    dabaoziwy
    Aug 31, 2021
    87
    总感觉 A 看起来怪怪的=_+
    noahhhh
    noahhhh
    Aug 31, 2021
    88
    @butanediol2d lz 配色太怪了
    cxe2v
    cxe2v
    Aug 31, 2021
    89
    我是领导,我选 B
    lycpang
    lycpang
    Aug 31, 2021
    90
    我觉得很难设计出特别好看的东西,所以还是借鉴淘宝、京东、拼多多吧。。这 ab 都不好,但是 b 明显能用。。。a 就是 demo
    Junzhou
    Junzhou
    Aug 31, 2021
    91
    如果是我,我会选 B 。。。。A 虽然看上去很好看。。。
    ChevalierLxc
    ChevalierLxc
    Aug 31, 2021
    92
    你要考量视觉效果,A 感觉就给人那种各种颜色都要硬用,还不如不用,换种颜色可能会好一些,但是你得找到那种配色
    onemotor
    onemotor
    Aug 31, 2021
    93
    A 色彩搭配不合适
    simo
    simo
    Aug 31, 2021
    94
    B
    A 就一原型
    B 好歹能用
    gps949
    gps949
    Aug 31, 2021
    95
    一看 A 就是码农(非设计师 or 产品经理)设计的,啥文字、按钮、表单毫无主次往上一堆就 ok 了,反正信息都显示了、功能都有了,用户用起来爽不爽才不管。
    B 的话虽然颜色、样式显得也一样土,但最起码信息显示有主次、界面布局有留白,才能引导用户产生“操作逻辑”。

    一句话评语:
    A——不如干脆让用户去直接连数据库自己 CRUD 吧。
    B——传统国产软件。
    blackshow
    blackshow
    Aug 31, 2021
    96
    A 太丑了。。。。
    wuxinling
    wuxinling
    Aug 31, 2021
    97
    @ily433664 (╯‵□′)╯︵┻━┻ 后端程序员坚决不背这个锅!明明是你们先要求后端程序员画界面的!!!
    lerp
    lerp
    Aug 31, 2021
    98
    A 看着很累
    hst001
    hst001
    Aug 31, 2021 via Android
    99
    A 的颜色搭配拉垮
    EvansUtopia
    EvansUtopia
    Aug 31, 2021
    100
    你们没有产品没有交互没有视觉吗...
    1  2  3  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4861 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 193ms · UTC 01:15 · PVG 09:15 · LAX 17:15 · JFK 20:15
    ♥ Do have faith in what you're doing.