第一章 ?UI設(shè)計概述
第一節(jié) ?什么是UI設(shè)計
從三個角度理解什么是UI設(shè)計：
①開發(fā)流程——UI設(shè)計負(fù)責(zé)表現(xiàn)層的設(shè)計，其輸出的文檔為具體的界面視覺稿。
戰(zhàn)略層（老板）→戰(zhàn)術(shù)層（產(chǎn)品經(jīng)理）→結(jié)構(gòu)層（交互設(shè)計師）→表現(xiàn)層（UI設(shè)計師）→技術(shù)層（開發(fā)工程師）
②設(shè)計目的——商業(yè)價值最大化。
③技術(shù)屬性——UI設(shè)計是科學(xué)與藝術(shù)結(jié)合的綜合技能。
第二節(jié) ?UI設(shè)計的日常工作
日常工作：風(fēng)格定位，產(chǎn)品迭代，BANNER，專題活動。
風(fēng)格定位＼ ? ? ? ? ? ? ? ? ? ／a.扎實的界面和畫ICON的功底。
? ? ? ? ? ? ? ? ? ? ?UI設(shè)計師— b.熟練的用戶體驗設(shè)計能力。
產(chǎn)品迭代／ ? ? ? ? ? ? ? ? ?＼ c.很強(qiáng)的品牌設(shè)計和產(chǎn)品意識。
BANNER＼ ? ? ? ? ? ? ? ? ? ／a.講究表現(xiàn)的美感，需要設(shè)計師對板式設(shè)計和配色有很強(qiáng)的創(chuàng)造
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 力和掌控能力。
? ? ? ? ? ? ? ? ? 推廣設(shè)計師—b.還需掌握一定的字體和插圖的創(chuàng)作能力。
專題活動／ ? ? ? ? ? ? ? ? ?＼c.講究是不是對市場營銷有更深的了解。
①風(fēng)格定位：分析并設(shè)計出用戶對該產(chǎn)品期望的產(chǎn)品質(zhì)感，設(shè)計一套有利于競爭的視覺形象。
視覺線索→決策（直接影響），UI設(shè)計可以直接影響用戶決策。
做好風(fēng)格定位的兩個關(guān)鍵點：
a.抓準(zhǔn)方向：洞悉產(chǎn)品本質(zhì)，推導(dǎo)出埋藏在用戶內(nèi)心里最根本的愿望。
b.極致技術(shù)：注意細(xì)節(jié)，多觀察優(yōu)秀作品。
風(fēng)格定位的設(shè)計流程：
分析→創(chuàng)作→篩選→規(guī)范→制作（其中分析包括產(chǎn)品屬性，目標(biāo)用戶，競爭產(chǎn)品。）
②產(chǎn)品迭代：不停地完善產(chǎn)品的過程。
產(chǎn)品的生命周期：誕生→成長→成熟→結(jié)束
③BANNER：掛在網(wǎng)頁上的橫幅廣告，用來宣傳產(chǎn)品或者活動。
④專題活動：以某個主題來包裝一些網(wǎng)絡(luò)活動，來達(dá)到某種商業(yè)效果，通常是為了促銷產(chǎn)品或者拉新盤活用戶。
第三節(jié) ?UI設(shè)計的成長路徑
PS設(shè)計：李濤《PS高手之路》
PS技術(shù)→臨摹ICON，界面→豐富設(shè)計理論→累積經(jīng)驗，作品
臨?。旱谝粚樱苯佑?，鍛煉參數(shù)設(shè)置。
? ? ? ? ? ?第二層，不印排版，鍛煉布局手感。
? ? ? ? ? ?第三層，不吸顏色，鍛煉配色能力。
對比：字體，配色，間距，質(zhì)感，大小，對比度等。
陰影銳利化：首先，在邊界的地方畫一條非常深色的描邊，注意這條線不要是純灰色，必須要帶點環(huán)境的顏色。然后，加一個非常淺的投影。
第四節(jié) ?UI設(shè)計的必備習(xí)慣
1、儲備素材，建立素材庫
收藏的來源：
①專業(yè)網(wǎng)站：花瓣、Dribbble、站酷等
②專業(yè)相關(guān)：書籍、藝術(shù)展
③生活：馬路上、看豆瓣、看新聞
收藏的條件：至少要有一個學(xué)習(xí)點（比如配色、字體、排版好）
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?／歡迎頁
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?／UI、APP—主界面
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?＼ICON
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?＼動效
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ／字體設(shè)計
交互 ? ? ? ? ? ? ? ? ? ? ? ? ／活動
文案 — 思維導(dǎo)圖 — ? 配色
攝影 ? ? ? ? ? ? ? ? ? ? ? ? ＼BANNER
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?＼印刷品
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?＼WEB產(chǎn)品
2、設(shè)計思考：要求我們在日常的生活當(dāng)中也時刻保持著對設(shè)計的探索。
3、了解行業(yè)：了解互聯(lián)網(wǎng)行業(yè)的動態(tài)。
推薦網(wǎng)站：UI中國、Dribbble、站酷、Behance、花瓣、36氪、IT頭條、知乎...
①關(guān)注設(shè)計行業(yè)，學(xué)到更多專業(yè)知識。
②關(guān)注IT行業(yè)，幫助開拓視野，從而從更高層面來指導(dǎo)設(shè)計。
