訂閱電子報表單for側邊欄和頁尾

歡迎訂閱學習星系的電子報😃

訂閱《學習星系電子報》,每週收到:

  • 一篇自我學習成長文章
  • 一個學習引發思考靈感
  • 一則好書摘錄點亮生活

訂閱本報,
讓我們一起透過自學不斷疊代,
輕鬆徜徉在學習星系的知識海洋!

訂閱電子報表單for側邊欄和頁尾

歡迎訂閱學習星系的電子報😃

每週一封信
新鮮直送

讓我們一起透過自學不斷疊代,
輕鬆徜徉在學習星系的知識海洋!💖

訂閱電子報表單for側邊欄和頁尾

查看已發佈電子報

歡迎訂閱學習星系的電子報😃

每週一封信
新鮮直送

讓我們一起透過自學不斷疊代,
輕鬆徜徉在學習星系的知識海洋!💖

訂閱電子報表單for側邊欄和頁尾

查看已發佈電子報


歡迎訂閱電子報

訂閱電子報表單for側邊欄和頁尾

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

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


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

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

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

《工作美學》作者江振誠的餐廳R A W 餐廳中的雲朵 / 擷取自 R A W 官網
R A W 餐廳中的雲朵 / 擷取自 R A W 官網

放大美的覺察力與感受力

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

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

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

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

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

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


顏色相關的想法

strange-color-palette
我的網站色票初嘗試

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

使用二次色

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

使用原色

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


元素相關的想法

圓角外框

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

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

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

img {
  border-radius: 5px;
}

把精選圖片做圓角處理

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

漸層色

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

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

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

透明感

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

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

artisan-pic-by-canva-pro

結語

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

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

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

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


延伸閱讀


您可能也會有興趣的文章

您喜歡這篇文章嗎?

加入訂閱免費自學電子報,透過自主學習實現理想的自己。
訂閱《學習星系電子報》,每週收到:

學習星系電子報
  • 1 篇自我學習成長文章
  • 1 個學習引發靈感思考
  • 1 則好書摘錄點亮生活

訂閱電子報表單for文章結束CTA

查看已發佈的電子報

安寶寶Anbobo

安寶寶Anbobo

嗨,我是站長安寶寶。
1995 年生。有 3 年藥師工作經驗。
目前是全職媽媽,過著左手扛小孩、右手寫文章的豐富生活。
在《學習星系》這裡分享書籍閱讀、線上課程、工具使用的學習筆記和心得。
歡迎「訂閱免費電子報」支持我。
聯絡我請至「聯絡表單」。

工商時間

筆記軟體推廣 Heptabase

  • 文章是用台灣人打造的 Heptabase 筆記軟體編輯、撰寫,免費試用 7 天,和我一起用新工具快樂學習!
  • 使用我的連結註冊,價格會跟官網註冊一模一樣;若您感覺滿意且付費使用,本站能夠收到一點點紅利繼續營運😀謝謝您的支持

其他優惠折扣碼

全站最新留言

4 則留言

    • 臺灣客家語常用詞辭典【巡田水】查看田中水的多或少。例:阿公去巡田水了,等一下就會轉來。(爺爺去查看田中的水了,等一下就會回來。)
      我一直以為是台語呢,謝謝 L 先生詢問。

      (((XD一定要這樣嗎?老公早點下班來陪我和 Good 寶比較實在喔XD

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *