這種網頁設計越來越受歡營！Bento Design 有什麼魔力？
「Bento」怎麼唸？扁東？對，就是日語「便當」。
但這跟網頁設計有什麼關係？
其實，Bento Design 就像便當一樣，把資訊分格擺放，整齊又有條理！
Framer AI 產出網頁，實用性高
Framer 新功能，AI 產出網頁！
試了一下，還真的可以！感覺好酷啊！
0 代碼做網頁的時代不遠了！
試閱：網頁設計職人必修：網頁設計鐵則&問題對策 84
感謝旗標出版社贈書試閱，我有好好把這本書看完。本文除了心得外、另寫了些個人和書中觀點不同的部份。這是本值得入手的好書。
Note：Prototype 製作軟體
最近在找做 Prototype 的軟體或服務，狂測了一堆眼都花了。 Prototyping Tools 搜集很多做 Prototype 的工具，我還沒把每一款都摸過，先筆記有沾水的部份。可能某些服務的功能我沒摸透，如果你有其他的想法歡迎補充。
nav 要包在 header 裡？
Html5 有很多新元素，最常用到的就是 nav、header、footer 這三個。不過對於 nav 該放在 header 裡、還是在 header 外，就我學習到、和老公教的是「看情況」。
讀後感：移動優先與響應式Web設計
同樣是A Book Apart, Brief books for people who make websites. 這個網站出的書，這次要介紹的是 MOBILE FIRST 和 RESPONSIBLE RESPONSIVE DESIGN 的簡中版本。
先講結論，做 App 或網站的設計師都快去買吧，會學到很多。
讀後感：HTML5+CSS3 網頁設計入門必讀
A Book Apart, Brief books for people who make websites. 這個網站專出一些很薄、放包包通勤閱讀很方便的技術書籍，這次要介紹的是 HTML5 FOR WEB DESIGNERS 和 CSS3 FOR WEB DESIGNERS 的簡中版本，人民郵電出版社出版。
丙級技術士與設計教育
台灣很多技職院校的畢業條件之一就是拿張丙級證照，如果你有乙級證照的話推甄還可以加個幾分。隨手試了下 乙級丙級技術士技能檢定線上測驗 的網頁設計、視覺傳達設計考題，60分及格。
設計和 F2E 的切圖與切版
收到讀者來信，這位讀者是 F2E，發現設計師的切圖和 F2E 的切版似乎不太一樣，所以寫信給我。另外問切圖有什麼樣的流程和注意事項…不知道要怎麼詳細說明，其實還滿想回他一句「多被RD罵幾次就會了啊」…orz
Fixed Grid System 詳解
我踩到一個沒把 Fixed Grid 學好的雷orz 特此拿出來筆記下。之前在 [Grid 的運用：PS外掛] (/posts/194263-application-of-grid/) 一文中有簡單提到 Grid 的運用，但講得不夠清楚，後來活用時遇到個問題：如果你的網頁有側邊欄的時候，要怎麼設計才符合 Grid？
如何讓公司的平面設計師交出可以用的 Web 圖？
在演講的 QA 時間，有幾位 F2E 跑來問我這個問題，看來這是許多人心中的痛啊…甚至連圖都不讓設計師切了、直接自己來，卻還是狀況連連…如何讓公司的平面設計師交出可以用的 web 圖呢？
文章分類
