經典創意UI——Photoshop移動與網頁UI電商設計 下載 mobi epub pdf 電子書 2025

簡體網頁||繁體網頁

☆☆☆☆☆

劉暢 著

圖書標籤:

• UI設計
• Photoshop
• 移動UI
• 網頁UI
• 電商設計
• 創意設計
• 用戶界麵
• 設計靈感
• 交互設計
• 視覺設計

齣版社： 中國鐵道齣版社

ISBN：9787113232535

版次：1

商品編碼：12285440

包裝：平裝

開本：16開

齣版時間：2017-11-01

用紙：銅版紙

頁數：256

字數：338

産品特色

編輯推薦

作者從事多年UI設計工作經驗的總結

8+年UI設計經驗
300+個成功項目設計經驗
5+年中國設計師協會會員

內容簡介

本書共分十個章節，均使用圖文結閤的方式進行編寫，淺顯易懂。全書串聯起來，是一種由淺入深、由深至廣的寫作方式。書中的許多知識是作者多年UI設計工作經驗的總結，書中的首頁設計、詳情頁設計、直通車設計、海報設計均是電商設計中會齣現的設計

作者簡介

劉暢
2005年畢業於四川美術學院藝術設計係，本科文憑，獲學士學位。
專業UI設計師，平麵設計師。2012年入選中國設計師協會會員，站酷網站、Behance、68design人氣設計師，豬八戒網高級設計師。
曾任職於設計公司與齣版社，2017年自己創業成立彩色半調文化傳媒公司，至今為各大中小型企業提供設計服務。

個人案例站點：
站酷：
chicco.zcool.com.cn

Behance：
www.behance.net/chiccos

目錄

第一章 瞭解設計心理以及用色

第一節 愛德馬法則 / 3

第二節 配色、取色技巧 / 4

第三節 色彩搭配方法 / 16

第二章 首頁設計思路以及構圖理念 21

第一節 電商首頁設計的關鍵性三大要素 / 23

第二節 首頁的産品分區及次要闆塊 / 30

第三節 首頁的布局和分割 / 36

第三章 詳情頁設計 51

第一節 前期分析 / 53

第二節 設計製作 / 62

第三節 詳情頁三定律 / 79

第四章 直通車設計 89

第一節 前期分析 / 91

第二節 設計製作 / 95

第三節 後期提升 / 116

第四節 直通車細節注意事項 / 122

第五章 海報設計 123

第一節 海報設計需要的三大元素 / 125

第二節 設計思路 / 134

第三節 海報需注意的幾點 / 144

第六章 版式設計 157

第一節 版式分類 / 159

第二節 排版 / 167

第三節 對比與重復 / 182

第七章 風格把控 189

第一節 風格的定義 / 191

第二節 選擇風格 / 194

第三節 準確把控風格 / 198

第八章 留白的運用 203

第一節 留白的定義 / 205

第二節 適閤於留白的幾種場景 / 206

第三節 留白的案例與分析 / 214

第九章 巧妙運用圓形 219

第一節 圓形的定義 / 221

第二節 顔色、材質對比 / 226

第三節 規圓範形運元用素 在 / 界22麵9設計中的規範形運用 / 229

第十章 素材鑒賞 239

第一節 資源整閤 / 241

第二節 酷站推薦 / 247

前言/序言

通過翻閱本書，書中內容所呈現給大傢的是各種互聯網界麵設計案例，當今是以互聯網發展為主的時代，人們的生活方式都離不開電商購物、手機娛樂，互聯網已占據瞭人們生活的相當一部分。憧憬著設計齣精美的海報或者充滿靈性圖片的設計師不在少數，其實資深設計師與初級設計師都是在共同成長著，大傢各自扮演著設計領域的不同角色。初級設計師通過正確理論的學習，以及不斷地練習與琢磨，是可以在較短的時間內上升為資深設計師的。

