Part 01 • 基礎篇
第1章 為行動裝置UI視覺設計鋪路
UI設計分為互動設計和視覺設計兩個部分,本書主要講述的是行動裝置的UI視覺設計,它的目的就是對行動裝置中的操作介面進行美化,使其吸引更多的目光,本章就讓我們來瞭解其相關的基礎知識。
第2章 讓操作更有效率― Photoshop基礎
在Photoshop中進行行動裝置UI的製作過程中,為了讓操作更加流暢、有效率,在進行正式的編輯創作之前,本章先對Photoshop中的基礎知識進行介紹,包括了圖層、遮色片、選區、圖層樣式和繪圖工具。
Part 02 • 入門篇
第3章 準確傳遞功能應用―圖示的設計
圖示在行動裝置的UI中佔有非常重要的位置,不論是在列表資訊中,還是在應用程式中,都可以看到圖示的蹤影,本章我們就透過對圖示的製作和講解,告訴讀者如何建立出功能指示明確的圖示效果。
第4章 控制和調整應用程度―滑桿的設計
滑桿是關係到使用者在調整和控制應用程式中的舒適性,想要設計出既有設計感,又具有整體協調性的滑桿,就需要對滑桿的相關基礎設計要領,以及構成滑桿的要素有一定的瞭解,這些都將是本章的學習重點。
第5章 接通和斷電功能―按鈕的設計
按鈕的設計在行動裝置UI的設計中也是非常具有代表性的一個物件。行動裝置UI介面中的按鈕與電腦的作業系統中的按鈕表現上是一致的,它降低了使用者識別上的負擔,並且具備多種狀態,能夠傳達更豐富的資訊。
Part 03 • 進階篇
第6章 讓時鐘表現更有品味―時鐘介面設計
時鐘介面是對行動裝置中的時間、日期等相關的資訊進行顯示的介面,每個介面都有其不同的特點和內容,接下來本章將透過多個範例來對其進行設計、製作和講解。
第7章 傳遞最美妙的音樂―播放器介面設計
音樂播放器是一種在個人電腦或筆記型電腦上可以播放多種格式音效檔案的軟體,目前的音樂播放軟體正在向更為人性化的方向發展,介面也更加的豐富,它不僅僅是一個聽歌的工具,還能夠讓我們在聽歌的同時瞭解到更多與歌曲相關的資訊,因此,介面資訊也更加的豐富。
第8章 把網際網路裝入口袋―瀏覽器介面設計
行動裝置中的瀏覽器與電腦中瀏覽器的功能是一樣的,都是用於對不同網站中的資訊進行顯示,在具體的設計中卻存在些許的差異,接下來本章將透過對不同風格的瀏覽器的設計和製作來向讀者展示出行動裝置中瀏覽器的製作要點。
第9章 讓娛樂變得更享受―遊戲介面設計
行動裝置中的遊戲作為使用者平時閒暇時間的主要消遣項目,給使用者們帶來了許多趣味性,在設計中追求的是訊息量簡約但足以使使用者清晰明瞭的風格,本章將透過對遊戲介面的不同功能區域的設計和製作的講解,讓讀者熟悉不同遊戲的創作要點和設計重心。
第10章 打造獨特的開啟方式―解鎖介面
解鎖介面是最先進入使用者眼中的,因此在整個行動裝置UI介面中有著決定性的作用,解鎖介面包含了必要的資訊預覽,如未讀資訊、未接來電等,如何設計出風格清爽、操作獨特、使用便捷的解鎖介面呢?本章將帶您進入炫目的解鎖介面的學習中,為您揭開設計解鎖介面的神秘面紗。
Part 04 • 提升篇
第11章 購物網站APP客戶端UI設計
本章為某購物網站設計客戶端的UI介面,該UI介面為夏季網站的主打介面,包括歡迎介面、登錄介面、商品查看介面、資訊展示介面、搜索介面和使用者介面,介面要求簡約、大方,注意螢幕元素佈局平衡,功能區域劃分合理,介面色彩要求保持高度的一致性,最好採用同一色系的顏色,能夠在Android系統和iOS系統中使用。
第12章 播放器APP客戶端UI設計
本章為iOS 7系統設計一款適合男士使用的播放器客戶端UI介面,並要求介面中的元素基本以線條為主,符合iOS 7系統介面設計的規範,且有很強的識別力和視覺觀賞性,設計的介面包括登錄介面、播放介面、使用者資訊介面、重低音調整介面、專輯介面和使用者交流介面,介面之間的風格要保持高度的一致,同時展現出播放器APP的特點。
第13章 切蔬菜遊戲APP客戶端UI設計
以切蔬菜為遊戲主要內容,設計一款類似切水果的遊戲,要求設計的介面包括遊戲歡迎介面、模式選擇介面、遊戲介紹介面和積分統計介面,介面要求風格統一,遊戲的功能分區明確,介面中使用的素材元素要保持一致,並且設計出遊戲的LOGO,同時添加到介面中,此外,遊戲介面的色彩要鮮豔、豐富,表現出遊戲活潑、精彩的氛圍。