發表於2024-11-22
從早先的擬物化設計到扁平化風格,輕設計是什麼……
你是否真的理解網頁設計的輕與重風格之彆……
好的設計應該讓用戶感到輕鬆、愉悅……
怎樣不動聲色又可以引導他人……
設計,意味著一切……
《輕設計:網頁設計中的輕奢主義和禪意思維》通過對網頁設計的各個環節——輕網站的認識、情感與靈感、網站的結構類型、網頁設計的布局、網頁設計的配圖和配色、頁麵元素的設計、網頁設計工序的詳細講解,力圖解密這類“看不見”的輕型網頁設計,讓讀者瞭解輕設計這一風格,以及瞭解各大類型網站的結構,並從網頁設計工序教會讀者怎樣與客戶和開發人員溝通。
互聯網和計算機硬件的不斷發展,為網頁提供瞭越來越多的資源與功能,另外移動終端設備的普及,讓網頁製作更加多元化,並且更加關注用戶的交互體驗及産品展示的個性化。我們在學習網頁製作時,不能隻在一片技術“汪洋”中輾轉迂迴,更要觸碰到網頁製作的核心。
輕設計是筆者在創始飛屋工作室之初,慢慢摸索齣來的一類網頁製作與設計模式。在網頁製作中,輕設計錶現齣的是一類能為用戶減少視覺負擔、增加審美品質的效果。《輕設計:網頁設計中的輕奢主義和禪意思維》依據網頁製作過程逐一揭開其中的每一個細節,從接到設計需求開始,直到最後交付設計稿。《輕設計:網頁設計中的輕奢主義和禪意思維》將其中的周轉麯摺和大量工作體驗分享齣來,目的是幫助每一位網頁製作初學者找到齣發點,絕非教條,更不希望對大傢有所限製。
《輕設計:網頁設計中的輕奢主義和禪意思維》適閤網頁製作初學者、在校或在職的網頁設計師,以及想要在網頁設計與製作方嚮發展的人員。同時,《輕設計:網頁設計中的輕奢主義和禪意思維》也適閤設計愛好者從網頁設計的角度加以鑒賞品讀。
我是完全自由式的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設計還包含瞭與用戶的交互,因此它必須被賦予更多的體驗式的設計。但作為平麵設計的一種,它又逃不開視覺審美的
法則,從排版到配色,每個過程都需要傾注設計師的巧妙構思,將內容進行重構。在這個過程中,網頁圖片的選用同樣非常重要,它幾乎是整個界麵的“顔值擔當”。因此,如何選用圖片,用哪種類型的圖片,用多少以及如何使用等問題貫穿瞭整個網頁設計的主題。除此以外,由於網頁還具有不斷更新的功能,這意味著設計師在安排時還需要考慮後期維護和升級的空間,這必然要求設計齣的網頁是具有迭代能力的。
我想我並沒有在寫一本嚴肅地教你一步步應該如何設計網頁的書,隻是提供輕設計的風格探討空間,分享我的觀點,讓我們可以走得更遠。本書不敢說是完全的方法論,也不想成為純理論,我試圖在找一個平衡點。如果把所要學習設計的風格在“簡單粗暴”和“細膩高冷”之間做一個分類,本書的價值觀停留在後者居多。時間纔是真正的試金石,廉價娛樂帶來的狂歡會很快被迭代,這是我一直做設計時努力保持的初心。
保羅·蘭德曾經說過,“設計,意味著一切。”而在這裏可以這樣認為,一切皆為設計。由於探索之路剛剛開始,本書或有諸多不足,還請諒解和指正。
輕設計:網頁設計中的輕奢主義和禪意思維 下載 mobi pdf epub txt 電子書 格式 2024
輕設計:網頁設計中的輕奢主義和禪意思維 下載 mobi epub pdf 電子書這個書印刷一般。內容還行
評分內容還沒看,但,就裏麵的所有配圖來說,這不是一本閤格的設計書,沒有一張配圖是清晰的。但也有可能是盜版書吧。一星。
評分這個書印刷一般。內容還行
評分很棒棒!
評分好
評分書的顔色怪怪的
評分好
評分內容還沒看,但,就裏麵的所有配圖來說,這不是一本閤格的設計書,沒有一張配圖是清晰的。但也有可能是盜版書吧。一星。
評分我錶示這模糊的畫質讓我産生瞭懷疑。我付的大概是正版的價格吧蛤?!內容纔翻瞭幾頁,暫不評價
輕設計:網頁設計中的輕奢主義和禪意思維 mobi epub pdf txt 電子書 格式下載 2024