Threadser.net
數據
關鍵字
Threads
Login
串文
串文鏈結
2025-01-09 13:15
✨ 想分享一些作為UI/UX設計師需要知道的CSS知識 學會了這些知識,再把它們放進你的設計考量當中,更容易和工程師溝通😍 1️⃣ Position 了解各種Position在網頁上的作用 (Static / Fixed / Sticky / Relative / Absoulte) Relative和Absolute會較常使用,詳請可以參考影片~ https://youtu.be/YEmdHbQBCSQ?si=NfeSnqnhobQ1W2Hc 2️⃣ Flexbox 大部分的網頁排版都會用到Flex,學了它會更容易理解Figma的Auto Layout https://youtu.be/K74l26pE4YA?si=RiQRiugk2g_RuA1h 3️⃣ Grid Grid 是緊次於Flex 重要的。基本上使用Grid 都是來弄Responsive,把網頁不同局域分隔起來 https://youtu.be/3T0gjtXRNC0?si=cLRm8UdeNEjkj3p- 留言再說~ 比起我在這裡詳細逐一說明,使用AI便能做出簡單的案例,更容易理解唷~
讚
35
回覆
5
轉發
10
作者
Andrew | App 及 網頁設計
uiux.andrew
粉絲
107
串文
85+
讚
回覆
轉發
24小時粉絲增長
發文前
66
發文後24小時
95
變化
+29 (43.94%)
互動率
(讚 + 回覆 + 轉發) / 粉絲數
46.73%
回覆 (BETA)
最先回覆的內容
發文後
用戶
內容
一分鐘內
Andrew | App 及 網頁設計
uiux.andrew
4️⃣ Media Query Media Query 是用來弄Responsive的。簡單來說,就是當網頁打窄到某一個尺寸時,網頁的UI如何作出對應的改變。如該按鈕在1280px時的寛度是100px,當網頁的尺寸少於780px時,它的寛度便會縮少至70px https://youtu.be/yU7jJ3NbPdA?si=wN10PpGOPVk_v4UD