V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
maymay5
V2EX  ›  程序员

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

  •  1
     
  •   maymay5 · 2024-09-06 16:48:35 +08:00 · 4040 次点击
    这是一个创建于 373 天前的主题,其中的信息可能已经有所发展或是发生改变。

    浅色

    深色

    第 1 条附言  ·  2024-09-07 00:11:48 +08:00
    ## 感谢各位大佬,目前总结了以下修改项

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

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

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