前言
隨著信息量不斷增加,人們的生活變得越來越離不開軟件,提到軟件就不得不說用戶圖形界面。用戶圖形界面是用戶與各種機器和設備進行交互的平臺,一款好的用戶圖形界面設計應該同時具備美觀與易于操作兩個特性。
本書主要通過理論知識與操作案例相結合的方法,向讀者介紹了使用Photoshop繪制iOS、Android與Windows Phone操作系統中各種構成元素的方法和技巧。
內容安排
本書共分為8章,采用少量基礎知識與大量應用案例相結合的方法,循序漸進地向讀者介紹iOS與Android系統中各部分元素的繪制方法,下面分別對各章的具體內容進行介紹:
第1章 手機UI設計基本概念:主要介紹手機的分類與分辨率,以及UI的相關單位和色彩搭配,并講解圖形元素的格式和大小,最后對常用的設計軟件進行簡單講解,常用的軟件包括Illustrator、3ds MAX和Image Optimizer等。演示手機鎖屏界面的制作過程,為讀者布置了“制作計算器界面”的課后作業。
第2章 常見手機系統:主要介紹3種系統,包括蘋果系統(iOS)、安卓系統(Android)和Windows Phone系統,內容主要是3種系統的發展史以及基本組件和各自的特色。同時也對黑莓系統和塞班系統進行了簡單的介紹。演示了WP系統時間設置界面的制作過程,為讀者布置了制作WP通知界面的課后作業。
第3章 手機UI設計風格與規范:主要介紹iOS系統和Android系統中一些基本形狀和元素的制作方法,通過對設計原則和規范的了解,制作出完整的界面。演示了制作iOS系統播放器的過程,并為讀者布置了繪制天氣預報APP界面的課后作業。
第4章 手機UI中的圖標設計:主要介紹圖標設計的必要性、好圖標的共同點,介紹了iOS系統圖標的設計規范和Android系統圖標設計規則。制作了一個iOS系統圖標,為讀者布置了設計手機便簽APP圖標的課后作業。
第5章 了解手機UI中的APP控件:主要介紹iOS系統控件和Android系統控件的分類和設計規范。通過制作文本編輯器使讀者充分理解控件制作的要點。為讀者布置了繪制Android鎖屏界面的課后作業。
第6章 手機UI中的圖片和文字:主要介紹iOS系統中的圖片、文字排版和特效處理,Android系統中的圖片、字體和特效處理。通過制作郵件瀏覽界面幫助讀者理解所學內容。為讀者布置了制作Android天氣APP界面的課后作業。
第7章 iOS系統APP UI設計:主要介紹iOS界面設計原則和界面設計概述,并對iOS界面設計流程進行了介紹。通過制作iOS系統工作界面案例,展示了整個設計過程。為讀者布置了制作iOS系統通知界面的課后作業。
第8章 Android系統APP UI設計:主要介紹Android系統的設計準則,強調純粹的Android APP設計和Android界面設計風格。通過制作Android網頁瀏覽界面,幫助讀者充分理解手機UI設計規則,并為讀者布置了制作Android APP天氣預報界面的課后作業。
本書特點
本書采用理論知識與操作案例相結合的教學方式,全面介紹了不同類型質感處理和表現的相關知識和所需的操作技巧。
·通俗易懂的語言
本書采用通俗易懂的語言全面地向讀者介紹iOS、Android和Windows Phone等系統界面設計所需的基礎知識和操作技巧,確保讀者能夠理解并掌握相應的功能與操作。
·基礎知識與操作案例結合
本書摒棄了傳統教科書式的純理論式教學,采用少量基礎知識和大量操作案例相結合的講解模式。
·技巧和知識點的歸納總結
本書在基礎知識和操作案例的講解過程中列出了大量的提示和技巧,這些信息都是結合作者長期的UI設計經驗與教學經驗歸納出來的,可以幫助讀者更準確地理解和掌握相關的知識點和操作技巧。
·多媒體光盤輔助學習
為了增加讀者的學習渠道,提高讀者的學習興趣,本書配有多媒體教學光盤。在教學光盤中提供了本書中所有實例的相關素材和源文件,以及書中所有實例的視頻教學,讀者可以跟著本書做出相應的效果,并將其快速應用于實際工作中。
讀者對象
本書適合UI設計愛好者、想進入UI設計領域的讀者朋友,以及設計專業的大中專院校學生閱讀,同時對專業設計人士有很高的參考價值。希望讀者通過對本書的學習,能夠早日成為優秀的UI設計師。
本書由張曉景,胡克主編。本書在寫作過程中力求嚴謹,由于時間有限,疏漏之處在所難免,望廣大讀者批評指正。
編者
2015年5月
- 網站建設與網頁設計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript
- 中文版Dreamweaver CS6/Flash CS6/Photoshop CS6網頁設計基礎培訓
- 網頁設計那些事兒
- 小白實戰大前端:移動端與前端的互通之路
- HTML5+CSS3網頁制作基礎培訓教程
- 網頁美工
- 網頁設計與制作(Dreamweaver CS6)
- 動態網頁設計(第2版)
- HTML5+CSS3網頁設計與制作基礎教程
- HTML+CSS+JavaScript網頁制作案例教程(第2版)
- HTML+CSS+JavaScript網頁設計與布局:從新手到高手
- JSP動態網站開發案例指導
- Premiere Pro CS6多功能教材
- 電子商務網頁設計(第二版)
- Vue.js核心技術解析與uni-app跨平臺實戰開發