你可能已經收藏了一堆網站參考，這個看起來很喜歡，那個看起來也不錯，可是當你把它們全部攤開來的時候，還是說不出來自己到底想要哪一種風格。
網站風格要怎麼選擇？我的答案是從你想要呈現出什麼樣的感受出發，去尋找各式各樣的靈感，再透過歸納、收斂和取捨，慢慢雕琢出屬於自己的風格。也就是說，風格是選出來的。
這個想法我花了很長一段時間才想通，所以這篇文章我想用自己翻新品牌的過程，跟你分享我是怎麼走到這裡的。
網頁設計風格有哪些？
在開始選擇之前，我會建議你先把常見的風格都認識過一輪，這樣你在跟設計師溝通的時候就會輕鬆很多，因為你們有了共同的語言可以討論，不需要只靠好看或有質感這樣的詞彙來描述。
| 風格 | 帶給人的感受 |
|---|---|
| 極簡 | 安靜而俐落，留白很多，讓內容自己說話 |
| 雜誌編排 | 有敘事感，像在翻一本用心排過的刊物 |
| 溫暖親切 | 放鬆又好靠近，像朋友在跟你說話 |
| 科技感 | 前衛，帶有未來感 |
| 活潑繽紛 | 充滿活力，看一眼就記得住 |
你會發現這張表裡只有感受，沒有列出每種風格適合哪些產業，這是我刻意的選擇，因為就算是同一個產業，每個品牌想要讓人感受到的東西也都不一樣。
看參考網站的時候，我也建議你在收藏之後多做一件事，順手寫下你喜歡這個網站的哪個地方，以及你為什麼喜歡它，因為這幾句話會比收藏夾裡的一百個網站更有用。如果你想多看看實際做出來的樣子，也可以逛逛我的作品。
不過就算認識了這些風格的名字，多數人還是會發現自己選不出來，我以前也是這樣，這也是我接下來想跟你聊的事情。
為什麼看了很多網站風格參考還是選不出來？
李安導演談過風格這件事，常被轉述的一句話是：風格是讓沒有風格的人去擔心的。我自己很贊同這個觀點，因為我曾經就是那個很擔心的人。
我有很長一段時間都困在這件事情上。那時候我在設計自己的品牌網站，一樣是照著固定的設計流程在走，可是當我擴大搜尋去找靈感的時候，我發現自己見過的網站類別越少，我的風格取向就越會受制於那些少數我認為很漂亮的網站，心裡會有一種傾向，就是好想成為他們。
這件事情有好有壞，好的部分是它可以當作一個指標，讓我知道自己的品牌和美感取向可以往哪個方向走。但是在我還沒有辦法順利收斂自己對品牌的想法，尤其是腦子裡對整個品牌網站還沒有畫面的時候，就很容易被帶偏。今天看到這個風格，我會超想把網站做成這樣子，隔天又想要做成另外一種，而這兩種風格之間很有可能完全沒有關聯，或者關聯性很低。
會有這樣的狀況，是因為我還沒有對齊自己想要帶給別人什麼樣的感受，我還在從別人的網站裡面找自己。所以那個時期設計出來的網頁就像一個縫合怪，裡面可能揉合了 A 網站的元素、B 網站的架構、C 網站的佈局，還有 D 網站的品牌配色，這個也拿一點，那個也拿一點，我只是覺得這個好看就放，那個好看也放，但是在那個網頁裡，我找不到自己。
後來我才慢慢發現，一個風格裡面會有非常多的元素、架構、層次和比例，這些東西組合在一起才塑造出一套完整的風格系統，如果只是學到它的外表，做出來的東西自然就會變得四不像。
也因為這段經歷，我後來有了一個很深的感受，就是風格沒有辦法用找的。今天如果我的滑鼠不見了，我一定找得到，因為它本來就存在，但是假設這個滑鼠從來都不存在，那我再怎麼找也找不到。風格也是這樣，在我們還沒有風格的時候去找一個風格，是找不到的。
始終存在的，是你這個人，以及你想要呈現出什麼樣的感受。而同樣的一種感受，每個人呈現出來的樣子也會完全不同，光是活潑這件事，就能有很多種不一樣的活潑。
如果還沒想清楚這件事就開始看參考，網站很容易變成一面鏡子，只是反射出別人的樣子，就像我當時做出來的那個縫合怪，看似好像很完整，但是各個地方看上去都覺得有點奇怪。
選網站風格之前要先想清楚什麼？
所以當有人跟我說，他不知道自己想要什麼風格的時候，我會希望他先從認識自己的品牌開始，我通常會請他回答這幾個問題：
- 你知道自己在賣的是什麼嗎？它可能是一項服務、一種商品，或是一種感受。
- 你知道你的客人想要的是什麼嗎？
- 你知道客人為什麼會找上你嗎？
如果這些問題你都能回答得很細緻，甚至可以侃侃而談，我就會很建議你好好設計一個自己的網站，因為選擇風格需要的材料，你都已經準備好了。反過來說，如果你的品牌已經有人流也有營收，但是你不太清楚客人為什麼會買你的服務，我會建議你先把這件事情搞清楚，再來談網站的風格。
我認為一切的設計都是從這裡開始的。
網站風格要怎麼選擇？
凱恩設計這個品牌曾經做過一次比較大的翻新，在翻新的過程當中，我有一段時間不斷反覆地思考，我想要呈現出什麼樣的風格給其他人看，現在回頭看，那時候的我也一樣執著在風格這件事情上。
那段時間就是我前面說的撞牆期，我一直想要成為別人的樣子。後來我才發現不需要這樣，我必須先認識自己，了解自己的長處和短處，經過一番接納、整理和復盤之後，我才知道要怎麼做我自己。
從 Moodboard 找出自己會被什麼吸引
想通這件事之後，我就沒有想太多了，我一樣照著自己的設計流程來翻新，第一步是做一張 moodboard，也就是情緒板，它是一張還沒有整理過、用來把感受變得具體的畫板。當我在靈感網站上很發散地尋找的時候，我發現有一些元素是自己偏偏會注意到的，而且我還蠻喜歡它們。
等我把 Moodboard 上的元素好好思考過一輪之後，就找到了幾個方向，例如我很喜歡插圖，還有一些線條感很重的東西。雖然這些方向都還很粗略，但是方向是正確的，接下來要做的事情，就是讓這些元素把我的品牌表達得更完整。
為什麼把品牌色從墨綠色換成大地色？
其中最大的一個轉變，是把品牌色從墨綠色換成大地色系。
我剛開始想要深挖自己的品牌時，第一個階段用的品牌色是以墨綠色為主，因為我想要營造出沉穩、可靠的感受。但是後來我發現，以網頁設計這個產業來說，想要讓客戶感受到專業、穩重和可靠，大多會走科技感的呈現，像是動畫特效的堆疊，搭配藍色、白色、灰色、黑色這一類的冷色調，通常是科技公司，或是專門做網頁特效的設計公司會這樣安排。
那時候我問了自己一個問題：我是這樣子的人嗎？
我確實想要讓客戶感受到溫暖、可靠和放心，我相信每一個品牌都希望客戶能紮紮實實地感受到這一點，但是為什麼每一個品牌呈現出來的樣子都不一樣？值得被信任的網頁配色，不見得就是科技感的冷色。所以我開始想，有沒有其他感受的方向是我可以參考的，我希望從自己想要的感受去出發，而不是從專業形象來出發，因為那並不是我自己偏好的主要感受。
放下這一點之後，我開始從自己的個性、我希望遇到什麼樣的客戶，以及客戶眼中的凱恩設計會是什麼樣子來思考，才發現除了插圖和線條感，我也很喜歡大地色系。會選擇大地色系，是因為它本來就是我偏好的顏色，加上我想呈現出溫暖、貼近品牌、與人交流的調性。我認為自己就是這樣的一個人，很善於溝通協調，喜歡跟人對談，也喜歡交朋友，我希望這些個人特質可以延伸到我的設計品牌上。
| 翻新前 | 翻新後 | |
|---|---|---|
| 品牌色 | 墨綠色 | 大地色系 |
| 想傳達的感受 | 沉穩、可靠 | 溫暖、貼近品牌、與人交流 |
| 出發點 | 專業形象 | 我的個性，以及我希望遇到的客戶 |
而且我那時候有一個很明確的想法，就是要跟高大上、有科技感的網頁設計公司做出區隔。我並不想要因為創業開公司就變成了其他人，然後吸引到不適合我、我也不喜歡的客戶，因為如果我不打從心底認識自己，從自己的角度出發，那吸引來的客戶也不會是真實的我吸引來的。
當我很明白這一點之後，我發現自己的品牌定位變得更清晰了，焦慮也減少了很多，因為我知道自己的品牌定位不能夠、也不應該跟中大型的科技公司、網頁公司或廣告公司相比，我有足夠的能力，也應該發展出我自己的風格。在這個當下，我知道我找到自己的風格了，它從無到有，確實地出現了。
換掉品牌色之後每一項都要重新判斷
這個決定影響的範圍非常大，下面這些每一項都要重新判斷一次：
- 社群貼文的排版模板
- 整個品牌色票
- 網站上元素的比例、架構、字重和字型
- 整個網站的留白要怎麼取捨
但是從這個時期之後，我對自己的品牌開始覺得很安心，因為我不需要讓自己的判斷停在我是不是應該考慮這個元素、是不是應該考慮那個元素，我的思考脈絡會變成這樣：
這個元素很棒，但是它能夠代表我嗎？它能夠表達出我想讓客戶體會到的感受嗎？如果不能，再好看也不適合我。
這就是我的判斷標準。
你會發現在這一整個思考過程當中，存在的就是取捨，就是判斷，而這個過程恰恰好就是塑造風格的過程。我沒有想要成為誰，我想要成為的是我自己。
如果你也正準備做網站，可以試著照這個順序走一次：
- 先想清楚你想要呈現出什麼樣的感受。
- 很發散地去尋找靈感，看看自己一直被哪些東西吸引。
- 把它們收斂成幾個方向。
- 在每一個細節上做出判斷。
這也是我在幫客戶設計網站時會走的流程。
為什麼有些網站看起來特別有質感？
我遇過很多老闆跟我說，能賺錢就好了，為什麼要計較這麼多。各式各樣的品牌都有，這點我可以理解，不過我自己的感受是，一個品牌給別人的整體印象，通常是由那些不會有多少人認真注意的細節所決定的。字重差一點或留白多一點，單獨來看都不是什麼大事，但是當每一個地方都有人認真選擇過，看網站的人就算說不出原因，也能夠感受得到。
這種細節和美感所傳遞出來的印象，是我自己蠻有熱情也很執著的部分。
除了細節之外，時間也很重要。當我在觀察別人的作品、穿搭或說話方式的時候，常常會覺得他們的風格跟他們本人很適配也很完整，那是因為他們在同樣的選擇和判斷上維持了很長一段時間。而這種風格是會變化的，我們在人生不同的階段會做出不同的選擇和判斷，風格就像一顆被雕琢過的寶石，在各個階段呈現出不同的樣貌，但是始終都很飽滿也很完整。
所以你不需要擔心現在選的風格會跟著你一輩子，只要你持續認識自己，持續做出判斷，它就會跟著你一起改變。
如果你想看看一個品牌的風格怎麼跟它的主人互相呼應，可以讀讀我之前寫的〈什麼是個人品牌網站？從一間沖繩的居酒屋說起〉。
常見問題
網站風格可以參考同業嗎？
可以，不斷吸取別人好的地方來優化自己，這件事情本質上是好的。要小心的是把別人的網站整個照抄下來，因為網頁可以複製，設計系統也可以複製，但是你能複製到的終究只是表面，你的品牌核心還是你自己的。我們可以站在巨人的肩膀上看得更遠，但那終究是巨人的肩膀。
可以用 AI prompt 直接換網站風格嗎？
可以，現在只要幾句提示詞就能換一套風格，這也是 AI 帶來的便利。不過 AI 生成的東西你做得出來，別人也做得出來，所以它能幫助你把想法變得更完善，但是你想呈現出什麼、最後要留下什麼，還是需要你自己來判斷。
一人品牌也需要有網站風格嗎？
需要，而且一人品牌很適合從認識自己開始，因為你的品牌就是你。你在意什麼、你平常怎麼工作，這些都是選擇風格時可以用上的材料。
延伸閱讀
我是凱恩（凱恩設計工作室），幫助品牌把說不清楚的故事，打造成有故事、有靈魂、讓人一眼記住的網站，持續累積品牌信任。如果你也在想該怎麼讓品牌故事變成一個真正留得住人的網站，歡迎找凱恩聊聊。
