amysidvtw: 像 FB 一樣從畫面外滑出好友聊天清單的 UI 要怎麼設計

【大家健康悅讀電子報】提供健康資訊、親子教育及有趣的兩性話題，讓你幸福養生，健康、樂活每一天！

【米奇巴克童書魔法盒】讓父母瞭解孩子思考與美感的「天賦」，陪孩子一起快樂閱讀、創意思考！

★ 無法正常瀏覽圖片，請按這裡看說明

★ 無法正常瀏覽內容，請按這裡線上閱讀

新聞健康財經追星 NBA台灣 udn部落格 udnTV 讀書吧

2016/05/27 第 570 期 | 訂閱/退訂 | 看歷史報份 |


	學習主題	像 FB 一樣從畫面外滑出好友聊天清單的 UI 要怎麼設計
	新書搶鮮報	Microsoft Excel 2016 使用手冊
		ASP.NET 4.6 網頁製作徹底研究 - 使用 C#
	學習地圖	製作可自動依字數多寡縮放的便利貼-使用Illustrator
	活動快遞	圖書專區
	延伸閱讀主題	建立多個桌面, 切換不同的工作環境
		快來救我！Scratch 兔媽媽過河救援遊戲

最新運動型食譜：訓練、比賽、恢復時的快速能量補充

像 FB 一樣從畫面外滑出好友聊天清單的 UI 要怎麼設計

如同其名稱, 滑動選單是從畫面側邊滑動顯示的 UI, 又被稱為導覽抽屜或 Off-canvas 選單。

由於是以整體畫面的方式滑動, 相較於其他導覽列, 能顯示更多的資訊。如
果想在手機上顯示的網站, 本身的結構較複雜或類別很多, 須顯示較多的選單
項目, 此種 UI 非常有效果。

基本的滑動選單

滑動選單最有名的就是手機版的 Facebook。在 Facebook 圖 1 就採用滑動選單, 點擊
右上角的圖示之後, 會往側邊滑動出連絡人列表。
滑出的選單不會覆蓋整個頁面, 會大約保留原本的八分之一, 點擊最左側原本的畫面,
選單就會自動滑動隱藏。

圖一點擊選單圖示會滑動顯示

.......﹝詳細內容﹞

	Microsoft Excel 2016 使用手冊
	Excel 是使用率極高的試算軟體，不僅可將資料做計算處理，還能進一步分析出有用的資訊。然而多數人都只會建立表格資料、做簡單的加總計算…，不知道Excel 還有好用的函數、圖表、分析工具。若想好好善用建立的資料，彙整出有助於判斷、決策的資訊，讓你的數字、統計圖表會說話，一定要將 Excel 的功能完整學通。Excel 2016 與雲端緊密結合，你可以將文件儲存到【OneDrive】雲端硬碟，出門在外只要能連上網路，隨時都能用筆電、手機、平板開啟、編輯 Excel 文件，再也不用擔心忘了帶隨身碟了！ ......... 更多內容 >>

	ASP.NET 4.6 網頁製作徹底研究 - 使用 C#
	在微軟 Windows 平台上, ASP.NET 可以說是製作動態內容網頁的最佳選擇, 不但功能強大, 而且還擁有視覺化的整合開發環境, 大幅加速開發網頁的速度, 降低成本。本書是從 HTML5 和 C# 語言開始，詳細說明如何使用 Visual Studio Community 版建立 ASP.NET Web Form 的 Web 網站和 Web 應用程式。另外, 本書也結合 AJAX 技術, 示範功能完備的 AJAX 版 ASP.NET 聊天室, 還有完整原始程式碼的診所預約系統、部落格、網路相簿與網路商店範例, 讓您不只擁有足夠能力來開發 ASP.NET 網站，還能夠建構目前熱門的 Web 應用服務。 .........更多內容 >>

製作可自動依字數多寡縮放的便利貼-使用Illustrator

製作便利貼時，若另外製作黃色矩形當作背景，就得隨著文字增減而調整矩形大小。只要利用轉換為以下形狀效果，就能製作出配合文字增減而自動縮放的物件。

為了上下位置，而先利用外框物件效果，將文字建立外框

套用轉換為以下形狀 (矩形) 效果，在外框選項交談窗中，選擇相對尺寸，分別輸入額外寬度及額外高度的數值

.......﹝詳細內容﹞

•台中人的第三市仔走訪令人懷念的古早味
第三市場有許多超過一甲子的老店，限於篇幅無法逐一介紹，但有幾家具代表性的老字號，是到第三市場必須造訪之處，如：稻香村醬菜、阿婆草仔粿、順口香麥仔煎…等等。

•比記帳App還好用的雲端表單
在雲端時代與行動時代，我們常利用記帳 app 來記錄開銷花費，不過通常資料都無法互通，不能再次利用，現在可利用 Google 表單 + Excel 試算表來記帳，不僅走到哪都能輕鬆記錄，文件也能再次利用更便利！


旗標出版股份有限公司地址:100 台北市杭州南路一段15-1號19樓電話: (02) 2396-3257 若您對內容有任何建議，歡迎您來信與我們分享 ! 聯絡我們如果您對內容讚賞有加，希望能轉載，還請務必來信告知 ! 以便於處理。

amysidvtw

像 FB 一樣從畫面外滑出好友聊天清單的 UI 要怎麼設計

新秘

w1

2

cam

11

web02

w1