《UI設(shè)計與制作》適合UI設(shè)計的初學(xué)者使用。*一章主要介紹UI設(shè)計基礎(chǔ),介紹了用戶界面的定義和內(nèi)容,講解了產(chǎn)品UI的設(shè)計流程方法等基礎(chǔ)理論及相關(guān)的設(shè)計工具。第二、三、四章主要通過案例介紹了圖標(biāo)設(shè)計、主題設(shè)計,App設(shè)計的思路和制作過程。第二章講解游戲界面設(shè)計制作*書由易到難,循序漸進,覆蓋面廣,力求覆蓋UI設(shè)計的各個方面,可作為UI設(shè)計師、平面設(shè)計師的輔助用書,也可作為高等院校數(shù)碼藝術(shù)設(shè)計及電腦藝術(shù)專業(yè)的教材用書。
·紙質(zhì)與數(shù)字教材配套同步,學(xué)習(xí)更直觀
承接2010世博會6個獨立項目、中華藝術(shù)宮、上海自然博物館的 設(shè)計實踐團隊傾情打造
·詳解、精解Photoshop軟件制作要領(lǐng)
·真實案例、實際設(shè)計流程與規(guī)范,學(xué)習(xí)更高效
·獲省部級優(yōu)秀教學(xué)成果獎,教學(xué)專業(yè)、便捷
黃巖,上海工藝美術(shù)職業(yè)學(xué)院數(shù)碼學(xué)院副教授。畢業(yè)于上海大學(xué)美術(shù)學(xué)院獲得藝術(shù)碩士學(xué)位,從事數(shù)碼藝術(shù)設(shè)計十多年。參加多個國內(nèi)外用戶界面設(shè)計的設(shè)計制作,如大金空調(diào)的軟件界面設(shè)計和電信軟件界面設(shè)計等。作為主編出版多部設(shè)計教材并且獲得好評。
序
前言
第一章 UI設(shè)計基礎(chǔ)
第一節(jié) 什么是UI設(shè)計
一用戶研究
二信息結(jié)構(gòu)設(shè)計
三交互設(shè)計
四視覺設(shè)計
第二節(jié) UI的設(shè)計流程
一用戶需求分析階段性
二工業(yè)設(shè)計/界面設(shè)計
三使用性測試以及設(shè)計改進/發(fā)布
四品牌維護以及優(yōu)化
第三節(jié) 用戶體驗中的職業(yè)選擇
一產(chǎn)晶/項目經(jīng)理
二用戶體驗研究員
三互動設(shè)計師
四視覺設(shè)計師
五前臺、后臺工程師
六用戶體驗研究員
第二章 圖標(biāo)設(shè)計
第一節(jié) 圖標(biāo)設(shè)計規(guī)范
第二節(jié) 工作環(huán)境
一Photosh叩重點工具介紹
二制作圖標(biāo)之前首選項的設(shè)置
第三節(jié) 形狀圖層
第四節(jié) 智能對象與智能濾鏡
第五節(jié) 布爾運算
Smart案例l圖標(biāo)設(shè)計制作一短信圖標(biāo)
Smart案例2圖標(biāo)設(shè)計制作
扁平化圖標(biāo)
第六節(jié) 優(yōu)秀圖標(biāo)欣賞
第三章 手機UI主題設(shè)計
第一節(jié) 手機UI主題設(shè)計概述
第二節(jié) 手機主題風(fēng)格分類
一擬物設(shè)計
二扁平化風(fēng)格
三卡通風(fēng)格
四中國元素
五混搭風(fēng)格
Smart案例3鎖屏界面設(shè)計制作
Smart案例4應(yīng)用程序主菜單界
面設(shè)計制作
第三節(jié) 課程訓(xùn)練
一作業(yè)要求
二學(xué)生作業(yè)范例及點評
第四節(jié) 優(yōu)秀作品欣賞
第四章 產(chǎn)品原型設(shè)計
第一節(jié) 互聯(lián)網(wǎng)產(chǎn)品分類
一電子商務(wù)類(B2B/B2C/C2C)產(chǎn)品
二SNS類產(chǎn)品
二O2O類產(chǎn)品
第二節(jié) 手機APP產(chǎn)品設(shè)計概述
一手機APP界面UI設(shè)計規(guī)范
二APP配色色
三APP構(gòu)圖
第三節(jié) 手機產(chǎn)品思維策劃
第四節(jié) 手機產(chǎn)品線框圖設(shè)計
一線框圖是產(chǎn)出設(shè)計和開發(fā)的重要工具
二制作線框圖的工具和媒介
三APP啟動頁設(shè)計方案及分析
Big案例l啟動設(shè)計案例
Big案例2酋頁設(shè)汁案例
第五節(jié) 課程訓(xùn)練
一作業(yè)要求
二學(xué)生作業(yè)范例及點評
第六節(jié) 優(yōu)秀作品欣賞
一故宮博物院APP欣賞
二面館APP欣賞
三藍芝士APP欣賞
四鳥萌APP欣賞
五海報工廠APP欣賞
六GeGe的APP欣賞
七Wokamon走星人的APP欣賞
八Lu'sC&meraAPP欣賞
九櫻桃音樂APP欣賞
第五章 游戲UI設(shè)計
第一節(jié) 游戲UI
第二節(jié) 游戲UI設(shè)計的流程
Big案例3游戲界斷設(shè)計
Big案例4游戲操作界面
第三節(jié) 課程訓(xùn)練
一作業(yè)要求
二學(xué)牛作業(yè)范例及點評
第四節(jié) 優(yōu)秀作品欣賞
一部落沖突
二瘋狂外科醫(yī)生
三迷失之風(fēng)
四Alienhive
五HEROKI
六KAMI
七KINGDOMRUSH
八TINYFARM
參考書目、網(wǎng)站