幫助中心 | 我的帳號 | 關於我們
進階搜尋
car

同類熱銷排行榜

最近瀏覽的商品

網頁+App UI配色設計教程/UI設計從業必讀

  • 作者：編者:張曉景|責編:陳曉婕
  • 出版社：電子工業
  • ISBN：9787121411151
  • 出版日期：2021/06/01
  • 裝幀：平裝
  • 頁數：252
人民幣：RMB 89.8 元      售價：元
放入購物車
加入收藏夾
內容大鋼
    任何UI設計都離不開色彩，良好的配色是UI設計成功的基礎。每一種色彩都有不同的屬性和意象，掌握一定的配色方法和技巧，能夠使我們在UI設計過程中更加精準地使用色彩。色彩給人的第一印象往往非常重要，成功的配色能夠將UI設計所包含的信息快速準確地傳遞給受眾群體。反之，如果配色不合理，則會使UI設計的表現效果大打折扣，甚至令人反感。
    本書從研究色彩的構成開始，圖文並茂、循序漸進地講解色彩的原理、配色方法和技巧，通過對色彩理論、UI配色基礎、UI配色基本方法、UI配色技巧、網站UI配色和移動端UI配色進行深入的講解，同時結合相關案例的配色分析，全面提升讀者的UI配色設計水平，能夠真正達到學以致用的目的。
    本書適合學習UI設計的初中級讀者閱讀，也可以作為設計人員在實際配色工作中的理想參考用書。
作者介紹
編者:張曉景|責編:陳曉婕
目錄
第1章  色彩理論
  1.1  什麼是色彩
    1.1.1  認識色彩
    1.1.2  色光三原色與色料三原色
    1.1.3  光源色與物體色
  1.2  色彩屬性
    1.2.1  色相表現出不同的色彩意象
    1.2.2  明度體現出色彩的明暗程度
    1.2.3  飽和度決定了色彩的鮮艷程度
  1.3  無彩色與有彩色
  1.4  色彩模式
    1.4.1  適合屏幕顯示的色彩模式——RGB
    1.4.2  適合印刷品的色彩模式——CMYK
    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.7  色彩對人的心理影響
  1.8  色彩的視覺感受
    1.8.1  色彩的輕重感
    1.8.2  色彩的冷暖感
    1.8.3  色彩的前進與後退
    1.8.4  色彩的華麗與質樸
    1.8.5  色彩的軟硬感
    1.8.6  色彩的大小感
    1.8.7  色彩的興奮與沉靜
    1.8.8  色彩的活潑與莊重
  1.9  UI配色欣賞
第2章  UI配色基礎
  2.1  關於UI設計
    2.1.1  什麼是UI設計
    2.1.2  什麼是GUI設計
    2.1.3  關於UE/UX
    2.1.4  移動UI設計的崛起
  2.2  UI配色的基本步驟
    2.2.1  明確產品的定位與目標
    2.2.2  確定目標用戶群體
    2.2.3  分析競爭對手
    2.2.4  產品測試
  2.3  影響UI配色的因素
    2.3.1  UI的可讀性和易讀性
    2.3.2  產品的可訪問性
    2.3.3  UI清晰度
    2.3.4  適配不同設備

    2.3.5  考慮到使用場景
    2.3.6  通過配色在UI中創造視覺層次
  2.4  感知色彩
    2.4.1  紅色
    2.4.2  橙色
    2.4.3  黃色
    2.4.4  綠色
    2.4.5  青色
    2.4.6  藍色
    2.4.7  紫色
    2.4.8  黑色
    2.4.9  白色
    2.4.10  灰色
  2.5  色彩在UI中所扮演的角色
    2.5.1  主題色——傳遞作品核心主題
    2.5.2  背景色——支配UI整體情感
    2.5.3  輔助色——營造獨特的UI風格
    2.5.4  點綴色——強調界面重點信息與功能
  2.6  UI配色的基礎原則
    2.6.1  色調的一致性
    2.6.2  保守地使用色彩
    2.6.3  色彩的選擇盡可能符合人們的審美習慣
    2.6.4  使用色彩作為功能分界的識別元素
    2.6.5  能夠讓用戶調整界面的配色方案
    2.6.6  色彩搭配要便於閱讀
    2.6.7  控制色彩的使用數量
  2.7  使用配色軟體進行配色
    2.7.1  ColorKey XP
    2.7.2  Color Scheme Designer
    2.7.3  Check My Colours
    2.7.4  ColorJack
  2.8  UI配色欣賞
