《工作美學》心得和WordPress佈景主題的調整想法

在這個人人哀嘆不想上班、不要工作的時代，《工作美學》卻提出完全不同的主張？作者 江振誠又做了什麼樣的努力？

《工作美學》是怎樣的一本書？

《工作美學》的作者是 Chef 江振誠，台灣首位米其林主廚，獲獎無數，目前在台灣經營 R A W 餐廳。他對自己的身分認同不只是主廚，更是「策展人」，結合「廚藝、創意、跨界、挑戰」四項要素，透過飲食的文化碰撞來展示他觀看世界的方式。本書不是食譜，事實上，他的廚房裡也不存在食譜，而是在料理中不斷精進審美的成果展示。

這是作者的第三本書，希望能夠在這個不想努力的社會氛圍中，提出不同的看法。他認為廚師必須結合藝術家對美的領悟與職人的一流的手藝工法，而做一名工作上的「artisan」。我想，可能只有成為「artisan」，才能真正展現作為「人」所有、而人工智慧所沒有的情感，也才能從工作中得到不會被 AI 取代的成就感、滿足感。

放大美的覺察力與感受力

我曾為一位老農照顧農場，每天清晨起來為圓滾滾的南瓜翻身，下午再翻一次，依照陽光的角度，定時為南瓜翻面，像照顧老人一樣細心呵護，讓它們全身享有充足的日曬，好讓甜度及色澤均勻分布。這整個過程是美的。在那樣的環境、氛圍裡，當你深刻體驗、澆灌感情，很自然會知道南瓜不只是一顆南瓜、一個食材，而是有溫度的存在。所謂「工作美學」就是，當你投入心血，do things with intention，就會讓這件事變美。

這是我閱讀中最感到啟發的一段文字。

可能是因為從沒想過米其林主廚也曾種南瓜，更可能因為最近草創網站，萬事起頭難，我每天必須像「巡田水」一般，重新檢視編排、潤稿、調整顏色、配上合適的圖片等。一篇文章，竟然有超過 30 次的編修記錄，更別提佈景主題的無數次調整。我的南瓜農場就存在於 WordPress 的佈景主題裡，而我的南瓜們則是在區塊編輯器裡翻滾。

還沒自架網站以前，多少會以為寫寫部落格文章就是翹腳、喝咖啡就會有的產出物；架起網站後才發現，有無數事情可以掛心。漸漸的，我的生活除了育兒，經營網站已經變成我的工作，即使還沒有任何觀眾，我也必須這麼看待它，才能滿足我對於這個個人網站的標準。

幸好 Chef 的一句話「所謂『工作美學』就是，當你投入心血，do things with intention，就會讓這件事變美。」給了我不少安慰。當我把經營網站視為工作，就能讓很多細節漸漸調整到跟專家們相似的標準，即便我完全是初學，也能夠看起來還算有模有樣。

接下來我想要分享我的網站 intention。每一個細節，都是希望網站能夠不只沉澱我的自學心得，更是呈現我的審美。

顏色相關的想法

本來買了 Canva 課程，想要藉由上課深入學習配色的觀念後，再來好好研究怎麼幫網站改頭換面。可是我試著配出一組色票後，試圖套用在網站上卻非常詭異。

使用二次色

事已至此，我想與其去深究色票不適用的原因，不如直接動手調整整體的配色看看吧。在調整過程中意外發現 Blocksy 佈景主題的背景有提供很多好看的漸層色，就決定以其中一個有著濃郁色彩、又能有星系聯想的橘色、紫色漸層做為整個網站的主題，再慢慢去尋找能夠搭配背景的調色板。沒想到這個漸層色系背景被家人吐槽到不行，理由是非常影響閱讀。

使用原色

只好又把網站改回基礎色系，此時原先搭配的橘色、紫色調色板似乎也沒有繼續使用的必要。而且我又想到橘色、紫色都是所謂的「二次色」，也就是經過調色而得的顏色。我希望我的網站分享的是最接近我真實想法的心得，因此我希望藉由使用「原色」來呈現這個心聲。這麼一想之後，就把網站改成以黃色、藍色配色為主體，配上黑白灰等無彩度的顏色了。

元素相關的想法

圓角外框

我希望我的網站能夠在所有的文章配圖、按鈕、選單等皆使用圓角外框處理。於是在這方面下了很多功夫去做設定，讀者可以很舒適的看到所有的元素都有溫潤的圓角。

但是在 Blocksy 佈景主題中，針對文章裡面的圖片是沒有調整成圓角呈現的功能。我找了很多 CSS 語法都不成功，終於試出下面兩個語法能夠做出我要的效果。

把文章裡面的圖片做圓角處理

img {
  border-radius: 5px;
}

把精選圖片做圓角處理

.ct-image-container {
    border-radius: 5px;
}

漸層色

此外，因為我個人還是很喜歡漸層色這樣的元素，所以我就在文章的精選圖片中，頻繁的使用漸層色作為配圖背景。這讓網站整體的氛圍似乎更加的夢幻和現代。

目前是還沒有家人跟我反應這樣的配圖有什麼問題，因此我就大膽的繼續嘗試使用這個元素進行創作。能夠自由運用自己喜愛的元素真的是一件充滿幸福感的事情呢。

希望我的手法能夠越來越成熟。有些配圖都是製作後才發現背景顏色太濃或太淡，或是完全不適合主要圖片。希望之後可以不斷進步，一出手就是想要的搭配。

透明感

本來我也是大量應用透明度 8~9 成的卡片樣式設計在我的網站中，但是有家人跟我反應說這樣對比度還是不夠，會影響閱讀。我沒有任何掙扎，直接就把所有的卡片都改成 100% 的狀態，因為我的網站理念其中一項就是希望最大程度提升讀者的閱讀體驗。如果設計會影響真正最重要的內容呈現，那就寧願改善設計。

於是目前就是將透明度的設計僅僅保留在最上方的選單中，並調整陰影程度。這樣在鼠標懸停的時候，就能夠有種在陽光下欣賞透明葉脈的感受，讓讀者更賞心悅目的檢索選單。

結語

讀世界名廚江振誠的新書《工作美學》，很喜歡他在字裡行間對於料理之美的執著。我希望我在雕刻我的網站的過程中，也能夠有相同的精神，針對學習心得文章的呈現，有著付出 120% 努力的覺悟，正如主廚運用美學呈現料理一樣。

即便架設網站這件事對我來說完全是陌生領域，但我一頭栽進來卻發現有很多可研究的地方，有很多引發我興趣的學習。每一天都能夠再突破昨天的自己，我熱愛這種不斷成長的感受。

自從 2023 年 10 月初開始這個網站之後，我從來沒有 12 點前睡覺。育兒的所有閒暇時光，都是在書寫、修改文章、調整網站外觀、製作文章配圖等。我先生說，從來沒有看過我對於一件事情有這麼持久的執著。

我希望能夠繼續維持這份執著，並讓我的學習歷程凝集成一顆又一顆飽滿的、汁多味美的果實。

延伸閱讀

• Readmoo 閱讀最前線〈工作是一件美的事情——專訪八月店長江振誠〉
• 欣賞 RAW 品牌官網，由版塊設計打造的美麗網頁

您可能也會有興趣的文章

• 使用Heptabase寫作網路文章的3個技巧
• 《斜槓致富：IG經營實戰攻略簡報》4大重點心得筆記
• 《Canva入門到進階實戰》上課心得和我的4代LOGO產出過程
• 《從加法開始的極簡生活》心得和生活設計、創業的相關思考
• 《用WordPress打造賺錢副業》4個步驟寫出網站企劃