诚心问:后端大佬们都是怎么做网页设计的? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
请不要在回答技术问题时复制粘贴 AI 生成的内容
poorcai
0.01D

诚心问:后端大佬们都是怎么做网页设计的?

  •  
  •   poorcai Sep 29, 2022 9367 views
    This topic created in 1309 days ago, the information mentioned may be changed or developed.

    我是很菜的后端,对前端页面布局、样式等更是知之甚少,有时候想自己写个小网站或者小程序啥的,都是像打补丁一样写一些基础的 css 慢慢调整,很难做到好看,所以也特别羡慕那些做出来很好看的小程序、app 的大佬。

    所以想问一下大家都是怎么搞前端设计、样式开发的?有没有什么学习路径或者资源?

    Supplement 1    Sep 29, 2022

    看了大家的回复,总结出自己想到的两个方案:

    • 使用市面上的组件库,来完成一些基本的样式;
    • 使用 tailwind 或者 bootstrap 等 css 库来写剩下的一些页面样式。
    54 replies    2022-09-30 12:12:54 +08:00
    c332030
        1
    c332030  
       Sep 29, 2022
    ant-design 考虑过吗,直接用,我觉得默认样式也不错
    lisongeee
        2
    lisongeee  
       Sep 29, 2022
    大部分前端也是靠 ui 给的图做的,ui 出的图是什么样子,我就做成什么样子
    ccyu220
        3
    ccyu220  
       Sep 29, 2022
    在自身没有美术设计能力的前提下

    最佳途径:借鉴(抄能力)

    不然就是找组件库,下限起码比自己瞎琢磨高
    magiconch
        4
    magiconch  
       Sep 29, 2022   3
    说实话,做出好看的页面难点不在开发,在于你的设计和艺术审美
    HAWCat
        5
    HAWCat  
       Sep 29, 2022
    参考平面设计素材网站
    poorcai
        6
    poorcai  
    OP
       Sep 29, 2022
    poorcai
        7
    poorcai  
    OP
       Sep 29, 2022
    回复上条,我确实用的组件库,但是里面依然是缝缝补补
    poorcai
        8
    poorcai  
    OP
       Sep 29, 2022
    @ccyu220 #3 有时候有了组件库,但是还有布局问题,比如我在 PC 上浏览可能还好,但是移动端就没有做适配,很难看
    lancelock
        9
    lancelock  
       Sep 29, 2022
    这是产品和 ui 的活,为啥你要自己搞。
    如果是管理后台类的那就简单了,现成的组件库直接用就行了
    poorcai
        10
    poorcai  
    OP
       Sep 29, 2022
    @lancelock #9 不是给公司做,我的意思是自己私下做的时候。
    dreasky
        11
    dreasky  
       Sep 29, 2022
    找个美工老婆
    muchenlou
        12
    muchenlou  
       Sep 29, 2022   1
    @dreasky 老哥有介绍吗?
    rebang
        13
    rebang  
       Sep 29, 2022
    同后端,非大佬,最近上线了一个网站,曾有相同的疑惑。我的做法是模仿,模仿业界的成熟方案。组件的话我推荐 arco.design 。css 我用的 tailwind ,我认为很顺手。至于怎么做到很好看,我经常在 b 站刷到 css 实现 xxx 的视频,能带来不少灵感
    qzhai
        14
    qzhai  
       Sep 29, 2022   17
    我是前端,
    好不好看 全指望设计。
    自己做东西依赖框架的默认设计规范也是可以的,这里推荐几个。

    https://getuikit.com/ (专门给 WordPress 做主题的,偏向官网、博客 且是响应式)
    https://semantic-ui.com/ (响应式)
    https://daisyui.com/ (基于 Tailwind CSS ,偏向后台)
    https://vuesax.com/ (基于 vue ,偏向 pc )
    https://mui.com/zh (基于 react 偏向 pc )
    https://vux.li/ (基于 vue 移动端)
    https://mobile.ant.design/ (基于 react 移动端 偏工具)
    poorcai
        15
    poorcai  
    OP
       Sep 29, 2022
    @sunhuawei #13 谢谢老哥的回复
    poorcai
        16
    poorcai  
    OP
       Sep 29, 2022
    @qzhai #14 哇,感谢感谢
    poorcai
        17
    poorcai  
    OP
       Sep 29, 2022
    @sunhuawei #13 既使用组件,又使用 css 库,会不会打架呀?
    rebang
        18
    rebang  
       Sep 29, 2022
    @poorcai #17 这个暂时没有发现,arco 定义类名会加 arco 前缀
    fiypig
        19
    fiypig  
       Sep 29, 2022
    我前端也是这样,要蓝狐来写,不然自己写也是很凑,如果自己瞎写的话,就整体对齐就好看多了
    lp7631010
        20
    lp7631010  
       Sep 29, 2022
    好家伙 后端还要搞设计吗 搞搞前端也就算了 设计都要插一脚啊
    zhouyg
        21
    zhouyg  
       Sep 29, 2022
    估计跟技术无关,可以先用 Figma 自己画一下,等画得好看了再来思考技术相关的事情
    wakarimasen
        22
    wakarimasen  
       Sep 29, 2022 via Android
    或许你需要的只是一个设计师
    stimw
        23
    stimw  
       Sep 29, 2022 via iPhone
    买了 taiwindui ,里面有组件和模板,照着抄。。
    pengtdyd
        24
    pengtdyd  
       Sep 29, 2022
    很简单,淘宝几块钱就可以买上千套 UI ,直接套皮就行了
    4BVL25L90W260T9U
        25
    4BVL25L90W260T9U  
       Sep 29, 2022
    珍爱生命,远离 antd
    LHRUN
        26
    LHRUN  
       Sep 29, 2022
    三大利器,圆角、阴影、渐变
    albert0yyyy
        27
    albert0yyyy  
       Sep 29, 2022
    bootstrap 挺好的
    xiaohouzhi
        28
    xiaohouzhi  
       Sep 29, 2022
    有没有可能是因为人家是有设计稿的
    mooyo
        29
    mooyo  
       Sep 29, 2022 via iPhone
    用 antd 套模板 没有模板的页面一律不写
    laolaowang
        30
    laolaowang  
       Sep 29, 2022
    不光后端, 前端没有 UI 的图,很多人也无法写出漂亮的页面
    CantSee
        31
    CantSee  
       Sep 29, 2022
    不做
    poorcai
        32
    poorcai  
    OP
       Sep 29, 2022
    @ospider #25 为啥?现在只有 antd 在三大框架是全的吧?
    poorcai
        33
    poorcai  
    OP
       Sep 29, 2022
    @lp7631010 #20 没看到我是说在自己做项目的情况下吗?
    poorcai
        34
    poorcai  
    OP
       Sep 29, 2022
    @LHRUN #26 哈哈哈哈被你懂麻了
    lkxjlkejwr
        35
    lkxjlkejwr  
       Sep 29, 2022 via Android
    想到刚学写代码的时候 #ccc #000 #fff 一把梭,整个页面只有黑白灰。 当时也觉得就是能区分出来,有办法验证功能就好。果然还是适合做后端。
    ggbond2
        36
    ggbond2  
       Sep 29, 2022
    如果不要求那么花哨的页面。 功能完整,布局简洁就行的话。 可以尝试下我的低代码平台,前端页面简单拖拖。 majiang.co
    hjq632233317
        37
    hjq632233317  
       Sep 29, 2022
    有好些地方是需要设计给设计个刚刚好的图片 图标什么的 还有色值 那你上来啥都没有咋好看 总不能所有的地方都用 css 写吧
    Ashore
        38
    Ashore  
       Sep 29, 2022
    找设计出设计图,跟着设计图来画页面不就行了。
    hanxyan12
        39
    hanxyan12  
       Sep 29, 2022 via Android
    网站设计主要依赖设计师吧。可以去 figma 社区淘宝或者设计稿资源网站,直接就能搜到很多设计稿源文件。拿到设计稿后微调,图标额外去图标网站找,你就有一套自己的 ui 啦
    tf2
        40
    tf2  
       Sep 29, 2022
    其实 LZ 想问如何设计漂亮的版式和色彩搭配。。。

    俺也想问这个问题。
    lp7631010
        41
    lp7631010  
       Sep 29, 2022
    @poorcai 自己做项目也可以把设计分给别人弄啊 我接项目 设计和前端都给同事弄了 分(拿)出去点钱 少操点心 专业的人干专业的事
    idblife
        42
    idblife  
       Sep 29, 2022   1
    devzhi
        43
    devzhi  
       Sep 29, 2022
    后台 layui 前台 vue
    NoString
        44
    NoString  
       Sep 29, 2022
    找个 vue 的组件库 用默认的,肯定比我自己折腾的好看
    kkshell
        45
    kkshell  
       Sep 29, 2022
    找个好看得抄就完事了
    poorcai
        46
    poorcai  
    OP
       Sep 29, 2022
    @idblife #42 我靠,这是另类吗?
    Joker520
        47
    Joker520  
       Sep 29, 2022
    要有大的阅览量,然后就是抄抄...copycopy...
    yagamil
        48
    yagamil  
       Sep 29, 2022
    抄的前提 也是得要知道有哪些好看的库 可以抄。 不然一直在 bootstrap 折腾(鄙人就是)
    lifeHasOnce
        49
    lifeHasOnce  
       Sep 29, 2022
    一句话,能看就行
    joApioVVx4M4X6Rf
        50
    joApioVVx4M4X6Rf  
       Sep 29, 2022
    就学最基础的 js 和 css 。vue 都不敢碰,水太深学不懂
    margoxlive
        51
    margoxlive  
       Sep 29, 2022
    如果要培养审美和提升设计能力,可以多刷 dribbble 或者 behance.
    irytu
        52
    irytu  
       Sep 30, 2022 via iPhone
    就跟提升代码能力的时候 多看优秀的代码一样 你也可以多看好的网页设计 做参考
    zhuweiyou
        53
    zhuweiyou  
       Sep 30, 2022
    说认真的,后端不建议学前端.
    uni
        54
    uni  
       Sep 30, 2022
    我一个前端也想问这个问题,每次看到别人的个人主页好好看都觉得好羡慕,尤其是做前端的个人主页做得好看我觉得是加分项啊
    About     Help     Advertise     Blog     API     FAQ     Solana     1327 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 103ms UTC 17:01 PVG 01:01 LAX 10:01 JFK 13:01
    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