産品特色

編輯推薦

　　從早先的擬物化設計到扁平化風格，輕設計是什麼……

　　你是否真的理解網頁設計的輕與重風格之彆……

　　好的設計應該讓用戶感到輕鬆、愉悅……

　　怎樣不動聲色又可以引導他人……

　　設計，意味著一切……

　　《輕設計：網頁設計中的輕奢主義和禪意思維》通過對網頁設計的各個環節——輕網站的認識、情感與靈感、網站的結構類型、網頁設計的布局、網頁設計的配圖和配色、頁麵元素的設計、網頁設計工序的詳細講解，力圖解密這類“看不見”的輕型網頁設計，讓讀者瞭解輕設計這一風格，以及瞭解各大類型網站的結構，並從網頁設計工序教會讀者怎樣與客戶和開發人員溝通。

內容簡介

　　互聯網和計算機硬件的不斷發展，為網頁提供瞭越來越多的資源與功能，另外移動終端設備的普及，讓網頁製作更加多元化，並且更加關注用戶的交互體驗及産品展示的個性化。我們在學習網頁製作時，不能隻在一片技術“汪洋”中輾轉迂迴，更要觸碰到網頁製作的核心。

　　輕設計是筆者在創始飛屋工作室之初，慢慢摸索齣來的一類網頁製作與設計模式。在網頁製作中，輕設計錶現齣的是一類能為用戶減少視覺負擔、增加審美品質的效果。《輕設計：網頁設計中的輕奢主義和禪意思維》依據網頁製作過程逐一揭開其中的每一個細節，從接到設計需求開始，直到最後交付設計稿。《輕設計：網頁設計中的輕奢主義和禪意思維》將其中的周轉麯摺和大量工作體驗分享齣來，目的是幫助每一位網頁製作初學者找到齣發點，絕非教條，更不希望對大傢有所限製。

　　《輕設計：網頁設計中的輕奢主義和禪意思維》適閤網頁製作初學者、在校或在職的網頁設計師，以及想要在網頁設計與製作方嚮發展的人員。同時，《輕設計：網頁設計中的輕奢主義和禪意思維》也適閤設計愛好者從網頁設計的角度加以鑒賞品讀。

作者簡介

我是完全自由式的UI設計師，就像野外生存一樣自我成長、自我反省、自我尋路。如果你問我有什麼愛好，大概都與審美有關：繪畫、設計、閱讀、做美食、欣賞美人美景。

我是飛屋設計工作室的創始人，擁有十年設計行業經驗。飛屋設計工作室是國內領先的獨立網頁設計工作室。我在網絡上發錶關於設計的文章，優設、UI中國等設計類網站會在首頁推薦我的文章，有一部分人通過這些渠道認識瞭我。我會整理自己一路成長中的對設計方方麵麵的理解。這一切與我總是用文字保存自己的學習軌跡的習慣有關。我把一切的創作都理解為“時空膠囊”，目的是保存當下的理性與感性，以便走更長更遠的路。

我認為設計並不是一門技藝，而是一個生活的角度。設計師隻是切換到瞭這個角度，完全用自己的視角去重新看世界。這個全新的視角也就賦予瞭設計中的趣味所在。

內頁插圖

目錄

第 1 章 簡、輕、靈：初識網頁中的輕設計 / 1

看不見的設計：如何設計一枚雞蛋 / 4

留白：華麗的隱忍場 / 8

極簡主義：不隻是為瞭簡單 / 10

扁平化：新航海時代 / 12

第 2 章 無聲之韻：故事感 / 17

情感區間：在鑽戒和鉛筆之間 / 18

狩獵靈感的小甜點 / 28

作為主創的生活 / 41

第 3 章 遊戲規則：“輕網站”的結構類型 / 47

品牌網站：個性形象沙龍 / 49

互動網站：往來之道 / 54

輕雜誌：口袋裏的閱讀革命 / 57

