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