本書以圖形界面設計為側重點由淺入深的講解了圖形界面設計的方法。順帶也引出了一些人機界面基礎知識、交互設計知識和用戶體驗知識,因為這是一個合格的GUI設計師必須要了解的。本書從GUI概念和歷史開始介紹,繼而講述UI設計方法和理論知識。理論結合實際的講述了UI設計的原則。對于常用UI控件和元素,詳細的介紹了制作方法和設計準則。接著以不同的顯示終端為主線,展開設計實例的講解。包括桌面軟件、移動終端中的手機數字產品和平板電腦數字產品。*后還設置了高階能力體現(xiàn)的寫實圖標設計實例。全書是一個由易到難,循序漸進的進階過程。
GUI設計和其它的設計分類還是有些區(qū)別,它的特點就是和像素打交道。所有的細節(jié)刻畫都精確到像素。以前我碰到的初學者雖然有設計基礎,但是轉學GUI設計還是遇到很多的適應性問題。而本書*大的特點就是詳解每個界面的設計過程,包括每個精確到像素的參數設置都配圖說明,實操性很高。意味著讀者只需要有些基本圖形軟件技能就能跟著教材的方法進行學習。
前 言 如今,在飛速發(fā)展的數字人工制品領域,界面設計慢慢受到重視。用戶界面(user interface,UI)設計被細分為三個層面,即圖形用戶界面設計(GUI設計)、交互設計和用戶研究。GUI設計不再被人理解為單純意義上的美術工作,而是被理解為了解軟件產品、致力于提高軟件用戶體驗的產品外形設計。其實軟件UI設計就像工業(yè)產品中的工業(yè)造型設計,是產品的重要賣點。一種電子產品擁有美觀的界面會給人帶來舒適的視覺享受,拉近人與產品的距離。UI設計是建立在科學性之上的藝術設計。 本書以圖形用戶界面設計為側重點,由淺入深地講解了圖形用戶界面設計的方法,順帶介紹了一些人機界面基礎知識、交互設計知識和用戶體驗知識,因為這些是一個合格的GUI 設計師必須要了解的。 本書從GUI概念和歷史開始介紹,繼而講述UI設計方法和理論知識,理論結合實際地講述了UI設計的原則,詳細地介紹了常用UI控件和元素的制作方法和設計準則;接著以不同的顯示終端為主線,展開設計實例的講解,涉及桌面軟件、移動終端中的手機數字產品和平板計算機數字產品;*后還設置了可以體現(xiàn)高階能力的寫實類圖標設計實例。全書學習是一個由易到難、循序漸進的過程。 GUI設計和其他的設計分類還是有些區(qū)別的,GUI設計的特點就是和像素打交道,所有的細節(jié)刻畫都精確到像素。有很多初學者雖然有設計基礎,但是轉學GUI設計還是會遇到很多的適應性問題,而本書*大的特點就是詳解每個界面的設計過程,對每個精確到像素的參數設置都配圖說明,實際操作性很強,這意味著讀者只需要有些基本圖形軟件技能就能跟著本書進行學習。 本書中案例主要使用Photoshop 和Illustrator 軟件來進行設計與制作,常常會在兩個軟件中來回切換,編者有時會疏忽忘了說明,但是通過截圖和一些常用名詞讀者可以進行分辨。由于編書經驗尚淺,不足之處,敬請讀者諒解。 *后,希望本書能為對UI設計感興趣的讀者提供幫助,讓我們一起擁抱數字化的美好明天。 郭少鋒
郭少鋒,男,副教授,湖北美術學院教師,視覺傳達專業(yè),兼任某大型軟件企業(yè)新興技術業(yè)務組群UI團隊負責人,主要講授UI設計技法等課程。從事移動互聯(lián)網產品的交互設計和視覺設計工作。曾經供職于武漢通訊技術有限公司,蘇州技杰軟件集團公司,主要從事交互設計和UI設計的工作。
章 圖形用戶界面基礎 001
節(jié) 什么是圖形用戶界面 002
第二節(jié) 圖形用戶界面的發(fā)展歷史 003
第三節(jié) 界面設計原則 006
第四節(jié) 界面設計組成要素和控件 011
第二章 桌面軟件界面設計實例 041
節(jié) 即時通信軟件界面設計實例 042
第二節(jié) 在線視頻軟件界面設計實例 062
第三章 移動終端界面設計實例 085
節(jié) 電子商務應用 086
第二節(jié) 汽車行業(yè)應用 104
第三節(jié) 酒店預訂應用 128
第四章 游戲界面和寫實圖標設計實例 151
節(jié) 游戲界面設計實例 152
第二節(jié) 寫實圖標設計實例 171