佬们,给点灵感,这个页面有种无法言语描述的丑,但是我不知道应该怎么修改 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
maymay5
V2EX    程序员

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

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

    浅色

    深色

    第 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     Solana     2489 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 11:18 PVG 19:18 LAX 04:18 JFK 07:18
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86