零基礎學軟體UI設計（人人都是設計師）

《零基礎學軟體UI設計（人人都是設計師）》是2021年1月1日清華大學出版社出版的圖書，作者是王東霞。

基本介紹

• 書名：零基礎學軟體UI設計（人人都是設計師）
• 作者：王東霞
• 出版社：清華大學出版社
• ISBN：9787302564720

內容簡介

現如今，各種通信及網路連線設備與大眾生活的聯繫日益密切。軟體UI是用戶與機器設備進行互動的平台，因此人們對各種類型的軟體UI的要求越來越高，使軟體UI設計行業得以飛速發展。本書應廣大軟體UI設計者的需求，向讀者介紹如何設計既美觀又符合要求的軟體UI。

本書共分為5章，內容分別為了解軟體UI設計、軟體界面的基礎構成元素、設計軟體安裝和啟動界面、套用軟體界面的新穎設計和App軟體界面設計。本書主要根據讀者學習的難易程度以及在實際工作中的套用需求來安排章節，真正做到為學習者考慮，也讓不同程度的讀者更有針對性地學習，強化自己的弱項，並有效幫助軟體UI設計愛好者提高操作速度與效率。

本書結構清晰，內容有針對性，實例精美實用，適合大部分軟體UI設計愛好者與設計專業的大中專學生閱讀。另外，本書還贈送書中所有案例的素材、源檔案、教學微視頻和PPT課件，用於擴充書中的細節內容，方便讀者學習和參考。

圖書目錄

第1章 了解軟體UI設計

1.1 初識軟體UI設計

1.1.1 UI設計的概念

1.1.2 軟體UI設計

1.1.3 網頁UI設計和軟體UI設計的區別

1.2 軟體界面的設計分類

1.2.1 Windows套用軟體界面

1.2.2 移動端App軟體界面

1.2.3 Web套用軟體界面

1.2.4 網頁界面

1.2.5 遊戲軟體界面

1.3 軟體界面的設計流程

1.3.1 需求分析

1.3.2 設計分析

1.3.3 調研驗證

1.3.4 方案改進

1.3.5 用戶驗證

1.4 軟體界面設計的黃金法則

1.4.1 在實現功能的框架下設計

1.4.2 層次結構清晰

1.4.3 一致性和標準化

1.4.4 給予足夠的視覺反饋

1.5 軟體界面的設計要求

1.5.1 圖像元素布局合理

1.5.2 避免視覺噪聲和混亂

1.5.3 保持界面乾淨整潔

1.5.4 避免歧義

1.5.5 消除視覺附加工作

1.5.6 界面要美觀優雅

1.6 軟體界面的設計趨勢

1.6.1 半扁平化設計

1.6.2 毛玻璃質感

1.6.3 淺色風格設計

1.6.4 深色風格設計

1.7 軟體界面的配色設計

1.7.1 色調的一致性

1.7.2 色彩屬性差距小

1.7.3 色彩選擇符合人眼習慣

1.7.4 使用色彩分類界面功能

1.7.5 配色設計便於閱讀

1.7.6 控制色彩的使用數量

1.7.7 多種方案可供選擇

1.8 舉一反三——分析音樂軟體主界面

1.9 本章小結

第2章 軟體界面的基礎構成元素

2.1 軟體界面中的視覺識別元素

2.1.1 軟體按鈕

2.1.2 軟體圖示

2.1.3 軟體選單

2.1.4 軟體標籤

2.1.5 軟體滾動條

2.1.6 軟體狀態欄

2.1.7 軟體框架

2.2 文字元素設計

2.2.1 建立視覺層級

2.2.2 添加互動元素

2.3 按鈕元素設計

2.3.1 軟體按鈕

2.3.2 按鈕設計原則

2.4 圖示元素設計

2.4.1 軟體圖示的概念

2.4.2 圖示的常用格式

2.4.3 圖示設計原則

2.5 軟體進度條元素設計

2.5.1 進度條概述

2.5.2 形式和使用場景

2.5.3 提升進度條品質的方法

2.6 軟體選單元素設計

2.6.1 軟體選單概述

2.6.2 軟體選單的重要性

2.7 工具列元素設計

2.8 舉一反三——設計製作非典型軟體選單

2.9 本章小結

第3章 軟體安裝和啟動界面設計

3.1 了解軟體安裝界面設計

3.1.1 軟體安裝的流程界面

3.1.2 設計表現與用戶體驗

3.2 關於軟體啟動界面

3.3 軟體啟動界面的作用

3.3.1 顯示軟體信息

3.3.2 載入所需檔案

3.3.3 加深品牌效應

3.4 軟體啟動界面的設計原則

3.4.1 以人為本

3.4.2 簡單清楚

3.4.3 美觀大方

3.4.4 以用戶為中心

3.5 軟體啟動界面的設計要求

3.5.1 內容顯示清晰

3.5.2 界面具有安全感

3.5.3 考慮用戶體驗

3.5.4 合理的啟動時間

3.6 軟體啟動界面的設計技巧

3.7 舉一反三——設計製作一款App引導頁

3.8 本章小結

第4章 套用軟體界面的新穎設計

4.1 初識套用軟體界面設計

4.1.1 套用軟體界面的概念

4.1.2 套用軟體界面的設計內容

4.1.3 套用軟體界面的設計要點

4.1.4 套用軟體界面的設計原則

4.2 軟體皮膚設計

4.3 Web軟體界面設計

4.3.1 Web軟體界面概述

4.3.2 Web軟體界面設計原則

4.4 遊戲軟體界面設計

4.4.1 遊戲UI設計的概念

4.4.2 遊戲軟體界面設計原則

4.5 舉一反三——設計製作“天氣助手”界面

4.6 本章小結

第5章 App軟體界面設計

5.1 了解移動端App軟體

5.1.1 App軟體的由來

5.1.2 App軟體的概念

5.2 移動端作業系統

5.2.1 Android系統

5.2.2 iOS

5.3 移動端設備螢幕尺寸

5.3.1 Android手機螢幕尺寸

5.3.2 iOS手機螢幕尺寸

5.4 App軟體界面布局

5.4.1 Android系統軟體布局

5.4.2 iOS軟體布局

5.5 App軟體界面的設計特點和流程

5.5.1 App軟體界面的設計特點

5.5.2 App軟體界面的設計流程

5.6 移動端智慧型設備的界面設計

5.6.1 關於智慧型手錶

5.6.2 車載系統界面設計

5.6.3 智慧型電視界面設計

5.7 舉一反三——製作App版本更新彈出框

5.8 本章小結