labulaka521
V2EX  ›  Vue.js

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

  •  2
     
  •   labulaka521 ·
    labulakalia · May 1, 2021 · 8020 views
    This topic created in 1867 days ago, the information mentioned may be changed or developed.
    47 replies    2021-09-16 11:15:06 +08:00
    dumbass
        1
    dumbass  
       May 1, 2021 via iPhone
    上第三方库,然后魔改
    QingXuJiaZhi
        2
    QingXuJiaZhi  
       May 1, 2021 via Android
    想省事用 bootstrap, 想深入研究就要学 CSS 和平面设计了。
    zxCoder
        3
    zxCoder  
       May 1, 2021   ❤️ 5
    没辙

    接受现实就完事了

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

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

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


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

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