V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
leipengcheng
V2EX  ›  问与答

我是后端,搞了个网站,但是有点素,不知道怎么改好,有没有直接能用的 ui 库

  •  
  •   leipengcheng · 352 天前 · 3489 次点击
    这是一个创建于 352 天前的主题,其中的信息可能已经有所发展或是发生改变。

    task.haohaoxuexi.top 或者我这种极简也算一种风格?

    28 条回复    2023-12-06 01:06:48 +08:00
    ufan0
        1
    ufan0  
       352 天前
    vue 写的咩?

    推荐一下这个库
    https://daisyui.com/

    我写了一页面也比较素,哈哈
    https://allinprogram.com/
    leipengcheng
        2
    leipengcheng  
    OP
       352 天前
    @ufan0 uniapp 写的,也是 vue 吧
    344457769
        3
    344457769  
       352 天前   ❤️ 2
    不是有点素,而是有点丑。如果希望好看一点的话,可以培养一下审美,找一些你觉得好看的网站看下他们的配色,他们的布局,他们怎么运用边框阴影圆角的。
    daodao
        4
    daodao  
       352 天前
    3 楼说话太直接了,但也是大实话...
    foufoufm
        5
    foufoufm  
       352 天前
    很不错,猜测是一个任务清单类的网站,你无需在意其他人怎么说。

    多看多迭代自己认为是好的风格就行了,然后随着迭代次数增加,自己的界面会越来越好看的。
    zdhxiong
        6
    zdhxiong  
       352 天前 via Android
    来用 mdui 吧
    https://www.mdui.org/
    coolfamilyxun
        7
    coolfamilyxun  
       352 天前 via Android
    丑。
    这不是 UI 框架的问题。
    找一个 UI 设计师设计一波就好了
    fenglangjuxu
        8
    fenglangjuxu  
       352 天前 via iPhone
    @zdhxiong 这个挺好 挺接近原生 html js
    snarkprayer
        9
    snarkprayer  
       352 天前   ❤️ 4
    能看出来楼主确实没有设计基础,这个 ui https://preline.co/examples.html 有大量常见页面的示例,基于 tailwindcss 的,照着写就行
    nitmali
        10
    nitmali  
       352 天前
    uview
    amanisheir
        11
    amanisheir  
       352 天前
    知行合一,崇德尚能?
    huangcjmail
        12
    huangcjmail  
       352 天前
    @ufan0 #1
    @zdhxiong #6
    我也后端,写前端只用过 element ui 。这些 ui 库用法是不是都差不多
    ufan0
        13
    ufan0  
       352 天前
    @huangcjmail #12 用法大差不差,对着文档怼就行。

    css 框架应该是用起来学习成本最低的。
    qq1234
        14
    qq1234  
       352 天前
    老哥,你可以看看掘金大赛有一期比赛就是这个,你可以去参考一下
    LaGeNanRen
        15
    LaGeNanRen  
       352 天前
    为什么没人推荐 figma 的社区。。。
    jianchang512
        16
    jianchang512  
       352 天前
    既然用 uniapp ,那不如直接用 uview 框架,至少看起来像模像样,没那么丑
    Mikawa
        17
    Mikawa  
       352 天前
    如果要追求好看的话,确实可以考虑上组件库,不过要想明白,组件库主要帮你解决这几个问题

    1. 排版,OP 的网站里按钮、普通文案和 Header 里的字是三种不同风格,相互之间层次不明确,就会显得不太美观
    2. 统一间距单位,一般公司里设计师会有标准,比如一倍单位是 4px ,页面内边距是 2 倍单位,主要模块之间间隔 4 倍单位,这样会整齐很多,就像小学生练字一样,女生字写的整整齐齐,哪怕字一点笔锋也没有,也不会太难看
    3. 主题色,同样是黑白灰蓝,组件库一般会提供 100 - 900 这样好几个档,计算出来的颜色,适当使用会更能凸显层次一点

    然后是 OP 自己要考虑的问题了
    - 元素之间的间距,现在有些行动点之间是没有间距的,最好加上
    - 元素宽度,好些按钮占满了整个屏幕。。。太宽了

    我建议用 mui ,提供了很完善的主题系统,并非很好修改样式。觉得 material 看腻了的话,可以考虑 mui joy
    Ashore
        18
    Ashore  
       352 天前
    uniapp ?使用 uView 这个框架不就好了吗。。
    Mikawa
        19
    Mikawa  
       352 天前
    @Mikawa 没看到是 Vue 写的。。。打扰了,mui joy 可能用不了
    43n5Z6GyW39943pj
        20
    43n5Z6GyW39943pj  
       352 天前
    进入根本看不出来是做什么?这很难做到呀,也很难得
    haozi3156666
        21
    haozi3156666  
       352 天前
    用 tailwind 吧,再丑也丑不到哪去,也有很多基于 tailwind 的组件库,找一个直接用就好
    yangzzz
        22
    yangzzz  
       352 天前
    你这算极简吗。。。如果极简的话把线条按钮只保留背景色这样会好看一点。。。
    Bzero
        23
    Bzero  
       352 天前
    素不素不重要,起码没有 bug 吧
    点圆圈不是勾选,是删除
    leipengcheng
        24
    leipengcheng  
    OP
       352 天前
    @Bzero 其实是完成后,就隐藏了,我晚上加个 是否显示已完成 的按钮
    zhongchunfeng
        25
    zhongchunfeng  
       352 天前
    uni-app 直接就用 uni-ui 就可以了。https://uniapp.dcloud.net.cn/component/ uview 的话很垃圾别用
    listenerri
        26
    listenerri  
       352 天前
    逻辑有问题吧,我没登陆,依次点了“日志”,“详细”,“任务”后进到了一个 todo 界面里
    Charrlles
        27
    Charrlles  
       351 天前 via iPhone
    用 daisyui 就行,直接写 class ,很方便
    leipengcheng
        28
    leipengcheng  
    OP
       351 天前
    @listenerri 谢谢指出,已修复,自己用了三个月,还没发现这个问题
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2922 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 14:39 · PVG 22:39 · LAX 06:39 · JFK 09:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.