輕商城：商業世界的小而美 / 58

活動單頁：變裝時間 / 61

第 4 章 禪意空間：網頁設計的布局 / 65

空間感：無的哲學 / 67

視覺平衡 / 82

結構感：隱形的視覺骨架 / 89

靈動版式 / 95

第 5 章 一圖一世界：輕網頁的禦圖術 / 105

網頁中的六類配圖 / 107

攝影配圖：鏡頭敘事 / 116

插畫配圖：浪漫風格化 / 127

紋理：可觸視覺 / 133

圖片搭配法則 / 134

圖文配，字與形 / 137

第 6 章 情感魔術：充滿靈性的配色 / 143

以色彩之名 / 144

配色方法論：觀感謎題 / 164

第 7 章 頁麵元素：細節裏的小性感 / 179

LOGO：風格的協奏 / 180

導航：信息的列兵 / 184

圖標：形象抽取的藝術 / 190

按鈕：動作觸發點 / 194

輸入框：UI 禮儀課 / 200

第 8 章 角色相對論：網頁設計的工序 / 209

一場對話 / 210

設計未完成 / 218

前言/序言

　　在很多年前，互聯網剛開始發展，處於學生時代的我就在Explore裏把自認為界麵優美的網站收藏起來。當時，這隻是純屬私人愛好的一件事情，和20世紀90年代的人喜歡集郵一樣。沒想到，後來我成為瞭一名UI設計師。

　　作為UI設計師，我也體驗瞭從技能掌握到自我挖掘這一成長過程。從早先的擬物化設計到扁平化風格，還有近期日漸成熟的GoogleMaterialDesign，這是互聯網的生長過程，也是我們自己的成長軌跡。

　　當我開始思考我們與歐美地區網頁設計風格之間的差異時，很自然歸咎於文化因素。事實上，我們會發現現少有人將其當作一個設計過程進行處理，更沒有人設立正式學科來框定某種概念。當我們想要學網頁設計，隻是在一片技術“汪洋”中輾轉迂迴，卻極少觸碰到設計的核心，把網頁設計的過程細緻整理並理清細節的人更是少之又少。所以，從淺層次看來，我們國內的網頁設計相比國外，仍然有段距離。究其根本，那是由於我們或許從來沒有在內心深處去探究這一設計過程。

　　輕設計是我在創始飛屋工作室之初，自己慢慢摸索齣來的一類設計模式。也可以說，這是一種符閤我們審美的設計風格。但當我提到模式的，並不是錶示這就有固定範式和章法可循。隻是在這種氛圍框架之上，我們似乎可以離“粗製濫造”的時代遠一些。

　　其實，在輕設計齣現之前，已經有瞭扁平化風格的潮流。扁平化的風格是直奔“簡潔”而去的，但簡潔並不是設計的最終使命，它應該是一把通嚮更高層次的審美概念的鑰匙。簡潔意味著更多空間，也就象徵著更多自由。自由帶來想象，意味著眾多的可能。這就像你仰望星空那一瞬的感悟，或者接近禪的境界，如當頭棒喝的一記反思。這需要層層遞進，揭齣網頁設計中多層次的豐富內涵。

　　為瞭更順暢地錶達輕設計的概念，我從佛教文化和生活情趣裏分彆藉來兩個詞匯，禪意思維和輕奢主義，它們的結閤乍看是矛盾的，甚至是相互衝突的。這也是輕設計同時兼具的兩種既矛盾又相互融閤的境界。在我看來，獲得良好的審美體驗並不是目的，設計更是一種藝術。藝術沒有喜怒哀樂，更沒有沾沾自喜，往高處走也許隻能高處不勝寒。而設計在此基礎上必須有所互動，設計要和人發生關係，所以，怎樣不動聲色又可以引導他人，這需要的是不斷磨煉的深厚內力。我們不僅要知道是什麼，還要知道為什麼。

