毕业后一直从事的是服务端开发,偶而需要写一些展示页面,每次写页面困扰最久的就是布局。
不止是布局 UI 设计(小公司没有 UI 设计),还有布局代码的实现,有什么入门博客或者视频推荐吗?
1
iOCZS 2024-10-28 10:13:02 +08:00
分而治之
|
2
kunkunzhang 2024-10-28 10:14:43 +08:00 |
3
fruitmonster 2024-10-28 10:17:58 +08:00
设计什么啊,直接现成的 UI 组件,需要啥用不就可以了么
|
4
fengci 2024-10-28 10:18:32 +08:00 flex 走天下。
|
5
yangg 2024-10-28 10:30:36 +08:00
|
6
ydong 2024-10-28 10:37:03 +08:00
认真学一下 css 就不会有这个困扰
|
7
dyncan 2024-10-28 10:37:57 +08:00
Google 搜一些 'CSS layout generator' 关键词跟着学习布局, 现在 AI 工具也这么发达, 想怎么学都能学会.
|
8
dode 2024-10-28 10:43:51 +08:00
tailwindcss
|
9
wu67 2024-10-28 10:52:11 +08:00
要么 flex, 学两天就上手了.
要么 tailwind, 上手曲线高一点, 但是用久了就发现, 其实就是跟 10 年前的经典 bootstrap 差不多. |
10
pandaaa 2024-10-28 10:57:28 +08:00
简单来说多练多写,c 端就熟练掌握 flex ,b 端就是熟练掌握 antD 或者一款成熟的 UI 框架就行了,不用太担心,细节问题就 AI 和 google 解决
|
11
Pdk5a8759cbeD6CH 2024-10-28 11:01:40 +08:00
掌握弹性布局后基本上布局没问题了
|
12
bgm004 2024-10-28 11:06:40 +08:00 使用 flex 。布局就是在页面上画格子,从上往下堆,从左往右挤。
|
13
callv 2024-10-28 11:25:02 +08:00
flex 基本所有一般网页布局都能搞定了
|
14
ZGame 2024-10-28 11:29:14 +08:00
没有什么是 flex 解决不了的
|
15
sikuu2al 2024-10-28 11:34:08 +08:00
flex 和 grid 吧 认真学一学不用两小时就上手了
|
16
7gugu 2024-10-28 11:36:19 +08:00
如果是后台的页面,用 Antd 这种 UI 组件库,对付一下就得了。
|
17
freeup 2024-10-28 11:37:58 +08:00
页面本质就是一个盒子里面嵌套各种盒子,用线把各个盒子画好,在填充具体元素就行,所以可以搜搜 关键字 ”盒子布局“ ,上手很快,属于基本 css 布局知识
|
18
AlanBrian 2024-10-28 11:48:41 +08:00
|
19
stein9999 2024-10-28 13:07:09 +08:00 |
20
aliezleft 2024-10-28 13:09:02 +08:00
|
21
xiaozhang1609 2024-10-28 16:41:15 +08:00
强度不高的话,直接使用 ai 做吧,让 ai 设计几种方案,你选一种自己喜欢的就行。
|
22
linkopeneyes 2024-10-28 17:02:31 +08:00
flex 不能解决就 grid,grid 兼容差就用组件库的 grid,实在不行就自己 js 算
|
23
xiaowunai 2024-10-28 17:09:06 +08:00
无他,唯有手熟尔
|
24
gorvey 349 天前
https://jscool.cn/
查看 css 专区 |