第3章  UI配色基本方法
  3.1  色相配色方法
    3.1.1  基於色相的配色關係
    3.1.2  相反色相、類似色調配色
    3.1.3  相反色相、相反色調配色
    3.1.4  漸變配色
    3.1.5  無彩色和彩色
  3.2  色調配色方法
    3.2.1  基於色調的配色關係
    3.2.2  相同色相或類似色相、類似色調配色
    3.2.3  相同色相或類似色相、相反色調配色
  3.3  融合配色使UI的表現更加平穩
    3.3.1  同明度配色使界面更融合
    3.3.2  同飽和度配色使界面表現更和諧
    3.3.3  同類色單色調配色
    3.3.4  複合色調配色
    3.3.5  暗濁色調配色
    3.3.6  明艷色調配色

    3.3.7  灰色調配色
    3.3.8  層次感配色
  3.4  對比配色使UI的表現更加強烈
    3.4.1  在UI中加入強調色
    3.4.2  色相對比配色
    3.4.3  原色對比配色
    3.4.4  間色對比配色
    3.4.5  補色對比配色
    3.4.6  冷暖對比配色
    3.4.7  面積對比配色
    3.4.8  主體突出的配色
  3.5  文字配色方法
    3.5.1  UI與文字配色關係
    3.5.2  良好的UI文字配色
    3.5.3  最佳易讀性規範
  3.6  圖標配色方法
    3.6.1  通過情緒板選擇圖標顏色
    3.6.2  通過目標人群選擇圖標配色
    3.6.3  根據品牌選擇圖標顏色
    3.6.4  四色原則
  3.7  表現情感與心理的配色
    3.7.1  暖色調配色
    3.7.2  冷色調配色
    3.7.3  高調的配色
    3.7.4  低調的配色
    3.7.5  健康的配色
    3.7.6  警示的配色
  3.8  UI配色欣賞
第4章  UI配色技巧
  4.1  給你的配色做減法
    4.1.1  視覺區分
    4.1.2  調整界面風格
    4.1.3  吸引用戶注意力
  4.2  突出界面主題的配色技巧
    4.2.1  提高色彩純度烘托主題
    4.2.2  增加色彩明度差表現層次感
    4.2.3  添加鮮艷的色相使界面表現出活力
    4.2.4  添加點綴色為界面帶來亮點
    4.2.5  抑制輔助色或背景色
    4.2.6  使用留白突出界面主題
  4.3  黑白灰配色技巧
    4.3.1  調和白色使畫面具有透氣感
    4.3.2  調和黑色使畫面具有穩定感
    4.3.3  調和灰色使畫面表現出質感
    4.3.4  綜合運用黑白灰搭配
  4.4  使用鮮艷的配色方案提升UI設計效果
    4.4.1  提升界面的可讀性和易讀性
    4.4.2  銳化導航並提升互動
    4.4.3  可識別性
    4.4.4  營造氛圍，傳遞情緒

    4.4.5  時尚的UI設計風格
  4.5  鮮艷的配色方案在UI設計中存在的問題
    4.5.1  鮮艷的配色不易搭配
    4.5.2  缺少風格和調性
    4.5.3  鮮艷的色彩並不適合所有群體
    4.5.4  鮮艷的色彩在移動端屏幕上顯得過於扎眼
  4.6  UI設計深色系背景使用技巧
    4.6.1  應用深色背景的產品較少
    4.6.2  深色背景的適用條件
    4.6.3  深色界面的視覺風格
    4.6.4  哪些類型的產品適合使用深色背景
    4.6.5  使用深色背景需要注意的問題
  4.7  UI配色欣賞
