(感謝旗標贈書)手上有 2 本新書。
# 這樣O那樣X 一看就懂的UI設計與資訊編排技巧
對於第一次接觸 UI ,不知道該怎麼改善網頁排版,這本有幫助。
講得很淺,不會太深入,適合初學者。
畢竟作者是日本人,書裡提出的範例完全就是日式網頁設計(笑)一板一眼條理清楚、沒什麼大錯誤那種中規中舉型。
有些作者認為是「X」的部份我覺得只是小瑕疵,當另外一種思維看待了。
# 手帳媽媽幸福筆記術:家事 × 料理 × 記帳 × 育兒 手帳點子大公開
托 PTT 文具版的福,導致我認為寫美美的手帳是有閒人在做的事。剪剪貼貼畫畫圖什麼的都要時間啊!
這本書提供很多寫手帳範例:「手帳可以拿來做什麼」,一般拿來寫待辦、日記、記帳、食譜之類。讓我發現:啊、原來寫手帳也不用準備一堆色筆、貼紙、紙膠帶嘛~那都是商人的陰謀(喂)
書裡的點子都還滿實用的(只是內文字很小),沒什麼花花綠綠的裝飾。也是啦,日本的媽媽要帶小孩哪有空閒,方便至上。
(這幾年我隨身會帶 2 本手帳,如果你們有興趣再來分享。)
網頁排版 範例 在 紀老師程式教學網 Facebook 的最佳貼文
[投影片] 何謂「響應式」網頁程式設計?
近年來,由於使用者慣用的瀏覽設備,已經從單一的桌機,變成手機、平板、桌機等多種解析度。所以,如何讓網頁排版,隨著使用者設備的不同,自動重新排版,「回應(Respond)」的解析度,好讓使用者在不同的螢幕寬度下,都能擁有舒適閱讀的版面。這種網頁設計技巧,稱為「響應式網頁設計(Responsive Web Design, RWD)」。
其實我一直苦於不知道該怎麼跟自己的學員,完整解釋「響應式設計」這個概念。剛好今天在 Facebook 看到,以前的大學同學分享了下面的投影片。覺得寫的很不錯!就貼出來分享給大家。如果大家對「響應式設計」有興趣,我底下還有一本推薦的書籍,不嫌棄的朋友,可以買回來自己研究研究。
響應式設計投影片:
https://speakerdeck.com/h0design/responsive-web-design
推薦書籍:「響應式網頁設計超強來襲!:通用於平板X智慧型手機X電腦X電視的跨平台設計應用範例」
http://www.books.com.tw/products/0010614650
網頁排版 範例 在 伸縮自如的RWD 排版術(上) - YouTube 的推薦與評價
![影片讀取中](/images/youtube.png)
範例 程式碼:https://hexschool.tw/yRSS0切版直播班網址:https://www.hexschool.com/courses ... ... <看更多>
網頁排版 範例 在 Week02-Flexbox 網頁排版術- 菜鳥學前端 - SEO | 技術 的推薦與評價
這次切版直播班老師帶我們看了很多網頁的範例,透過互動回答也幫助我複習了flex ,對flex 的使用也更了解。 Flex 外容器& 內元件. 外容器container (藍色) ... ... <看更多>
網頁排版 範例 在 網頁設計範例哪裡找?探索靈感就用Pinterest - 網站架設 的推薦與評價
然而因為其複雜的html程式結構,還有樣式設定的彈性較低,在重視SEO且行動裝置普及的現在,已經不再適合作為網頁排版的方式。 以table排版的網頁經常看到 ... ... <看更多>