我們看到任何優秀的互聯網UI設計作品，都是有一定的設計原理的，而非憑空想象。商業設計與純藝術的區彆就是如此，前者有著許多的規範、條例，如果想要讓用戶接受，要在條例範圍內進行創作，終有人為你的設計付費，或者你的設計在市場上得到瞭廣大用戶的認可並被轉化成商業利益，這時候的你纔能夠算得上是一位真正的UI設計師（UI設計師並非創作齣足夠精美的作品就會被業界認可，設計師的真正價值主要在於通過自身創作佳品，進而為客戶轉化齣多少商業價值來作為評判標準）。該書為大傢介紹瞭很多關於UI設計規則之類的設計原理。

想必大傢在美術院校或者專業學校裏都沒有學到過類似的設計理論吧！學校隻是一個鑄造基本功的地方，很多設計原理還得在工作實踐中纔能真正體會到。在工作中大傢都是不斷地學習前輩設計師的設計技巧或者直接受到美術指導的建議，在這樣的不斷學習過程中總結齣來的實踐經驗。其實這些經驗總結起來也是有一定規律的，所以我們為什麼說好的設計公司不斷推陳齣新，通過培訓新的理論知識來強化高級設計師的設計技能，讓整個公司的設計水平再上一個新颱階。

身為UI設計指導的我編寫此書的目的，一是想把我多年從事互聯網設計所體驗到的設計規律、技法一並收錄並撰寫成書。通過學習並掌握書中的理論知識之後，希望可以為你設計下一個新項目提供可靠的標準與基礎，並可大幅度地提高自身的設計水準，終拿齣好的作品去打動客戶。二是希望能讓初學者或者正遇到瓶頸的設計師們找到正確的設計方法，盡量少走彎路，糾正不好的設計習慣。通過閱讀本書並將裏麵的知識學以緻用，終促使你的設計水平有所上升，並能從設計中找到更多的樂趣，這將是我齣版此書的大收獲。

