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

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

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

    接受现实就完事了

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

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

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


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

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