舉報

會員
零基礎學網頁UI設計
最新章節:
5.7 本章小結
現如今,各種通信與網絡連接設備和大眾生活的聯系日益密切。UI是用戶與機器設備進行交互的平臺,人們對各種類型UI的要求越來越高,從而推動了UI設計的飛速發展。為適應廣大UI設計者的需求,《零基礎學網頁UI設計》介紹如何設計既美觀又符合要求的UI。《零基礎學網頁UI設計》主要依據初學者學習UI設計的普遍規律安排內容,由淺入深地講解初學者需要掌握和感興趣的基礎知識與操作技巧,全面解析各個知識點。全書結合實例進行講解,詳細介紹了制作的步驟和軟件的應用技巧,使讀者能輕松地學習并掌握。《零基礎學網頁UI設計》從學習者的角度考慮,讓不同程度的讀者更有針對性地學習內容,有效幫助UI設計愛好者提高操作效率。《零基礎學網頁UI設計》的知識點結構清晰、內容針對性強、實例精美實用,適合大部分UI設計愛好者與設計專業的大中專學生閱讀。另外,隨書附贈教學PPT課件、所有案例的教學微視頻和素材,用于補充書中遺漏的細節內容,方便讀者學習和參考。學者需要掌握和感興趣的基礎知識與操作技巧,全面解析各個知識點。全書結合實例進行講解,詳細介紹了制作的步驟和軟件的應用技巧,使讀者能輕松地學習并掌握。零基礎學網頁UI設計從學習者的角度考慮,讓不同程度的讀者更有針對性地學習內容,有效幫助UI設計愛好者提高操作效率。零基礎學網頁UI設計的知識點結構清晰、內容針對性強、實例精美實用,適合大部分UI設計愛好者與設計專業的大中專學生閱讀。另外,隨書附贈教學PPT課件、所有案例的教學微視頻和素材,用于補充書中遺漏的細節內容,方便讀者學習和參考。
目錄(147章)
倒序
- 封面
- 版權頁
- 內容簡介
- 前言
- 第1章 網頁UI設計初體驗
- 1.1 了解網頁UI
- 1.1.1 什么是網站
- 1.1.2 什么是網頁UI設計
- 1.2 網頁UI設計分類
- 1.2.1 按瀏覽終端不同進行劃分
- 1.2.2 按內容功能不同進行劃分
- 1.3 網頁UI的構成元素
- 1.3.1 網頁中的配色設計
- 1.3.2 網頁中的文字
- 1.3.3 網頁中的圖像
- 1.3.4 網頁中的富媒體
- 1.4 網頁UI制作流程
- 1.4.1 前期策劃
- 1.4.2 交互設計
- 1.4.3 視覺設計
- 1.4.4 開發測試
- 1.4.5 運營維護
- 1.5 網頁UI的設計風格
- 1.5.1 擬物化風格
- 1.5.2 扁平化風格
- 1.5.3 極簡化風格
- 1.5.4 3D風格
- 1.5.5 插畫風格
- 1.5.6 無邊框風格
- 1.5.7 縱向分割風格
- 1.5.8 超級版頭風格
- 1.6 設計網頁常用軟件
- 1.6.1 Photoshop CC
- 1.6.2 Axure RP 9
- 1.6.3 Adobe XD
- 1.6.4 Px Cook
- 1.7 舉一反三——分析運動服飾類網頁
- 1.8 本章小結
- 第2章 網頁UI中的元素設計初體驗
- 2.1 網頁中的文字設計
- 2.1.1 文字在網頁中的應用
- 2.1.2 網頁中文字的設計規范
- 2.2 網頁中的圖片設計
- 2.2.1 常用圖片格式
- 2.2.2 圖片模式
- 2.3 網頁中的圖標設計
- 2.3.1 認識網頁圖標
- 2.3.2 移動端圖標設計
- 2.3.3 網頁中的按鈕
- 2.4 網頁中的Logo設計
- 2.4.1 網頁Logo的表現形式
- 2.4.2 網頁Logo的設計規范
- 2.4.3 網頁Logo的設計特點
- 2.5 網頁中的導航設計
- 2.5.1 網頁導航概述
- 2.5.2 導航菜單在網頁中的位置布局
- 2.6 舉一反三——設計制作一款簡約Logo
- 2.7 本章小結
- 第3章 網頁布局與版式設計
- 3.1 了解網頁布局
- 3.1.1 網頁布局的目的
- 3.1.2 網頁布局的操作順序
- 3.2 常見的網頁布局結構
- 3.2.1 “國”字型
- 3.2.2 拐角型
- 3.2.3 標題正文型
- 3.2.4 左右分割型
- 3.2.5 上下分割型
- 3.2.6 綜合型
- 3.2.7 封面型
- 3.3 網頁布局形式的藝術表現
- 3.3.1 分割構成
- 3.3.2 對稱構成
- 3.3.3 平衡構成
- 3.4 網頁留白設計的8個關鍵點
- 3.5 移動端網頁元素設計
- 3.5.1 界面尺寸
- 3.5.2 組件尺寸規范
- 3.5.3 移動端網頁的邊距設計
- 3.6 移動端網頁的布局設計
- 3.6.1 列表式布局
- 3.6.2 陳列館式布局
- 3.6.3 宮格式布局
- 3.6.4 卡片式布局
- 3.7 舉一反三——設計一款三欄式布局網頁
- 3.8 本章小結
- 第4章 配色設計在網頁中的作用
- 4.1 理解色彩
- 4.1.1 色彩屬性
- 4.1.2 顏色模式
- 4.1.3 Web安全顏色
- 4.1.4 十六進制顏色碼
- 4.2 網頁配色的基本要素
- 4.2.1 網頁主題色
- 4.2.2 網頁背景色
- 4.2.3 網頁輔助色
- 4.2.4 網頁強調色
- 4.3 網頁的基礎配色方法
- 4.3.1 單色
- 4.3.2 類似色
- 4.3.3 補色
- 4.3.4 鄰近補色
- 4.3.5 無彩色
- 4.4 網頁中的文字配色設計
- 4.4.1 背景與文字配色
- 4.4.2 鏈接文字
- 4.5 網頁元素的色彩搭配
- 4.5.1 網頁Logo和廣告配色
- 4.5.2 網頁導航配色
- 4.6 網頁配色技巧
- 4.6.1 突出主題的配色技巧
- 4.6.2 整體融和的配色技巧
- 4.6.3 整理出色的配色方案
- 4.7 舉一反三——一款居家生活網頁的配色設計
- 4.8 本章小結
- 第5章 網頁中的廣告設計
- 5.1 網頁廣告概述
- 5.1.1 網頁廣告概念
- 5.1.2 網頁廣告的特征
- 5.1.3 設計出色的網頁廣告樣式
- 5.2 移動端網頁常見的廣告樣式
- 5.2.1 Banner廣告
- 5.2.2 開屏廣告
- 5.2.3 信息流廣告
- 5.2.4 插屏廣告
- 5.2.5 視頻貼片廣告
- 5.3 移動端網頁廣告的設計思路
- 5.3.1 Banner廣告的設計思路
- 5.3.2 開屏廣告的設計思路
- 5.3.3 信息流廣告的設計思路
- 5.3.4 插屏廣告的設計思路
- 5.3.5 視頻貼片廣告的設計思路
- 5.4 PC端網頁廣告的常用樣式
- 5.4.1 文字廣告
- 5.4.2 Banner廣告
- 5.4.3 對聯式浮動廣告
- 5.4.4 網頁漂浮廣告
- 5.4.5 彈出廣告
- 5.5 PC端網頁廣告的特點
- 5.5.1 傳播范圍廣泛
- 5.5.2 富有創意、感官性強
- 5.5.3 直達產品核心消費群
- 5.5.4 節省成本
- 5.5.5 具有強烈的互動性
- 5.5.6 準確統計廣告效果
- 5.6 舉一反三——設計制作APP開屏廣告
- 5.7 本章小結 更新時間:2020-11-02 10:03:08
推薦閱讀
- 安全之美
- 網頁制作教程
- HBase不睡覺書
- ASP.NET Core 3 框架揭秘(上下冊)
- 大數據安全
- 分析信息:香農、維特根斯坦、圖靈和喬姆斯基對信息的兩次分離
- 網頁設計與制作項目教程(HTML+CSS+Bootstrap)
- 監控平臺解密:IT系統風險感知和洞察
- Laravel入門與實戰(第2版):構建主流PHP應用開發框架
- 掌控你的工作!:巧用Outlook極速提升工作效率
- 對話大數據 政府/工業/金融/醫療/人才行業創新與應用案例分析
- 信息安全防御技術與實施
- 信號與信息
- 萬億級流量轉發:BFE核心技術與實現
- 計算機網絡實驗教程
- 制造網格
- 信息安全原理與應用
- 計算機網絡(第3版)
- Hands-On Red Team Tactics
- 信息革命
- Web全棧開發:從入門到實戰
- CDN技術架構
- Drupal 8 Development Cookbook
- 計算機網絡技術與應用教程
- 基于大范圍模式的互聯網拓撲建模
- 信息系統分析與開發技術
- 電子標簽技術
- AWS Lambda實戰:開發事件驅動的無服務器應用程序
- JSP+MySQL+Dreamweaver動態網站開發實例教程
- 計算機網絡