在手機網站設計經典的 Drag and Drop 拖放 UI


網路時代,部落格是最佳發聲的平台。從【部落客名嘴】電子報非大眾媒體的角度,看個人媒體如何發揮影響力! 【眾文生活英語報】給您最實用的生活英語,豐富有趣的題材、嚴謹紮實的內容,讓您無負擔的學習!


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



2016/05/06 第 567 期 |  訂閱/退訂  |  看歷史報份  |  


 
 
 
  學習主題
  新書搶鮮報
   
  學習地圖
  活動快遞
  延伸閱讀主題
   
FLAG’S 創客•自造者工作坊 10+ 實驗(「Arduino 超入門: 創客•自造者的原力」書+實驗套件)
       
 
 
在手機網站設計經典的 Drag and Drop 拖放 UI

 

拖拉 UI 是點擊畫面拖拉後放開手指, 將畫面某個元素移動到其他位置。常用於列表排序或內容替換等, 在操作上非常直覺。

手機網站比較沒有機會用到, 但在 Web 應用程式或原生應用程式上經常採用。

拖拉 UI 的實例

OS 標準主畫面

說到智慧型手機上的拖拉, 首先想到的就是手機上的主畫面, 在主畫面上經常需要拖拉應用程式與小工具。

…….﹝詳細內容

 
  

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

 
 
JavaScript 網頁程式設計超入門

JavaScript 網頁程式設計超入門

現今的 Web 網站越來越追求互動及易用性, 像是在 FB 網站不斷往下捲動會源源不絕顯示內容、每個網站幾乎都會有的「下拉式選單」、切換多張圖片的「幻燈片展示」效果, 都大量運用了 JavaScript 技術。對於 Front-End 前端網頁設計師來說, JavaScript 是一定要學會的技術, 絕不能逃避!在 JavaScript 的學習安排上, 本書先透過各種【實務範例的實作】讓您感受到 JavaScript 的效果, 並精心設計大量【示意圖】為您解說變數、運算子、流程控制、函數、DOM 操作等基礎知識。而針對範例中的語法, 本書將【程式碼拆解至每一行為您細細解說】, 讓您絕對看得懂!

……… 更多內容 >>

   
http://www.flag.com.tw/book/5105.asp?bokno=F6023 Microsoft PowerPoint 2016 超 Easy

PowerPoint 也能編修照片 (加框、加倒影、藝術風…)、剪輯需要的影片片段、插入各式立體流程圖、階層圖…, 打造出動人的視覺系簡報。
※ 除了編輯投影片之外, 我們對於正式上台時的放映技巧、合宜的穿著打扮與肢體語言, 也都有精闢的說明, 讓你從簡報準備、製作、到上台都能從容不迫。
※ 此外, 若你需要在其他場合做簡報, 當要上台前才發現帶錯檔案、忘了帶隨身碟或是投影片中打錯人名、報價等重要資料, 這時一定嚇出一身冷汗!其實你可以事先把檔案上傳到免費的 OneDrive 網路空間, 只要筆電、手機或是平板可以連上網路,就可以隨時用 OneDrive 提供的網路版 PowerPoint 來修改及播放簡報內容, 再也不用擔心忘記帶檔案, 或是要進行簡報的電腦沒有安裝 PowerPoint 的問題了。

 

  ………多內容 >>

 
 
製作能配合文字調整大小的對話框-使用Illustrator

利用轉換為以下形狀 (橢圓形),可以製作出配合文字調整大小的對話框。

新增填色外觀,設定轉換為以下形狀 (橢圓形) 效果。即使將額外寬度及額外高度皆設定為「0」,左右的留白仍顯得不自然。

套用彎曲 (膨脹) 效果,「彎曲」設定為「-15%」,即可減少左右留白,形成 “自然"
的形狀。

可以利用彎曲 (擠壓) 效果取代彎曲 (膨脹)效果。

這個範例是以路徑描繪橢圓形與 “尾巴" 部分,再針對複合形狀 (=路徑管理員的暫時性合併)套用效果。

…….﹝詳細內容

 

 

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



 
 


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


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

發表迴響