創意之源，靈感碰撞：一本關於“光影藝術”的深度探索 簡介： 這是一本並非關於Photoshop、移動/網頁UI或電商設計的書，而是一場深入探索“光影藝術”的視覺盛宴。它將帶領讀者穿越時間的維度，從古典油畫的光影處理，到現代攝影的捕捉之道，再到建築設計的空間塑造，全方位揭示光影在塑造視覺體驗、傳達情感、烘托氛圍中的關鍵作用。本書旨在激發讀者對光影的深刻理解和運用能力，無論您是藝術傢、設計師、攝影師，還是任何對視覺美學充滿好奇心的人，都能從中獲得寶貴的啓示與創作靈感。 章節內容綱要： 第一章：古典畫作中的光影魔法——色彩與情感的交響麯 達芬奇的“薄霧法”與倫勃朗的“倫勃朗光”： 深入剖析文藝復興時期大師們如何運用柔和的光綫變化（sfumato）塑造人物的立體感和神秘感，以及巴洛剋時期倫勃朗如何通過戲劇性的明暗對比（chiaroscuro）來突齣主體、營造情感張力。我們將分析具體的畫作，例如《濛娜麗莎》的神秘微笑、《夜巡》的動感與敘事性，揭示光影如何成為情感傳遞的強大媒介。 卡拉瓦喬的“黑暗現實主義”： 探索卡拉瓦喬如何將極端的光影對比與寫實主義相結閤，創造齣震撼人心的戲劇性效果，使日常場景煥發齣神聖與凡俗並存的獨特魅力。分析其作品中光綫來源的設定，以及如何通過光影來引導觀者視綫，強化人物的內在衝突。 維米爾的光綫語言： 細緻研究荷蘭黃金時代畫傢維米爾如何運用窗戶射入的柔和側光，營造齣寜靜、細膩、充滿生活氣息的室內場景。分析光綫在錶現織物紋理、皮膚質感以及人物內心世界方麵的精妙之處。 第二章：攝影的瞬間定格——捕捉時間的光影肖像 自然光與人造光的辯證統一： 探討攝影師如何巧妙利用清晨的柔和金光、午後的硬朗陽光，以及夜晚的燈光，來塑造景物的輪廓、烘托氣氛。我們將分析不同光源的特性，以及如何根據拍攝對象和想要錶達的情感來選擇和調整光綫。 黃金時刻與藍色時刻的魅力： 深度解析攝影中“黃金時刻”（日齣後和日落前的一小時）和“藍色時刻”（日齣前和日落後的一小時）的獨特光影特徵，以及它們如何賦予畫麵溫暖、夢幻或神秘的色彩。我們將通過實例展示如何在這種光綫下捕捉令人驚嘆的風景和人像。 高對比度與低對比度的藝術： 講解高對比度（硬光）如何增強畫麵的戲劇性和力量感，而低對比度（柔光）又如何營造齣溫柔、寜靜的氛圍。分析黑白攝影中的光影運用，如何通過黑白灰的層次來突齣形態和質感。 光綫作為構圖元素： 探討攝影師如何將光綫本身作為一種構圖手段，利用光影形成的綫條、塊麵、陰影來引導視綫、平衡畫麵、增加縱深感。 第三章：建築中的光影流動——空間與功能的塑造者 自然光與建築的對話： 考察不同文化背景下的建築如何巧妙地引入和利用自然光。從古羅馬的穹頂采光，到日式庭院的光影藉景，再到現代建築的落地窗和天窗設計，分析自然光如何影響建築的內部空間感受、功能分區以及居住者的情緒。 人工照明的設計哲學： 探討照明設計如何不僅僅是提供亮度，更是通過光綫的強度、色彩、方嚮和動態來創造空間氛圍、引導人流、突齣重點。我們將分析不同類型的照明（環境照明、重點照明、裝飾照明）在塑造商業空間、居住空間、公共空間中的作用。 陰影的積極作用： 顛覆對陰影的傳統認知，探討建築師如何將陰影視為一種積極的設計元素，通過陰影的形態、變化來豐富建築的肌理、增加空間的層次感和趣味性。分析雕塑感建築中的陰影錶現。 光影與材料的共舞： 研究不同建築材料（如玻璃、石材、金屬、木材）在光綫照射下呈現齣的不同質感和反射效果，以及光影如何能夠改變材料的觀感，賦予建築生命力。 第四章：當代視覺藝術的光影實驗——突破與創新 數字藝術中的光影模擬： 探討計算機圖形學和數字繪畫如何模擬和創造齣逼真的光影效果，以及藝術傢如何利用這些技術打破物理世界的限製，創造齣前所未有的視覺奇觀。 裝置藝術與動態光影： 分析當代裝置藝術傢如何運用燈光、投影、激光等技術，創造齣與觀眾互動、隨時間變化的動態光影體驗，模糊藝術與生活的界限。 光影在多媒體敘事中的應用： 探討光影在電影、動畫、視頻等媒介中的敘事功能，如何通過光影的變化來推動情節發展、塑造人物性格、營造懸念和情感高潮。 光影與社會議題的關聯： 探討藝術傢如何利用光影作為錶達工具，對社會現象、環境問題、人文關懷等進行思考和批判。 第五章：光影創作的實踐指南——從理解到運用 觀察與感受： 培養敏銳的觀察力，學會捕捉生活中細微的光影變化，理解光綫對物體形態、色彩和情緒的影響。 光綫的語言解讀： 學習分析不同光綫下的視覺效果，理解硬光、軟光、直射光、漫射光等不同光綫的特性及其在不同場景下的最佳運用。 構圖中的光影策略： 掌握將光影融入構圖的技巧，利用明暗對比、陰影引導、光綫焦點來增強畫麵的視覺衝擊力和藝術錶現力。 情感錶達的光影之道： 學習如何運用光影來傳遞特定的情感基調，例如溫暖、神秘、寜靜、活力等，讓作品更具感染力。 跨領域的靈感藉鑒： 鼓勵讀者從攝影、繪畫、建築等不同領域汲取光影靈感，並將其巧妙地應用於自己的創作實踐中。 本書的獨特價值： 本書拋開瞭具體的軟件和技術教程，迴歸到對“光影”這一最根本的視覺語言的深度挖掘。我們相信，掌握瞭光影的精髓，纔能真正做到“隨心所欲而不逾矩”，無論是何種創作領域，都能揮灑自如，創作齣觸動人心的作品。通過本書，您將學會： 看見“看不見”的光影： 訓練您對光影的敏感度，讓您在日常生活中也能發現美的瞬間。 理解光影的“語言”： 掌握光影所承載的情感和敘事力量，讓您的作品“會說話”。 運用光影的“魔法”： 學習如何策略性地運用光影，來塑造空間、烘托氣氛、引導視綫，提升視覺效果。 激發無限的創作靈感： 從古典大師到當代藝術傢，從自然界到人造空間，本書將為您提供取之不盡的靈感源泉。 這不是一本教會您如何使用某個工具的書，而是一本帶您進入一個全新的視覺維度，讓您真正理解和掌控“光影”這門古老而又充滿活力的藝術的書。準備好開始您的光影探索之旅瞭嗎？

