UI視覺風格設計：Illustrator實例教程

1認識UI視覺風格設計與Illustrator軟體1
1．1如何理解視覺風格2
1．2Illustrator在UI設計中的作用與優勢2

2Illustrator軟體基礎3
2．1認識Illustrator4
2．2查看文件（縮放與抓手）7
2．3繪製簡單圖形7
2．4存儲與匯出16

3幾何化風格設計19
3．1幾何化風格圖示20
3．2幾何化風格插畫30
3．3幾何化風格文字41
3．4幾何化風格綜合設計48

4線性風格設計51
4．1線性風格圖示52
4．2線性風格插畫62
4．3線性風格文字66
4．4線性風格綜合設計68

5漸變風格設計71
5．1漸變風格圖示72
5．2漸變風格插畫83
5．3漸變風格文字94
5．4漸變風格綜合設計98

62．5D風格設計101
6．12．5D風格圖示102
6．22．5D風格插畫115
6．32．5D風格文字121
6．42．5D風格綜合設計122

7合理地運用風格125
7．1風格與產品定位126
7．2構建風格情緒板126
7．3提煉設計項目127
7．4融合設計需求與設計項目128
參考文獻129

1973年，名為奧托的電腦在施樂公司帕洛阿爾托研究中心被發明出來，該電腦首次使用了桌面比擬和滑鼠驅動的圖形化使用者介面(GUI)技術。在20世紀80年代初蘋果公司利用奧托的創意，採用點陣圖顯示和以滑鼠為中心的介面技術開發的Macintosh定義了“個人電腦”，同時也被一部分設計師看作“UI”設計的開端。2008年蘋果公司發佈了基於多點觸控技術開發的手機系統iPhoneOS，重新定義了智慧手機。在國內，MIUI是小米公司出品的個廣為人知的產品，也是小米手機的靈魂。一直以來，MIUI堅持以用戶體驗為核心的原則，從用戶中聽取意見，並每週更新。這在早期為小米手機贏得了批米粉，同時也證明了“用戶體驗”在大眾消費市場中的價值。其中UI設計可以說是打造出色體驗的後一步，其重要程度可想而知。本書中闡述的案例及方法可廣泛應用於互聯網、物聯網等相關行業。

時下在各種媒介上都可以看到大量關於UI設計的討論，常出現的話語之一就是“UI設計不只是做視覺設計，設計師不是單純的美工”。當然出色的設計師需要更廣的知識面，才能解決更高層次的問題。但反過來想想“UI設計不只是做視覺設計”也就意味著能把視覺設計做好是每個設計師都應該具備的基礎能力，初學設計的朋友更應該重視培養解決美感問題的能力。事實上做一個出色的“美工”也需要儲備大量知識和實踐經驗，並不是一件容易的事情。

本書雖然是一本Illustrator軟體實例教程，但學習軟體的目的不在於精通軟體本身，而是讓軟體成為我們進行設計創作的好幫手。因此本書在實例演練中融入了視覺設計和UI設計的基礎知識，希望讀者們可以在學習和掌握軟體的過程中順利踏上設計創作之路。

本書打破了以往電腦輔助設計與UI設計互相獨立的教學方式，將二者融為一體，具有較強的針對性與實踐性。編者從軟體基本操作知識著手，通過難度漸進的UI設計案例，説明讀者快速掌握Illustrator軟體的同時，瞭解UI視覺風格設計的方法。

本書由張崟、金元彪、梁躍榮、李燦熙編。由於編寫人員的水準有限，在編寫過程中難免有不足之處，望廣大讀者不吝賜教，對書中的不足之處撥冗指正。

書後附有二維碼，掃碼下載所有實例的原始檔案，以便讀者練習使用。

編者
2021年9月