第5章  網站UI配色
  5.1  網站UI配色常見問題
    5.1.1  培養色彩的敏感度
    5.1.2  通用配色理論是否適用
    5.1.3  配色時應該選擇單色還是多色組合
    5.1.4  快速實現完美的配色
  5.2  網站UI元素色彩搭配
    5.2.1  Logo與網站廣告
    5.2.2  導航菜單
    5.2.3  背景與文字
    5.2.4  鏈接文字
  5.3  根據受眾群體選擇網站UI配色
    5.3.1  不同性別的色彩偏好
    5.3.2  不同年齡的色彩偏好
  5.4  根據商品銷售階段選擇網站UI配色
    5.4.1  產品上市期的網站UI配色
    5.4.2  產品拓展期的網站UI配色
    5.4.3  產品銷售期的網站UI配色
    5.4.4  產品衰退期的網站UI配色
  5.5  如何打造成功的網站UI配色
    5.5.1  遵循色彩的基本原理
    5.5.2  靈活應用配色技巧
    5.5.3  無彩色界面點綴鮮艷色彩
    5.5.4  選擇商品主色調作為網頁主色調
    5.5.5  避免配色的混亂
  5.6  根據網站內容進行UI配色
    5.6.1  兒童網站配色
    5.6.2  體育運動網站配色
    5.6.3  手機數碼網站配色
    5.6.4  文化藝術網站配色
    5.6.5  服裝服飾網站配色
    5.6.6  影視音樂網站配色
    5.6.7  旅遊休閑網站配色
    5.6.8  美食餐飲網站配色
    5.6.9  醫療保健網站配色
    5.6.10  房產家居網站配色
  5.7  常見網站配色效果

    5.7.1  女性化網站配色
    5.7.2  男性化網站配色
    5.7.3  穩定安靜的網站配色
    5.7.4  興奮激昂的網站配色
    5.7.5  輕快律動的網站配色
    5.7.6  生動活力的網站配色
    5.7.7  清爽自然的網站配色
    5.7.8  高貴典雅的網站配色
    5.7.9  優雅的網站配色
    5.7.10  成熟的網站配色
  5.8  網站UI配色欣賞
第6章  移動端UI配色
  6.1  移動端UI設計概述
    6.1.1  視覺設計
    6.1.2  版式設計
    6.1.3  色彩在移動端UI設計中的作用
  6.2  移動端UI配色需要注意的問題
    6.2.1  切忌把賞心悅目、形式感放在第一位
    6.2.2  UI配色需要符合人們的預期
    6.2.3  配色要便於閱讀
    6.2.4  保守地使用色彩
    6.2.5  雜亂的配色會增加用戶的記憶負擔
  6.3  移動端UI配色的基本流程
    6.3.1  調性分析，確定風格
    6.3.2  確定主色
    6.3.3  確定輔助色
    6.3.4  配色微調
  6.4  使用HSB色彩模式進行配色
    6.4.1  什麼是HSB色彩模式
    6.4.2  使用HSB色彩模式進行配色的方法
    6.4.3  柔和的微漸變配色
  6.5  移動端UI設計常用配色方法
    6.5.1  5種統一配色
    6.5.2  4種對比配色
    6.5.3  3種強視覺效果的配色
  6.6  移動端UI配色技巧
    6.6.1  遵循6：3：1的配色原則
    6.6.2  控制界面的色彩數量
    6.6.3  巧用色彩對比
    6.6.4  從大自然中獲取配色靈感
  6.7  UI配色的新趨勢——漸變
    6.7.1  漸變色的趨勢
    6.7.2  線性漸變
    6.7.3  在圖片上疊加漸變
    6.7.4  多角度、多層次漸變疊加
    6.7.5  具有功能性的漸變效果
    6.7.6  在UI配色中使用漸變的優勢
    6.7.7  漸變配色工具
  6.8  移動端UI配色欣賞

  • 商品搜索：
  • | 高級搜索
首頁│ 新手上路│ 客服中心│ 關於我們│ 聯絡我們│ Top↑│
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話：02-2381-2033 02-2381-1863　時間：週一-週五 10:00-17:00
　服務信箱：bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證：浙B2-20060032