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

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

  •  2
     
  •   labulaka521 ·
    labulakalia · 2021-05-01 08:42:49 +08:00 · 7146 次点击
    这是一个创建于 1287 天前的主题,其中的信息可能已经有所发展或是发生改变。
    47 条回复    2021-09-16 11:15:06 +08:00
    bojackhorseman
        1
    bojackhorseman  
       2021-05-01 08:43:28 +08:00 via iPhone
    上第三方库,然后魔改
    cmdOptionKana
        2
    cmdOptionKana  
       2021-05-01 08:58:14 +08:00 via Android
    想省事用 bootstrap, 想深入研究就要学 CSS 和平面设计了。
    zxCoder
        3
    zxCoder  
       2021-05-01 09:05:50 +08:00   ❤️ 5
    没辙

    接受现实就完事了

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

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

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


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

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