　　“輕奢”是從時尚産業中衍生齣來的詞匯，後來演變為一種生活方式，指的是一種“沒負擔、有品質”的生活方式。在網頁設計中，輕奢主義是一種能為用戶減少視覺負擔、增加審美品質的設計類型。它有減少主義的傾嚮，但又並非減少而不可。

　　任何緊張感都難免造成誤解，輕奢主義試圖緩和緊張的空間關係，把定義的權力還給觀眾。為瞭避免平淡化，我們在設計中又要學會如何講好一個聲情並茂的故事，利用設計技巧對元素進行微妙的平衡和對比。好的設計應該讓用戶感到輕鬆、愉悅。

　　我們還在這條路上掙紮，也許你比我走得更遠，也許我看到瞭和你不一樣的風景。現在我們還有時間能有機會將網頁設計從頭談起。

　　本書依據設計過程來揭開網頁設計中的每一個細節，從接到設計需求開始，直到最後交付設計稿。設計過程中每一項的考慮都是在成為輕設計，並成為我們自己。我們將其中的周轉麯摺和大量工作體驗分享齣來，目的是幫助每一網頁設計初學者找到齣發點，絕非教條，更不希望

　　對大傢有所限製。設計師交付的隻是一張圖稿，背後的努力無法細數，但這不是讓彆人認可的理由。更重要的是，我們是否真的理解瞭網頁設計，是否真的理解瞭所謂的輕與重的風格之彆。

　　作為緻力於創造平麵審美價值的UI設計師，要創作齣輕奢效果的網頁，首先需要明確目標和情感內核，憑空構建齣一種瀏覽結構，形成網站的骨骼。由於UI設計還包含瞭與用戶的交互，因此它必須被賦予更多的體驗式的設計。但作為平麵設計的一種，它又逃不開視覺審美的

　　法則，從排版到配色，每個過程都需要傾注設計師的巧妙構思，將內容進行重構。在這個過程中，網頁圖片的選用同樣非常重要，它幾乎是整個界麵的“顔值擔當”。因此，如何選用圖片，用哪種類型的圖片，用多少以及如何使用等問題貫穿瞭整個網頁設計的主題。除此以外，由於網頁還具有不斷更新的功能，這意味著設計師在安排時還需要考慮後期維護和升級的空間，這必然要求設計齣的網頁是具有迭代能力的。

　　我想我並沒有在寫一本嚴肅地教你一步步應該如何設計網頁的書，隻是提供輕設計的風格探討空間，分享我的觀點，讓我們可以走得更遠。本書不敢說是完全的方法論，也不想成為純理論，我試圖在找一個平衡點。如果把所要學習設計的風格在“簡單粗暴”和“細膩高冷”之間做一個分類，本書的價值觀停留在後者居多。時間纔是真正的試金石，廉價娛樂帶來的狂歡會很快被迭代，這是我一直做設計時努力保持的初心。

　　保羅·蘭德曾經說過，“設計，意味著一切。”而在這裏可以這樣認為，一切皆為設計。由於探索之路剛剛開始，本書或有諸多不足，還請諒解和指正。

我錶示這模糊的畫質讓我産生瞭懷疑。我付的大概是正版的價格吧蛤？！內容纔翻瞭幾頁，暫不評價

這個書印刷一般。內容還行

好

好

這個書印刷一般。內容還行

內容還沒看，但，就裏麵的所有配圖來說，這不是一本閤格的設計書，沒有一張配圖是清晰的。但也有可能是盜版書吧。一星。

內容還沒看，但，就裏麵的所有配圖來說，這不是一本閤格的設計書，沒有一張配圖是清晰的。但也有可能是盜版書吧。一星。

這個書印刷一般。內容還行

我錶示這模糊的畫質讓我産生瞭懷疑。我付的大概是正版的價格吧蛤？！內容纔翻瞭幾頁，暫不評價