這種網頁設計越來越受歡迎！Bento Design 有什麼魔力？
「Bento」怎麼唸？扁東？對，就是日語「便當」。
但這跟網頁設計有什麼關係？
其實，Bento Design 就像便當一樣，把資訊分格擺放，整齊又有條理！
Framer AI 產出網頁，實用性高
Framer 新功能，AI 產出網頁！
試了一下，還真的可以！感覺好酷啊！
0 代碼做網頁的時代不遠了！
如何為不同裝置設計 RWD Wireframe
「RWD Wireframe 要畫幾個版本？」
學生問得好，設計師到底該畫 PC、Mobile 兩版，還是靠軟體調整？
這篇一次解答！
研究 UI/UX 的學生在問什麼？訪談精華整理！
被訪談聊 UI/UX，結果每題都能寫成論文？
從網站互動到使用者體驗，這篇摘要幫你快速掌握關鍵觀點！
讀後感：移動優先與響應式Web設計
同樣是A Book Apart, Brief books for people who make websites. 這個網站出的書，這次要介紹的是 MOBILE FIRST 和 RESPONSIBLE RESPONSIVE DESIGN 的簡中版本。
先講結論，做 App 或網站的設計師都快去買吧，會學到很多。
Fixed Grid System 詳解
我踩到一個沒把 Fixed Grid 學好的雷orz 特此拿出來筆記下。之前在 [Grid 的運用：PS外掛] (/posts/194263-application-of-grid/) 一文中有簡單提到 Grid 的運用，但講得不夠清楚，後來活用時遇到個問題：如果你的網頁有側邊欄的時候，要怎麼設計才符合 Grid？
Responsive Web Design 不是萬能
Responsive Web Design 是現在網頁製作的趨勢，但有些情況不能提到新做網頁、或是改版，就喊 RWD 直接上。隨著螢幕視窗尺寸改變網頁內容排版方式是 RWD 的特色，卻也成為我在某些時刻不想用它的原因，很多時候 RWD 解決了問題、卻產生更多的問題…如果你的網站功能複雜要呈現的資料極龐大，是否要採用 RWD 技術製作網站真的要好好考慮斟酌下。
網頁設計師基本功
不少做平面的設計師想轉行走網頁設計這條路，做網頁和做平面是完全不同的思維，加上 html 寫完後要交給 F2E 套特效套程式，並不是平面可以怎麼做、網頁就能怎麼做。就算是人畜共通疾病如口蹄疫、你可以把治療豬的藥方療程直接套到人類身上嗎？
Grid 的運用：PS外掛
製作的 Responsive Web 最好能先理解 Grid 概念。這概念不只運用在 Mobile Web ，包含 Smart TV 都會派上用場。如果你輕鬆想做出和 Mockup 相同的 Web ，最好把 Grid 學起來。
8px 後續，模糊
8px那篇引起很多回應，我想這要從幾個角度來解釋。UI 口中的「糊」和 RD 眼裡的「糊」是有差的。圖片會糊的原因分成幾種：
- 小圖放大會糊。< 這是廢話，BJ4。
- 大圖縮小會糊。< 一定有人想問為什麼。
- 就算是向量檔，只要像素沒有對齊一樣會糊。
- PX 非整數。< Pixel 沒有0.x 這種數值。
Responsive Web 抱怨篇
老實說、自從我一頭栽進 Responsive Web 的世界，又接觸 Bootstrap 後，很久沒去思考「在 Responsive 上我還能玩些什麼花樣」。有人跟我提過 Bootstrap 雖然好用、但也限制許多可能性，所以他們不喜歡。我倒認為它只是項工具、要在網頁上套用它就必須遵循它的規則。
文章分類
