
在开水厂实习做前端,这两天跟后端对接口啥的都能很快弄好,但是样式今天改了一天也没啥进展,咋做都丑丑的,要不就是不听话,用 curosr 改也改的怪怪的。想问下大伙有没有什么速成的技巧?能为小弟指点一二 /(ㄒoㄒ)/~~
1 xianyu191031 174 天前 无他 写上一两年你就熟了 |
2 icebay 174 天前 我自己是会上 Dribbble 搜一下可以参考的设计 |
3 lovedebug 174 天前 推荐两个文档 https://web.dev/learn/css 和 https://plainvanillaweb.com/ 可以速成~ |
4 jonnyzhu 174 天前 开水厂是什么厂? |
7 HuskyHao OP @xianyu191031 还是只能菜就多练了 T_T |
10 hmxxmh 174 天前 via Android 以前我还认为学,现在真没必要了,交给 ai ,你负责找样式截图提供给 ai 。可以去 htmlrev 里面看看,颜值都挺高的 |
11 xiaoming1992 174 天前 via Android 样式找 UI |
12 meteora0tkvo 174 天前 熟练掌握 flex 布局,就能应对除动画以外其他场景了。再说前端写页面之前要先画出设计稿的,再不济用笔画个草图也好,凭空在脑子想页面样式再写出来本身就不合理 |
13 flytsuki 174 天前 有 ui 手搓,没有 tailwindcss 一把梭 |
14 gorvey 174 天前 你们这种流程就不合理,没有设计图怎么谈还原度 |
15 XTTX 174 天前 真正丑的原因的是没有使用连贯的 UI 样式和组件。 成熟的 repo 用 tailwind.config 去设置样式,读取单一来源的 preset 或者是 css. 自己搞起来是挺复杂的, 可以学习一下 oss repo 类似 cal.com middayai supabase. 设计 token 都是以 package 方式让每个 apps 去使用。 cursor 还是 AI , 让它照葫芦画瓢。 如果组件库完整, 一个页面全是用组件拼接起来的, 单独改一个颜色或者字体大小情况很少。 我的建议是认真研究一下 shadcn 的 monorepo. 国外大部分项目都是基于他的一些原理改出来的。 |
16 lihai1911 174 天前 没有设计图吗? |
17 zhongs 174 天前 1 、层 |
18 leaveeel 174 天前 有 ui 用 flex 、grid 、position ,Transition 。没 ui 用 ui 库什么都不用改 |
19 2Broear 174 天前 |
20 andyskaura 174 天前 flex 一把梭哈 |
21 annilq 可以看看 tailwindcss 的文档,是有些设计和规范的 |
22 JSONstringify7 174 天前 模仿写个 v2 首页,就可以入门了,先搞定大的布局,剩下的就是慢慢练了,细节碰到不会的再查,不要什么都不会就开始用组件 |
23 Samwulol 174 天前 via Android b 端 c 端? c 端都会有设计稿吧? b 端无所谓,差不多就行了 |
24 hwdq0012 174 天前 把 theme 框架搭好,直接开撸 做项目啊,丑就丑了,样式改一改,不要这里复制一份那里复制一份就行了 |
25 chf007 174 天前 到底是有 UI 很漂亮,自已实现的丑;还是没 UI ,自已跟着感觉来觉得丑啊 |
26 journalistFromHK 174 天前 lesson5:绕远路就是我的捷径 |
27 davin 174 天前 团队里没有 UI/UX 设计师么?没有的话,拿着 Tailwind CSS UI 、daisyUI 或者 shadcn/ui 的 Figma Design Kit 先让需求方看看能否满意,再考虑下手。深浅色模式切换,是否支持响应式布局,这些也是要考虑的点。 有的页面动效比较复杂,没有 UE 同事帮忙,也只能靠别人的口述去想象来实现。掌握盒子模型、响应式原理后,更多的还是得自己手动实践。 |
28 wangtian2020 174 天前 flex 布局 1 小时就能速通,但是很多刚入门的前端提着 Javascript 就上岗了,是真一点儿看不起 css 啊 css 就是太好糊弄了,随便调调有点小问题又没大问题,没有对错之分,只有好看和效率的差别 前端一定要学会 flex 布局再上岗啊! |
29 HuskyHao OP 劳作一天回来几十个消息以为我被网爆了( bushi ),本人确实只是做了几个本科大作业的前端就来干暑期实习了,组里没有 UI/UX 设计,一切都慢慢摸索来的,今天跟 augment 改了一天,已经比昨天好很多了,大家的建议都有看,非常感谢大家。想做一个合格的开发我还需要沉淀,菜就多练了/(ㄒoㄒ)/ |
30 jqtmviyu 173 天前 感觉还是先生成设计图, 然后再让 ai 根据设计图写 css. 直接上来就 css 不靠谱. |