V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
vue.js
labulaka521
V2EX  ›  Vue.js

vue 写出来的网页怎么才能漂亮点,感觉自已写的网页好丑,目前只会用对应的组件

  •  1
     
  •   labulaka521 · 13 天前 · 4211 次点击
    45 条回复    2021-05-09 17:02:32 +08:00
    bojackhorseman
        1
    bojackhorseman   13 天前 via iPhone
    上第三方库,然后魔改
    cmdOptionKana
        2
    cmdOptionKana   13 天前 via Android
    想省事用 bootstrap, 想深入研究就要学 CSS 和平面设计了。
    zxCoder
        3
    zxCoder   13 天前   ❤️ 5
    没辙

    接受现实就完事了

    除非你是专业搞前端,可能还需要会一点设计和审美,否则就接受“好看的页面这玩意是专业的,不是谁都能糊出来”的现实
    Quarter
        4
    Quarter   13 天前 via iPhone
    要搭配 UI 设计,网页好不好看和用啥框架其实没啥太大关系的
    cdlnls
        5
    cdlnls   13 天前
    无脑上简洁风格,用一些成熟的第三方库,遵循现有的设计规范。这样一套下来应该差不到哪里去,也不至于说丑。
    tabris17
        6
    tabris17   13 天前 via iPhone
    留白就可以了。就算用浏览器内置组件都不会丑到哪里去
    Tdy95
        7
    Tdy95   13 天前 via Android
    试试 tailwind css
    hoyixi
        8
    hoyixi   13 天前   ❤️ 6
    如果多数程序员都能做出各种漂亮 UI,那 UI 美工都失业了
    gauzung
        9
    gauzung   13 天前
    waltcow
        10
    waltcow   13 天前 via iPhone
    Tailwindcss
    swift
        11
    swift   13 天前 via iPhone   ❤️ 4
    我找了个设计女朋友
    Outshine
        12
    Outshine   13 天前   ❤️ 3
    恕我直言,这个和 vue 没有任何关系。。。
    falcon05
        13
    falcon05   13 天前 via iPhone   ❤️ 1
    这个跟前端甚至也没什么关系,学点设计 UI,ux 的课程
    mozhizhu
        14
    mozhizhu   13 天前
    我以为吧,是想说代码层次写的很丑……
    baoshuo
        15
    baoshuo   13 天前
    这个和 vue 没啥关系,你可以试试各种前端框架( bootstrap tailwindcss 等等
    wolfan
        16
    wolfan   13 天前 via Android
    我都是自己写 CSS,弄了个标准库作能用,然后每个工程应实变化。
    当然,如果你不想写 css 建议用 tailwind 是真的香。
    baobao1270
        17
    baobao1270   13 天前
    直接抄大厂的设计规范呗
    Material Design,Fluent Design,ElementUI,都可以
    gouflv
        18
    gouflv   13 天前 via iPhone   ❤️ 1
    网页丑是因为用 vue ?懂了
    labulaka521
        19
    labulaka521   13 天前
    哈哈 谢谢大佬们
    no1xsyzy
        20
    no1xsyzy   13 天前
    *{padding:5px} 解万愁
    ch2
        21
    ch2   13 天前
    有种东西叫组件库
    suzic
        22
    suzic   13 天前 via Android
    组件库救不了的,同样的 md 风格,在人家网站上就特别漂亮,自己拼起来就不好看。想做的漂亮点,要么找个设计师,要么抄
    yucongo
        23
    yucongo   13 天前
    试试 vuetify 或 buefy
    cctrv
        24
    cctrv   13 天前 via iPhone   ❤️ 1
    用 tailwindcss 就自然寫得很漂亮了。
    可以看看我幾年前寫的一個網站。
    https://www.5mlstudio.com/

    然後再找一個好看的字體。
    IGJacklove
        25
    IGJacklove   13 天前 via Android
    可以炒一下别人的网页,跟语言框架没关系。
    Cbdy
        26
    Cbdy   13 天前 via Android
    提高一下审美,学一点平面设计
    code4you
        27
    code4you   13 天前
    找个设计师女票呀
    anguiao
        28
    anguiao   13 天前 via Android   ❤️ 1
    用 TailwindCSS 等有工具类的框架,确实能好一些。框架里的预设值,对做出一个能看的页面还是很有帮助的。
    Zchary
        29
    Zchary   13 天前 via iPhone
    参照 material-ui 设计规范和设计风格
    DiamondYuan
        30
    DiamondYuan   13 天前   ❤️ 1
    设计又一些基本的原则。

    - 亲密
    - 对齐
    - 对比
    - 重复


    可以化一点点时间扫一遍 ant design 的设计原则

    https://ant.design/docs/spec/introduce-cn
    DiamondYuan
        31
    DiamondYuan   13 天前
    顺便再推荐一本小书 《写给大家看的设计书》
    Baboonowen
        32
    Baboonowen   13 天前 via Android
    嗨,我直接抄了 notion css
    Baboonowen
        33
    Baboonowen   13 天前 via Android   ❤️ 1
    https://tab.quoth.win
    LeeReamond
        34
    LeeReamond   13 天前
    只能推荐一下 https://codepen.io/ 了,隔行如隔山,程序员搞不了设计师的工作,虽然对不起设计师,如果老板叫我搞个什么东西我肯定是厚颜无耻直接抄的。
    zyh94946
        35
    zyh94946   12 天前
    @labulaka521 看大佬这名字好眼熟啊,想起来给 crocodile 提过 pr 还在 open 😂
    huguotai
        36
    huguotai   12 天前 via iPhone
    tailwindcss 吧
    chanchan
        37
    chanchan   12 天前
    提高自己审美 /找一套你觉得好看的组件
    hyrious
        38
    hyrious   12 天前
    《写给大家看的设计书》
    《 CSS Secrets 》
    《如何找个设计师女朋友》
    《……》
    老板问你要高大上就抄苹果
    q197
        40
    q197   12 天前
    要么就纯用人家做好的框架。如果想自己设计、排版,又没有美工基础,得参照别人的规范来。按照我的经验,例如开发安卓 app,自己排版控件做出来的 app 一看就是业余的,但是参照 md 标准按照人家的规范来设置字号、控件间距,app 一下子就看起来高大上了
    Terry05
        41
    Terry05   11 天前
    这是审美和设计的问题,跟前端关系不大
    AkideLiu
        42
    AkideLiu   11 天前 via iPhone
    你觉得自己想的丑,那不如找个自己看着顺眼的,融会贯通一下
    jones2000
        43
    jones2000   11 天前
    你缺美工和产品设计
    wolong
        44
    wolong   10 天前
    你觉得哪个做的好看,就抄他的。
    dyv9
        45
    dyv9   5 天前 via Android
    至少要用 bootstrap-vue 吧
    关于   ·   帮助文档   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   959 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 20:57 · PVG 04:57 · LAX 13:57 · JFK 16:57
    ♥ Do have faith in what you're doing.