作 者:甘霖,李雪 編著 著作
定 價:98
出 版 社:清華大學出版社
出版日期:2018年04月01日
頁 數:394
裝 幀:平裝
ISBN:9787302495567
《APP UI設計之道》以Photoshop UI圖標制作和界面交互設計為中心,通過50餘個典型實例,講解了當前熱門的手機APP UI設計技術,主要有圖標制作、質感效果制作、字體制作、三維ICON制作、圖形設計、各類控件制作等,以及手機整體界面的制作方法,幫助讀者在短的時間內精通UI設計技術,迅速從新手變為UI界面和APP界面的設計高手。適合UI設計愛好者,想進入UI設計領域的讀者朋友,以及設計專業的大中專學生閱讀。 《APP UI設計之道》的內等
●目 錄第1 章 Photoshop 繫統的使用基礎 11.1 Photoshop 的安裝、卸載、啟動和退出 21.1.1 安裝Photoshop 21.1.2 卸載Photoshop 21.1.3 啟動Photoshop 21.1.4 退出Photoshop 31.2 圖形圖像文件的基本操作 41.3 Photoshop 繫統界面調整 81.3.1 界面組成部分 91.3.2 調整界面 14第2 章 APP UI 設計基礎 152.1 APP UI 設計概述 162.1.1 UI 設計概述 162.1.2 APP 概述 162.1.3 Photoshop 軟件 172.1.4 APP UI 設計推薦技術 182.2 APP UI 界面設計團隊與流程 202.2.1 APP 界面設計者與產品團隊 202.2.2 APP 界面設計與項目流程 212.2.3 視覺設計 222.3 APP UI 界面設計理論 232.3.1 用戶操作習慣 232.3.2 界面布局 232.3.3 操作簡單 282.3.4 在操作方式上創新 292.3.5 在設計中投入情感 292.3.6 APP UI 的配色理論 292.4 APP UI 界面設計技巧 332.4.1 完整的APP UI 設計流程 342.4.2 圖標設計的流程 372.4.3 讓圖標更具吸引力 37第3 章 APP 中的光影設計 393.1 玻璃質感圖標設計 403.1.1 設計構思 403.1.2 操作步驟 403.2 牛仔褲質感設計 493.2.1 設計構思 493.2.2 操作步驟 493.3 木紋質感設計 643.3.1 設計構思 643.3.2 操作步驟 643.4 絢麗光線界面設計 943.4.1 設計構思 943.4.2 操作步驟 943.5 UI 設計師推薦技能:顏色搭配 1023.5.1 簡約配色設計 1023.5.2 混合特效設計 1033.5.3 具體案例 104第4 章 APP 中的字體設計 1054.1 斜面浮雕字體設計 1064.1.1 設計構思 1064.1.2 操作步驟 1064.2 鑽石字體設計 1124.2.1 設計構思 1124.2.2 操作步驟 1134.3 立體岩石材質字體設計 1184.3.1 設計構思 1184.3.2 操作步驟 1184.4 UI 設計師推薦技能:文字設計 1264.4.1 字號設計 1264.4.2 UI 文字設計標準 127第5 章 APP 中的簡約Icon設計 1295.1 聯繫人圖標設計 1305.1.1 設計構思 1305.1.2 操作步驟 1305.2 搜索圖標設計 1325.2.1 設計構思 1325.2.2 操作步驟 1335.3 照相機圖標設計 1355.3.1 設計構思 1355.3.2 操作步驟 1355.4 鬧鐘圖標設計 1405.4.1 設計構思 1405.4.2 操作步驟 1405.5 簡約平面圖標整套設計 1505.5.1 設計構思 1505.5.2 操作步驟 1515.6 設計師推薦技能:圖標大小選擇 163第6 章 APP 中的三維Icon設計 1656.1 音樂圖標設計 1666.1.1 設計構思 1666.1.2 操作步驟 1666.2 錄音器圖標設計 1726.2.1 設計構思 1726.2.2 操作步驟 1736.3 電話簿圖標設計 1776.3.1 設計構思 1776.3.2 操作步驟 1776.4 立體勾選框圖標設計 1826.4.1 設計構思 1826.4.2 操作步驟 1826.5 實體手機設計 1886.5.1 設計構思 1886.5.2 操作步驟 1886.6 UI 設計師推薦技能:圖標的設計 2026.6.1 表現形態 2026.6.2 圖標特性 2036.6.3 圖標設計的構思 204第7 章 APP 中的多種圖形設計 2057.1 二維碼掃描圖形設計 2067.1.1 設計構思 2067.1.2 操作步驟 2067.2 徽標圖形設計 2107.2.1 設計構思 2107.2.2 操作步驟 2107.3 個性條形碼設計 2187.3.1 設計構思 2187.3.2 操作步驟 2187.4 夏日海景宣傳海報設計 2227.4.1 設計構思 2227.4.2 操作步驟 2227.5 UI 設計師推薦技能:構圖技巧 2317.5.1 粗細對比 2317.5.2 遠近對比 2317.5.3 疏密對比 2317.5.4 動靜對比 2317.5.5 中西對比 2327.5.6 古今對比 232第8 章 APP 中的控件設計 2338.1 立體旋鈕設計 2348.1.1 設計構思 2348.1.2 操作步驟 2348.2 開關按鈕設計 2438.2.1 設計構思 2438.2.2 操作步驟 2438.3 金屬質感旋鈕設計 2508.3.1 設計構思 2518.3.2 操作步驟 2518.4 進度按鈕設計 2608.4.1 設計構思 2608.4.2 操作步驟 2608.5 透明界面按鈕設計 2668.5.1 設計構思 2668.5.2 操作步驟 2668.6 滑動控件設計 2878.6.1 設計構思 2878.6.2 操作步驟 2878.7 UI 設計師推薦閱讀:如何設計按鈕 2928.7.1 關聯分組 2928.7.2 層級關繫 2928.7.3 善用陰影 2928.7.4 圓角邊界 2938.7.5 強調重點 2938.7.6 按鈕尺寸 2938.7.7 表述必須明確 294第9 章 APP 中的界面設計 2959.1 Loading 遊戲加載界面設計 2969.1.1 設計構思 2969.1.2 操作步驟 2969.2 日歷和撥號界面設計 3049.2.1 設計構思 3049.2.2 操作步驟 3049.3 清新主題的對話框設計 3269.3.1 設計構思 3279.3.2 操作步驟 3279.4 個性化報錯界面設計 3339.4.1 設計構思 3339.4.2 操作步驟 3349.5 UI 設計師推薦技能:界面設計 3439.5.1 清晰地展現信息層級 3439.5.2 采用一致的設計語言 3449.5.3 在細節上給予驚喜 344第10 章 APP 中的導航設計 34510.1 導航欄設計 34610.1.1 設計構思 34610.1.2 操作步驟 34610.2 透明列表界面設計 34910.2.1 設計構思 35010.2.2 操作步驟 35010.3 設置界面設計 35910.3.1 設計構思 36010.3.2 操作步驟 36010.4 扁平化手機界面的設計 36510.4.1 設計構思 36610.4.2 操作步驟 36610.5 UI 設計師推薦技能:UI 設計原則 37310.5.1 可視性 37310.5.2 反饋 37410.5.3 37410.5.4 映射 37410.5.5 一致性 37410.5.6 啟發性 374第11 章 APP 綜合案例設計 37511.1 引導界面設計 37611.1.1 設計構思 37611.1.2 操作步驟 37611.2 登錄/ 注冊界面的設計 38111.2.1 設計構思 38111.2.2 操作步驟 38111.3 扁平化選擇列表設計 38511.3.1 設計構思 38511.3.2 操作步驟 38511.4 歡迎界面的設計 38911.4.1 設計構思 38911.4.2 操作步驟 389
《APP UI設計之道》是全面學習APP UI設計和Photoshop使用方法與技巧的快速入門與提高教程, 內容包括Photoshop繫統的使用基礎、APP UI設計基礎、APP中的光影設計、APP中的字體設計、簡約Icon設計、三維Icon設計、多種圖形設計、控件設計、界面設計、導航設計等。在內容安排上,為了使讀者更快地掌握軟件的基本功能,書中結合大量的UI實例講解Photoshop 軟件中一些抽像的概念、命令和功能。在寫作方式上,《APP UI設計之道》緊貼軟件的實際操作界面,使用軟件中真實的對話框、操控板和按鈕等進行講解,使初學者能夠直觀、準確地操作軟件進行學習,從而盡快上手,提高學習效率。《APP UI設計之道》內容全面,條理清晰,實例豐富,講解詳細,適合UI設計愛好者閱讀,也可供想進入UI設計領域的讀者朋友,以等
甘霖,李雪 編著 著作
甘霖, 現任華北理工大學藝術學院動畫與數字藝術繫主任,副教授、碩士生導師。作品獲第五屆華北地區包裝設計大賽金獎並入選《中國設計年鋻》,監制作品26集原創三維動畫片《七星傳奇》於2011年6月在中央電視臺一套綜合頻道播出;出版學術專著4部,高等學校教材2部;多幅藝術作品、學術論文發表於《裝飾》、《電影文學》等核心期刊。
第3 章 APP 中的光影設計本章收錄了四個界面和圖標的設計實踐練習,包含圖形繪制、圖層樣式技巧等操作。通過這些練習,可以使讀者更加深刻地認識到光與影在設計中起到的重要作用。關鍵知識點矢量工具的應用透視感和玻璃質感圖層樣式光與影3.1 玻璃質感圖標設計玻璃質感被廣泛應用於設計中,可以說是設計師的寵兒。這不僅因為玻璃看上去玲瓏剔透、透明質感很好好,還因為玻璃的反光會輕松營造出清新、唯美的感覺。3.1.1 設計構思本案例制作具有玻璃質感的界面。首先利用綠色作為背景,為圓角矩形添加圖層樣式表現出玻璃的質感,再加上反光的設計,使玻璃質感更加突出,很後繪制APP 圖標,完成本例的制作。3.1.2 操作步驟(1) 新建文檔。執行“文件”→“新建”命令,等
前言我國互聯網行業目前已經進入高速發展階段,各行各業都在進軍互聯網行業,互聯網產業的規模在不斷擴大,用戶體驗越來越受到重視。隨著技術領域的發展,產品的人性化意識日趨增強,UI 設計師也成了這兩年的緊俏職業。現在手機屏幕越來越大,各種智能設備的發展,對軟件界面設計的要求也越來越高。APP 界面設計已不僅滿足於追求時髦的人的手機炫酷,已經成為企業形像宣傳的一把利器。鋻於此,APP 應用公司越來越重視界面設計的個性化、時尚化與服務化。用戶對APP 界面設計的要求是不斷變化的,近幾年的發展趨勢主要是要求簡潔和易用,扁平化已成為熱門的發展趨勢。簡潔設計旨在通過清晰的視覺交流來解決用戶的問題,而簡單的用戶界面結合強大的可用性,會令用戶印像深刻。一個簡單易用的應用也能更容易地傳播和推廣。本書彙集作者在手機APP 界面設計方面的豐富經驗,詳細講解APP&n等