評分☆☆☆☆☆

說實話，剛拿到這本書的時候，我有點猶豫，畢竟“經典創意UI”這個名字聽起來有點“大”，我擔心內容會過於空泛或者晦澀難懂。但事實證明，我的擔憂是多餘的。這本書的“創意”體現在它能夠打破思維定勢，提供非常多新穎的設計思路和解決方案。我印象最深的是其中關於“情感化設計”的章節，它不僅僅是教你如何讓界麵看起來漂亮，更是如何通過設計去觸動用戶的情感，引發共鳴，這對我啓發很大。書中還提到瞭很多關於“用戶體驗”的深度探討，不僅僅是簡單的可用性測試，而是從用戶的心理需求齣發，去思考如何創造真正令人愉悅和難忘的交互體驗。我特彆喜歡書中關於“負空間”和“留白”的運用講解，之前我總覺得讓界麵留白是浪費空間，但通過書中案例的對比，我纔真正理解到，好的留白能夠讓界麵呼吸，突齣重點，提升信息的可讀性。另外，書中對“用戶界麵動效”的介紹也讓我受益匪淺，它不僅僅是簡單的過渡動畫，而是如何通過流暢且富有邏輯的動效來引導用戶，增強産品的交互性和趣味性，讓我看到瞭 UI 設計的更多可能性。這本書不僅僅是提供“怎麼做”，更重要的是教會我“為什麼這麼做”，讓我從根源上理解設計，從而能夠觸類旁通，舉一反三。

評分☆☆☆☆☆

這本書的優點實在是太多瞭，讓我一時之間不知道從何說起。但如果非要我挑幾個最突齣的點，那一定是它強大的“可操作性”和“細節處理”。書中在講解每一個設計元素時，都提供瞭非常詳盡的步驟和技巧，比如如何調整圖層的透明度來達到最佳的視覺效果，如何使用濛版來控製圖形的顯示區域，如何進行細緻的像素級調整來確保界麵的精緻度。這些看似微小的細節，恰恰是決定一個 UI 設計作品是否“高級”的關鍵。我過去在設計中總是忽略這些細節，導緻最終的作品看起來總是“差一點火候”，但通過這本書的學習，我纔真正理解到“細節決定成敗”這句話的深刻含義。我嘗試著將書中講解的各種技巧運用到我的實際工作中，發現我設計的界麵變得更加精緻、專業，並且用戶反饋也明顯提升瞭。書中的一些高級技巧，比如如何利用 Photoshop 的“畫筆工具”來模擬真實的筆觸感，或者如何運用“液化工具”來調整圖像的形態，都讓我看到瞭 Photoshop 在 UI 設計中的無限可能。總而言之，這是一本能夠讓你從“會做”變成“做好”的書，它不僅能教授你設計的方法，更能培養你精益求精的設計態度。

評分☆☆☆☆☆

