前端样式有没有什么快速学习方式啊 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
HuskyHao
V2EX    程序员

前端样式有没有什么快速学习方式啊

  • /li>  
  •   HuskyHao 174 天前 3133 次点击
    这是一个创建于 174 天前的主题,其中的信息可能已经有所发展或是发生改变。

    在开水厂实习做前端,这两天跟后端对接口啥的都能很快弄好,但是样式今天改了一天也没啥进展,咋做都丑丑的,要不就是不听话,用 curosr 改也改的怪怪的。想问下大伙有没有什么速成的技巧?能为小弟指点一二 /(ㄒoㄒ)/~~

    30 条回复    2025-06-12 23:20:38 +08:00
    xianyu191031
        1
    xianyu191031  
       174 天前
    无他 写上一两年你就熟了
    icebay
        2
    icebay  
       174 天前   1
    我自己是会上 Dribbble 搜一下可以参考的设计
    lovedebug
        3
    lovedebug  
       174 天前   3
    推荐两个文档 https://web.dev/learn/csshttps://plainvanillaweb.com/ 可以速成~
    jonnyzhu
        4
    jonnyzhu  
       174 天前
    开水厂是什么厂?
    radishzz
        5
    radishzz  
       174 天前
    @jonnyzhu 烧开水的厂吧 [doge]
    HuskyHao
        6
    HuskyHao  
    OP
       174 天前
    @jonnyzhu 员工福利只有免费开水的厂
    HuskyHao
        7
    HuskyHao  
    OP
       174 天前
    @xianyu191031 还是只能菜就多练了 T_T
    HuskyHao
        8
    HuskyHao  
    OP
       174 天前
    @lovedebug 感谢
    mumbler
        9
    mumbler  
       174 天前
    你不需要懂啊,用 readdy.ai 口述需求去设计界面,颜值很高,然后代码给 cursor 去整合后端接口就行了

    千万不要把时间浪费在学习回字有四种写法上
    hmxxmh
        10
    hmxxmh  
       174 天前 via Android   1
    以前我还认为学,现在真没必要了,交给 ai ,你负责找样式截图提供给 ai 。可以去 htmlrev 里面看看,颜值都挺高的
    xiaoming1992
        11
    xiaoming1992  
       174 天前 via Android   1
    样式找 UI
    meteora0tkvo
        12
    meteora0tkvo  
       174 天前   1
    熟练掌握 flex 布局,就能应对除动画以外其他场景了。再说前端写页面之前要先画出设计稿的,再不济用笔画个草图也好,凭空在脑子想页面样式再写出来本身就不合理
    flytsuki
        13
    flytsuki  
       174 天前
    有 ui 手搓,没有 tailwindcss 一把梭
    gorvey
        14
    gorvey  
       174 天前
    你们这种流程就不合理,没有设计图怎么谈还原度
    XTTX
        15
    XTTX  
       174 天前   1
    真正丑的原因的是没有使用连贯的 UI 样式和组件。 成熟的 repo 用 tailwind.config 去设置样式,读取单一来源的 preset 或者是 css. 自己搞起来是挺复杂的, 可以学习一下 oss repo 类似 cal.com middayai supabase. 设计 token 都是以 package 方式让每个 apps 去使用。

    cursor 还是 AI , 让它照葫芦画瓢。 如果组件库完整, 一个页面全是用组件拼接起来的, 单独改一个颜色或者字体大小情况很少。

    我的建议是认真研究一下 shadcn 的 monorepo. 国外大部分项目都是基于他的一些原理改出来的。
    lihai1911
        16
    lihai1911  
       174 天前
    没有设计图吗?
    zhongs
        17
    zhongs  
       174 天前
    1 、层
    leaveeel
        18
    leaveeel  
       174 天前   1
    有 ui 用 flex 、grid 、position ,Transition 。没 ui 用 ui 库什么都不用改
    2Broear
        19
    2Broear  
       174 天前   1
    andyskaura
        20
    andyskaura  
       174 天前   1
    flex 一把梭哈
    annilq
        21
    annilq      174 天前   1
    可以看看 tailwindcss 的文档,是有些设计和规范的
    JSONstringify7
        22
    JSONstringify7  
       174 天前   1
    模仿写个 v2 首页,就可以入门了,先搞定大的布局,剩下的就是慢慢练了,细节碰到不会的再查,不要什么都不会就开始用组件
    Samwulol
        23
    Samwulol  
       174 天前 via Android   1
    b 端 c 端? c 端都会有设计稿吧? b 端无所谓,差不多就行了
    hwdq0012
        24
    hwdq0012  
       174 天前   1
    把 theme 框架搭好,直接开撸 做项目啊,丑就丑了,样式改一改,不要这里复制一份那里复制一份就行了
    chf007
        25
    chf007  
       174 天前   1
    到底是有 UI 很漂亮,自已实现的丑;还是没 UI ,自已跟着感觉来觉得丑啊
    journalistFromHK
        26
    journalistFromHK  
       174 天前   1
    lesson5:绕远路就是我的捷径
    davin
        27
    davin  
       174 天前   1
    团队里没有 UI/UX 设计师么?没有的话,拿着 Tailwind CSS UI 、daisyUI 或者 shadcn/ui 的 Figma Design Kit 先让需求方看看能否满意,再考虑下手。深浅色模式切换,是否支持响应式布局,这些也是要考虑的点。

    有的页面动效比较复杂,没有 UE 同事帮忙,也只能靠别人的口述去想象来实现。掌握盒子模型、响应式原理后,更多的还是得自己手动实践。
    wangtian2020
        28
    wangtian2020  
       174 天前   1
    flex 布局 1 小时就能速通,但是很多刚入门的前端提着 Javascript 就上岗了,是真一点儿看不起 css 啊
    css 就是太好糊弄了,随便调调有点小问题又没大问题,没有对错之分,只有好看和效率的差别
    前端一定要学会 flex 布局再上岗啊!
    HuskyHao
        29
    HuskyHao  
    OP
       173 天前
    劳作一天回来几十个消息以为我被网爆了( bushi ),本人确实只是做了几个本科大作业的前端就来干暑期实习了,组里没有 UI/UX 设计,一切都慢慢摸索来的,今天跟 augment 改了一天,已经比昨天好很多了,大家的建议都有看,非常感谢大家。想做一个合格的开发我还需要沉淀,菜就多练了/(ㄒoㄒ)/
    jqtmviyu
        30
    jqtmviyu  
       173 天前   1
    感觉还是先生成设计图, 然后再让 ai 根据设计图写 css. 直接上来就 css 不靠谱.
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3100 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 43ms UTC 12:07 PVG 20:07 LAX 04:07 JFK 07:07
    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