編輯推薦
全麵基礎知識:覆蓋UI界麵設計快速入門的相關基礎知識。
豐富的案例:46個常見的UI界麵設計課堂案例+22個UI界麵延伸課後習題。
超值的贈送:所有案例素材+所有案例源文件+PPT教學課件
高清有聲教學:包含所有案例的高清語音教學,體會大師麵對麵、手把手的教學。
內容簡介
這是一本全麵介紹如何使用Photoshop進行UI界麵設計的實用教程。本書針對零基礎讀者編寫,是快速、全麵掌握UI界麵設計製作的參考書。
本書由具有豐富UI設計經驗的一綫設計師精心編寫,通過圖文並茂的案例講解,全麵展示UI界麵設計精髓。從UI界麵設計基礎到精緻按鈕及鏇鈕設計,從寫實到扁平風格等,對UI設計中的各種流行設計風格做瞭全麵剖析。每個案例都有製作流程詳解,並且安排瞭相關的課後習題,讀者在案例學習後可以參考習題進行練習,拓展自己的創意思維,提高UI界麵的設計水平。
本書提供一張DVD多媒體光盤,收錄瞭書中所有案例的素材文件及源文件,還提供瞭所有實例及課後習題的高清有聲教學視頻。另外,為方便老師教學,本書還提供瞭PPT教學課件。
本書適閤UI界麵設計初學者,可作為平麵設計師和手機App開發人員的參考用書,也可以作為培訓學校、大中專院校相關專業的教學參考書或上機實踐指導用書。
作者簡介
王紅衛,畢業於鄭州大學計算機專業,在北京理工大學百事特電腦教育部做高級講師6年。創立水木風雲工作室,以教材及店銷書籍編寫為主,從事編輯與廣告、企業係列海報等設計工作。齣版圖書:從2005年至今,齣版圖書有20多本,內容涉及辦公、平麵和影視後期等。
目錄
第1章 初識UI界麵設計 91.1 認識UI設計 101.2 常用UI設計單位解析 101.3 UI設計常用圖像格式 111.4 UI設計準則 111.5 UI設計與團隊閤作關係 121.5.1 團隊成員121.5.2 UI設計與項目流程步驟121.6 智能手機操作係統簡介121.7 UI界麵設計常用的軟件 141.7.1 Photoshop 141.7.2 Illustrator141.7.3 CorelDRAW141.8 UI色彩學基礎知識 151.8.1 顔色的概念 151.8.2 色彩三要素 161.8.3 加法混色171.8.4 減法混色171.8.5 補色171.8.6 芒塞爾色彩係統(Munsell Color System) 171.9 UI設計常見配色方案 181.10 UI設計配色秘籍191.11 UI設計色彩學 201.11.1 色彩與生活 211.11.2 色彩意象 211.12 精彩UI界麵設計賞析231.13 本章小結 23第2章 精緻按鈕及鏇鈕設計 242.1 理論知識—移動APP按鈕尺寸分析252.2 課堂案例—下單按鈕252.2.1 打開素材262.2.2 添加質感262.3 課堂案例—下載按鈕 272.3.1 打開素材272.3.2 添加質感272.4 課堂案例—簡潔進度條 282.4.1 打開素材282.4.2 復製變換圖形282.5 課堂案例—音量滑動條 292.5.1 打開素材292.5.2 繪製圖形302.6 課堂案例—圓形開關按鈕302.6.1 製作背景並繪製圖形 302.6.2 添加文字342.7 課堂案例—功能鏇鈕352.7.1 製作背景並繪製圖形 352.7.2 繪製功能圖像372.7.3 製作立體質感382.7.4 繪製指示圖形402.7.5 添加文字412.8 課堂案例—金屬鏇鈕422.8.1 製作背景並繪製圖形 422.8.2 製作質感442.8.3 製作指示標記462.8.4 製作滑杆圖形482.8.5 製作插孔522.9 課堂案例—皮革鏇鈕562.9.1 製作背景562.9.2 繪製圖形572.9.3 製作控件602.10 課堂案例—品質音量控件 642.10.1 製作背景 642.10.2 製作控件 652.10.3 製作細節 742.11 課堂案例—音頻調節控件 762.11.1 製作背景並繪製圖形 762.11.2 繪製刻度 792.11.3 製作控件 822.12 本章小結 862.13 課後習題 862.13.1 習題1—白金質感開關按鈕 862.13.2 習題2—品質音量鏇鈕 872.13.3 習題3—音量控件 87第3章 趨勢流行扁平風 883.1 理論知識—扁平化設計 893.1.1 何為扁平化設計 893.1.2 扁平化設計的優缺點 893.1.3 扁平化設計四大原則 893.2 課堂案例—扁平鉛筆圖標913.2.1 繪製圖標913.2.2 變換圖形923.2.3 繪製細節933.2.4 製作陰影953.3 課堂案例—微信圖標973.3.1 製作背景973.3.2 繪製圖標983.4 課堂案例—淡雅應用圖標控件993.4.1 製作背景 1003.4.2 繪製圖形 1003.4.3 添加素材 1033.5 課堂案例—扁平化郵箱界麵 1043.5.1 製作背景及狀態欄 1043.5.2 添加文字 1053.6 課堂案例—iOS風格音樂播放器界麵1073.6.1 製作應用界麵 1073.6.2 展示頁麵 1133.7 課堂案例—社交應用登錄框 1143.7.1 製作背景 1153.7.2 繪製界麵 1163.8 課堂案例—簡約風天氣APP 1183.8.1 製作背景 1193.8.2 添加素材並繪製圖形 1193.9 課堂案例—個人應用APP界麵 1213.9.1 製作背景 1223.9.2 繪製界麵圖形 1223.9.3 添加文字並製作細節 1233.9.4 繪製二級功能頁麵 1253.10 本章小結 1273.11 課後習題 1273.11.1 習題1—便簽圖標設計 1273.11.2 習題2—扁平相機圖標 1283.11.3 習題3—天氣Widget 128第4章 超強錶現力之寫實風格1294.1 理論知識—寫實風格解析 1304.1.1 寫實的藝術錶現形式 1304.1.2 UI設計的寫實錶現 1304.2 課堂實例—寫實計算器圖標 1324.2.1 製作背景並繪製圖形 1324.2.2 添加文字 1344.2.3 繪製按鍵 1354.3 課堂實例—寫實郵箱圖標 1374.3.1 製作背景並繪製圖形 1384.3.2 製作高光質感 1384.3.3 製作陰影質感 1394.3.4 繪製細節圖像 1404.3.5 繪製郵筒元素圖像 1424.4 課堂實例—寫實電視圖標 1454.4.1 製作背景並繪製圖形 1454.4.2 添加素材 1474.4.3 添加高光質感 1484.5 課堂實例—寫實小票圖標 1524.5.1 製作背景並繪製圖形 1524.5.2 製作鋸齒效果 1554.5.3 添加文字並製作陰影 1554.6 課堂實例—寫實開關圖標 1574.6.1 製作背景 1574.6.2 繪製圖形 1584.6.3 製作控件 1604.7 課堂實例—寫實牛皮錢包圖標 1644.7.1 製作背景並繪製圖形 1644.7.2 製作高光質感 1674.7.3 添加素材並製作質感 1684.7.4 製作細節 1704.8 本章小結 1734.9 課後習題 1744.9.1 習題1—寫實手機圖標 1744.9.2 習題2—寫實鬧鍾圖標 1744.9.3 習題3—寫實鋼琴圖標 1744.9.4 習題4—寫實開關設計 175第5章 iOS風格界麵設計1765.1 理論知識—認識iOS風格 1775.1.1 iOS的發展及界麵分布1775.1.2 認識iOS的控件 1775.2 課堂案例—蘋果風格登錄界麵 1785.2.1 製作背景 1795.2.2 繪製圖形 1795.2.3 添加素材 1815.2.4 繪製文本框 1825.3 課堂案例—電話界麵 1845.3.1 製作背景並繪製圖形 1845.3.2 添加文字 1865.3.3 製作界麵元素 1875.3.4 添加素材 1885.4 課堂案例—用戶界麵 1915.4.1 製作背景 1915.4.2 添加素材 1955.4.3 繪製圖形 1975.4.4 添加素材及文字 2005.4.5 繪製擬物圖形 2045.5 課堂案例—會員登錄框界麵 2085.5.1 製作背景並繪製圖形 2085.5.2 添加文字並繪製文本框圖形 2105.6 課堂案例—翻頁登錄界麵 2155.6.1 製作背景 2155.6.2 繪製圖形 2155.6.3 製作界麵細節 2175.7 本章小結2205.8 課後習題 2205.8.1 習題1—攝影網站會員登錄 2205.8.2 習題2—iPod應用登錄界麵 2215.8.3 習題3—木質登錄界麵 221第6章 精品極緻圖標製作 2226.1 理論知識—瞭解圖標 2236.1.1 圖標的分類 2236.1.2 圖標的作用 2236.1.3 圖標的格式 2236.1.4 圖標和圖像大小 2246.1.5 精美APP圖標欣賞 2266.2 課堂案例—簡潔羅盤圖標 2266.2.1 製作背景並繪製圖形 2266.2.2 繪製錶座 2286.2.3 繪製指針 2296.3 課堂案例—簡潔進程圖標 2306.3.1 製作背景並添加圖像 2316.3.2 繪製圖形 2316.4 課堂案例—唱片機圖標 2326.4.1 製作背景並繪製圖形 2336.4.2 製作紋理圖像 2346.4.3 繪製托盤 2366.4.4 繪製卡座 2396.4.5 繪製綫纜圖形 2396.5 課堂案例—濕度計圖標 2406.5.1 製作背景並繪製圖形 2406.5.2 定義筆觸並設置 2436.5.3 繪製刻度圖形 2446.6 課堂案例—小黃人圖標 2466.6.1 製作背景並繪製圖形 2466.6.2 製作圖標元素 2486.6.3 繪製眼鏡圖形 2496.6.4 繪製嘴巴圖形 2556.7 課堂案例—流量計圖標 2576.7.1 製作背景並繪製圖形 2576.7.2 定義筆觸 2596.7.3 繪製指針 2616.8 課堂案例—清新郵件圖標 2626.8.1 製作背景並繪製圖形 2626.8.2 繪製鎖扣圖形 2646.9 課堂案例—清新音樂圖標 2656.9.1 製作背景並繪製圖形 2666.9.2 製作光盤圖形 2666.10 課堂案例—下載圖標 2676.10.1 製作背景並繪製圖形2676.10.2 製作圖標元素 2696.11 本章小結 2726.12 課後習題 2726.12.1 習題1—清新日曆圖標 2726.12.2 習題2—進度圖標 2736.12.3 習題3—日曆和天氣圖標 2736.12.4 習題4—指南針圖標 274第7章 流行界麵設計薈萃 2757.1 理論知識—UI界麵設計尺寸2767.1.1 iPhone和Android設計尺寸 2767.1.2 Android 係統換算及主流手機設置 2777.2 課堂案例—天氣界麵 2797.2.1 製作背景 2797.2.2 繪製第1個界麵 2807.2.3 添加文字及素材 2807.2.4 繪製第2個界麵 2837.3 課堂案例—票券APP界麵 2847.3.1 製作背景並繪製狀態欄 2847.3.2 添加素材 2857.3.3 添加文字 2867.3.4 繪製按鈕圖形 2877.3.5 添加文字及素材 2887.4 課堂案例—下載數據界麵 2907.4.1 製作背景並繪製狀態欄 2907.4.2 繪製圖形 2907.4.3 添加文字 2917.5 課堂案例—遊戲界麵 2947.5.1 製作背景 2947.5.2 繪製界麵 2967.5.3 繪製界麵元素 2977.5.4 添加文字 2987.5.5 製作按鈕控件 3027.6 課堂案例—APP遊戲個人界麵 3077.6.1 創建畫布並添加素材 3077.6.2 添加文字 3097.6.3 添加圖標 3117.7 課堂案例—iOS風格電颱界麵 3127.7.1 製作背景並製作狀態欄 3127.7.2 製作界麵元素 3127.7.3 製作界麵細節 3177.7.4 添加素材 3187.8 本章小結 3207.9 課後習題 3207.9.1 習題1—影視播放界麵 3207.9.2 習題2—美食應用APP界麵 3207.9.3 習題3—經典音樂播放器界麵321第8章 綜閤設計實戰 3228.1 課堂案例—精緻CD控件3238.1.1 製作背景並繪製圖形 3238.1.2 繪製鏇鈕 3248.1.3 製作質感 3258.1.4 製作細節 3278.1.5 添加文字 3298.2 課堂案例—信息接收控件 3308.2.1 製作背景並繪製圖形 3308.2.2 製作控件元素 3328.2.3 添加文字 3338.3 課堂案例—天氣信息控件 3348.3.1 製作背景 3348.3.2 繪製界麵 3368.3.3 添加文字 3458.4 課堂案例—Windows Phone界麵 3468.4.1 製作背景 3468.4.2 繪製圖形 3478.4.3 添加文字及素材 3498.5 課堂案例—APP遊戲下載頁 3518.5.1 製作背景並添加素材 3528.5.2 繪製圖形 3528.5.3 繪製細節圖形 3548.6 課堂案例—APP遊戲安裝頁 3558.6.1 製作背景並繪製圖形 3568.6.2 添加素材並繪製圖形 3568.6.3 添加文字 3578.6.4 添加素材 3578.7 本章小結 3598.8 課後習題 3598.8.1 習題1—點餐APP界麵 3598.8.2 習題2—概念手機界麵 360
前言/序言
Photoshop移動UI界麵設計實用教程 下載 mobi epub pdf txt 電子書