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