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

2024-09-06 16:48:35 +08:00
 maymay5

浅色

深色

4106 次点击
所在节点    程序员
23 条回复
SiniJi
2024-09-06 17:00:37 +08:00
border-radius 圆角不统一
字体间距、字体大小不统一
每个组件的 Padding div 之前的留白不统一

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

@lucasj
cleanery
2024-09-06 17:07:21 +08:00
边框和阴影太重
颜色过多
我的感觉是这样的
leo72638
2024-09-06 17:12:36 +08:00
颜色太多,边距不统一,阴影太多,重点不突出
自己做前端我觉得还是应该了解一些最基础的设计理念
EJW
2024-09-06 17:14:14 +08:00
左上右上的颜色,单独看可能不错,放一个页面和其他元素一起,就不协调,风格不统一。
guiling
2024-09-06 17:47:46 +08:00
太深、太亮、渐变的地方整点半透明?
seeu2ex
2024-09-06 20:26:07 +08:00
自己开发的吗,商用还是开源哇
ixoy
2024-09-06 20:32:55 +08:00
先找个好看的 ui 设计模板,直接抄。
fanchenio
2024-09-06 21:52:41 +08:00
图标宽度统一,要不然你每个图标宽度不一样,文字都对不齐,上方五颜六色的文字统一颜色,你有好多地方都没对齐,比如右侧你的下拉框显示文本内容的地方起码要和你上下输入框里面的内容对齐吧?还有滚动条,起码要契合主题,还有各个区块的标题下方都留点空。
UWH0TdA14ta0s6n9
2024-09-06 22:11:29 +08:00
追求完美容易拖延
maymay5
2024-09-07 00:03:36 +08:00
@seeu2ex 开源的,不过我用的技术栈估计劝退太多人 https://github.com/MayDay-wpf/AIBotPublic
maymay5
2024-09-07 00:05:53 +08:00
@fanchenio 谢谢图标宽度大概率是无法统一的,因为文字长度不一致,而且有些节点频繁使用,id 可能会到 3 位数,所以目前只能自适应宽度,不过颜色确实可以减少些
guts
2024-09-07 10:55:59 +08:00
颜色的搭配有点奇怪,可以用这个网站选选颜色 https://www.realtimecolors.com
alleluya
2024-09-07 10:58:01 +08:00
@SiniJi 还有两层 scrollbar dark mode 下的 scrollbar 更是显眼....
leokun
2024-09-07 17:44:34 +08:00
挺好的,楼上说的对,追求完美容易拖延
Vonrix
2024-09-08 09:51:20 +08:00
这颜色,一眼看上去以为是广告

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1070791

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX