vue 写出来的网页怎么才能漂亮点,感觉自已写的网页好丑,目前只会用对应的组件 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
labulaka521
V2EX    Vue.js

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

  •  2
     
  •   labulaka521
    labulakalia 2021-05-01 08:42:49 +0:00 7715 次点击
    这是一个创建于 1688 天前的主题,其中的信息可能已经有所发展或是发生改变。
    47 条回复    2021-09-16 11:15:06 +08:00
    dumbass
        1
    dumbass  
       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 设计,网页好不好看和用啥框架其实没啥太大关系的
    cctv6
        5
    cctv6  
       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 没有任何关系。。。
    GG668v26Fd55CP5W
        13
    GG668v26Fd55CP5W  
       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  
       221-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     Solana     2540 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 09:50 PVG 17:50 LAX 01:50 JFK 04:50
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86