這本書給我最深的感受就是它的“前瞻性”和“實用性”的完美結閤。在內容上，它不僅涵蓋瞭當下最流行的 UI 設計趨勢，比如扁平化、擬物化、微交互等等，還對未來的設計方嚮進行瞭預測和解讀，讓我能夠提前布局，掌握主動權。我特彆喜歡其中關於“數據可視化 UI”的探討，這在未來的設計領域絕對是重頭戲，書中提供的設計思路和方法讓我對這個方嚮有瞭更清晰的認識。而且，這本書在講解每一個設計點時，都非常注重用戶思維，它會告訴你為什麼這樣設計能夠更好地滿足用戶的需求，而不是簡單地告訴你“這樣做”。這種“以用戶為中心”的設計理念貫穿全書，讓我受益匪淺。另外，書中的一些案例，無論是移動端還是網頁端，都非常具有代錶性，它們涵蓋瞭不同行業和不同類型的應用，讓我能夠從中學習到各種不同的設計風格和解決方案。我嘗試著去模仿書中的一些設計，並且在理解其背後的設計邏輯之後，再結閤自己的想法進行創新，發現自己的設計能力得到瞭顯著的提升。這本書不僅僅是一本工具書，更是一本能夠啓發思維、提升審美、培養設計邏輯的“思想啓迪書”。

評分☆☆☆☆☆

這本書我入手有一段時間瞭，一直想寫點什麼，但總覺得用寥寥數語難以錶達我對它的喜愛。首先，它的封麵設計就非常吸引人，那種簡潔卻又不失格調的風格，瞬間就抓住瞭我的眼球。打開書頁，我驚喜地發現，裏麵的排版同樣齣色，圖文並茂，閱讀起來一點都不費力。書中涉及的內容非常廣泛，涵蓋瞭從基礎的色彩理論到復雜的交互邏輯，再到各種當下流行 UI 趨勢的解讀，可以說是一本“大而全”的設計寶典。我尤其喜歡書中那些案例分析的部分，每一個案例都剖析得極為透徹，從最初的概念構思到最終的落地實現，每一個環節都娓娓道來，讓我仿佛置身於設計現場，親手操刀一般。書中的一些高級技巧，比如如何通過圖層樣式營造齣逼真的材質感，或者如何運用濛版和剪貼濛版實現復雜的圖像疊加效果，都讓我大開眼界，並且我嘗試著去運用這些技巧，發現自己的設計水平真的有瞭質的飛躍。更重要的是，這本書並沒有止步於理論講解，而是非常注重實操性，書中提供的很多資源和模闆，都可以直接拿來使用，大大節省瞭我的學習和工作時間。我原本在一些 UI 細節上總是卡殼，感覺總是差那麼一點意思，但讀完這本書，我纔恍然大悟，原來很多時候是基礎知識不夠紮實，或者對一些設計原則的理解不夠深入。這本書就像一位經驗豐富的設計導師，循循善誘，一點點地將我從迷茫帶嚮清晰，從新手走嚮瞭成熟。

評分☆☆☆☆☆

我是一個剛入行的 UI 設計師，手裏也積攢瞭一些其他 UI 設計類的書籍，但說實話，大部分都隻是泛泛而談，或者內容陳舊，不太符閤現在的設計潮流。直到我遇到瞭這本《經典創意UI——Photoshop移動與網頁UI電商設計》，我纔感覺自己找到瞭“真命天子”。這本書真的太接地氣瞭，它沒有那些華而不實的理論，而是直接切入實戰，教你如何利用 Photoshop 這個強大的工具，去設計齣具有商業價值的 UI 作品。書中的電商 UI 設計部分尤其令我驚艷，它詳細講解瞭如何為電商平颱打造吸引人的産品展示頁、購物車頁麵、結算流程等等，並且還提供瞭很多實用的配色方案和字體搭配建議，這對於我這種之前在電商設計領域缺乏經驗的新手來說，簡直是救星。我還注意到，書中對於移動端 UI 和網頁端 UI 的設計都進行瞭深入的分析，並且還強調瞭它們之間的共通性與差異性，這讓我在跨平颱設計時能夠更加得心應手。讓我特彆驚喜的是，書中還分享瞭一些關於“圖標設計”和“切圖規範”的技巧，這些細節看似微小，但對於保證最終産品的質量至關重要。我曾經在圖標繪製和切圖導齣時遇到過不少麻煩，這本書提供的方法讓我能夠更高效、更規範地完成這些工作，避免瞭很多不必要的返工。