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

佬们,给点灵感,这个页面有种无法言语描述的丑,但是我不知道应该怎么修改

  •  1
     
  •   maymay5 · Sep 6, 2024 · 5424 views
    This topic created in 789 days ago, the information mentioned may be changed or developed.

    浅色

    深色

    Supplement 1  ·  Sep 7, 2024
    ## 感谢各位大佬,目前总结了以下修改项

    * 去除过于艳丽的颜色
    * 减少所有阴影,统一扁平风格
    * 字号一致,格式对其
    * 滚动条重绘
    * 圆角贴合并统一
    23 replies  •  2024-09-08 19:19:09 +08:00
    SiniJi
    SiniJi
    Sep 6, 2024❤️1
    1
    border-radius 圆角不统一
    字体间距、字体大小不统一
    每个组件的 Padding div 之前的留白不统一

    恕我直言,右侧高亮有点太丑了,看看 shiki ,下面的 markdown 渲染也是,换一个好看的皮就差不多了
    kongbaiii
    kongbaiii
    Sep 6, 2024
    2
    我觉得挺好
    lucasj
    lucasj
    Sep 6, 2024 via Android
    3
    五彩斑斓的黑🙈
    FishBear
    FishBear
    Sep 6, 2024
    4
    确实 五彩斑斓 一定要这么花里胡哨的颜色按钮吗
    S4msara
    S4msara
    Sep 6, 2024
    5
    少颜色、去边框、去间距
    SiniJi
    SiniJi
    Sep 6, 2024
    6
    提醒我了,还有颜色设计美学的问题,如果是黑色系的话,border 就不能这么亮色了。感觉得参考下 material or antd 的色彩空间算法

    @lucasj
    cleanery
    cleanery
    Sep 6, 2024
    7
    边框和阴影太重
    颜色过多
    我的感觉是这样的
    leo72638
    leo72638
    Sep 6, 2024 via iPhone
    8
    颜色太多,边距不统一,阴影太多,重点不突出
    自己做前端我觉得还是应该了解一些最基础的设计理念
    EJW
    EJW
    Sep 6, 2024
    9
    左上右上的颜色,单独看可能不错,放一个页面和其他元素一起,就不协调,风格不统一。
    guiling
    guiling
    Sep 6, 2024
    10
    太深、太亮、渐变的地方整点半透明?
    seeu2ex
    seeu2ex
    Sep 6, 2024 via iPhone
    11
    自己开发的吗,商用还是开源哇
    ixoy
    ixoy
    Sep 6, 2024
    12
    先找个好看的 ui 设计模板,直接抄。
    fanchenio
    fanchenio
    Sep 6, 2024
    13
    图标宽度统一,要不然你每个图标宽度不一样,文字都对不齐,上方五颜六色的文字统一颜色,你有好多地方都没对齐,比如右侧你的下拉框显示文本内容的地方起码要和你上下输入框里面的内容对齐吧?还有滚动条,起码要契合主题,还有各个区块的标题下方都留点空。
    UWH0TdA14ta0s6n9
    UWH0TdA14ta0s6n9
    Sep 6, 2024
    14
    追求完美容易拖延
    maymay5
    maymay5
    OP
    Sep 7, 2024
    15
    @seeu2ex 开源的,不过我用的技术栈估计劝退太多人 https://github.com/MayDay-wpf/AIBotPublic
    maymay5
    maymay5
    OP
    Sep 7, 2024
    16
    @fanchenio 谢谢图标宽度大概率是无法统一的,因为文字长度不一致,而且有些节点频繁使用,id 可能会到 3 位数,所以目前只能自适应宽度,不过颜色确实可以减少些
    1an
    1an
    Sep 7, 2024 via Android
    17
    颜色的搭配有点奇怪,可以用这个网站选选颜色 https://www.realtimecolors.com
    alleluya
    alleluya
    Sep 7, 2024
    18
    @SiniJi 还有两层 scrollbar dark mode 下的 scrollbar 更是显眼....
    leokun
    leokun
    Sep 7, 2024
    19
    挺好的,楼上说的对,追求完美容易拖延
    Vonrix
    Vonrix
    Sep 8, 2024
    20
    这颜色,一眼看上去以为是广告
    Bapper
    Bapper
    Sep 8, 2024
    21
    margin 太小了,你上面那一排按钮,两倍高还差不多,设置个父元素把按钮包含进去,然后按钮垂直方向局中。左边那一排也是。
    pengliheng
    pengliheng
    Sep 8, 2024
    22
    用 tailwind css
    pengliheng
    pengliheng
    Sep 8, 2024
    23
    tailwind css 颜色 用上, 然后边距, 也用 tailwind 里面的一个模组
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4918 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 77ms · UTC 07:19 · PVG 15:19 · LAX 23:19 · JFK 02:19
    ♥ Do have faith in what you're doing.