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


【大家健康悅讀電子報】提供健康資訊、親子教育及有趣的兩性話題,讓你幸福養生,健康、樂活每一天! 【米奇巴克童書魔法盒】讓父母瞭解孩子思考與美感的「天賦」,陪孩子一起快樂閱讀、創意思考!


無法正常瀏覽圖片,請按這裡看說明   無法正常瀏覽內容,請按這裡線上閱讀
新聞  健康  財經  追星  NBA台灣  udn部落格  udnTV  讀書吧  



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


 
 
 
  學習主題
  新書搶鮮報
   
  學習地圖
  活動快遞
  延伸閱讀主題
   
最新運動型食譜:訓練、比賽、恢復時的快速能量補充
       
 
 
像 FB 一樣從畫面外滑出好友聊天清單的 UI 要怎麼設計

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

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

基本的滑動選單

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

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

…….﹝詳細內容

   

更多內容請見 《 快速查, 馬上用! CSS3+jQuery 手機網站 UI 範例實作 》

 
 
Microsoft Excel 2016 使用手冊

Microsoft Excel 2016 使用手冊

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

……… 更多內容 >>

   
ASP.NET 4.6 網頁製作徹底研究 - 使用 C# 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

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

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

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

…….﹝詳細內容

 

 

 
 
更多內容請見 《 設計哪有這麼累! 提高10倍效率的 Illustrator 工作術



 
 


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


  免費電子報 | 著作權聲明 | 隱私權聲明 | 聯絡我們
udnfamily : news | video | money | stars | health | reading | mobile | data | NBA TAIWAN | blog | shopping

發表迴響