💚🥬 Sprouts Adventures I 豆芽歷險記主題系列

Introduction

Sprouts Adventures I 豆芽歷險記主題

整體為療癒、放鬆感,靜靜地看著也很舒適。

Features

特點

「當我們翻山越嶺,啟程尋找夢想之地。」

在這趟旅途中,最珍貴的或許不是寶藏,而是旅途中的每個瞬間,豐富我們,使我們成長。

看似小小的、軟弱無力的豆芽,憑著耐心與努力,慢慢地成長茁壯。

+ \ 精選主題 / +

點擊圖片可查看完整內容,更多主題請至主題小舖

※ 因 LINE 官方不定期更新,可能會出現裝置或版面位移問題。

若有任何關於主題相關問題,都歡迎前往表單填寫前往表單填寫 ✹目前表單支援問題如下:

  • 聊天室未滿版|核對無誤後將寄送聊天室原圖,請自行套用
  • 主題購買調查|偷偷跟我說~你購買多少款由我設計的主題?
  • 主題想法回饋|幫助我設計出更棒的主題!

Share

Others Product

LINE 原創主題|未歸檔 ── 雨天

LINE 原創主題|未歸檔 ── 雨天

頻繁出現的午後雷陣雨,帶給炎熱的日子一絲涼意。

這系列的主題主打「柔和的色調 ✹ 甜甜的回憶」略為精緻的插圖,自己也常用這系列的主題,因為閱讀起來是最舒適的,心情很療癒!


大綱
1. 前言
2. 主題介紹
3. 主題範本工商時間
4. 按鈕選單介紹
5. 等待
6. 最後的碎碎唸

前言

最近頻繁出現午後雷陣雨,雖然帶給炎熱的日子一絲涼意,但出門在外的時候就會溼答答的。


主題介紹

當全世界約好一起下雨,讓我們約好一起在心裡放晴。

比起雨天,更喜歡雨後天晴,濕氣與陽光混和的味道,有著微妙又放鬆的情緒,幸運的話還能見到彩虹。

Design by Jhane Chou

兩隻貓一起等待雨停,即使外面下著雨,心中卻有晴天。


主題範本工商時間

這次一樣使用範本檔案來完成,為我省下很多時間!雖然我有另外出主題範本的組合包,但!是!我覺得一包就很夠用,配合自己習慣的製圖軟體,就可以把時間留給創作。

LINE Theme Template V.01|LINE 原創主題製作範本_Illustrator 版

適合習慣使用 Illustrator 設計軟體的創作者!依據官方訂定的主題格式,製成 Illustrator 版的檔案,可輸出主題設計圖片!

LINE Theme Template V.02|LINE 原創主題製作範本_Photoshop 版

依據官方訂定的主題格式,製作「Photoshop CC(含切圖腳本)」範本,藉由切圖腳本來增加效率,輸出主題圖片!

LINE Theme Template V.03|LINE 原創主題製作範本_Procreate 與 Photoshop 版 👉👉 我目前常用的範本!

依據官方訂定的主題格式,製作「Procreate® 」與「Photoshop CC(含切圖腳本)」範本,藉由切圖腳本來增加效率,輸出主題圖片!近期我開始使用此範本來製作 LINE 原創主題,本身也開始花較多時間在 Procreate® 進行創作。

LINE Theme Template Pack|LINE 原創主題製作範本組合包

一次購買三款主題製作範本,限定九折優惠!


按鈕選單介紹

可愛就是無敵的按鈕選單。

Design by Jhane Chou

在主題的選單按鈕中,需要製作兩個狀態(OFF/ON)上排是 OFF 狀態的呈現,是按鈕預設時的呈現;下排是 ON 狀態的呈現,是當前選中的呈現。

等待雨停、雨傘、烏雲、放晴、毛巾、拿鐵、幼苗、盆栽、背包!

每一次都在選單按鈕上花最多心思,我也不知為何,也許是專心畫著物件的時候,可以讓我稍微脫離現實。


等待

其實我不喜歡等待,等待的過程很漫長,可是與對的人一起等待,一切就變得有意義。如果是自己獨自等待也沒關係,那些事物總會到來,不論好壞。

Design by Jhane Chou

最後的碎碎唸

等待的時候睡一覺也好~

→ 日系 – 未歸檔|雨天

→ 主題商店

文章同步發佈平台&支持,可前往不同平台進行拍手支持,或透過下方的 Like 讚賞(註冊 Liker 完全免費)讓創作者獲得額外收入!

.MediumMatters
Aesthetics
繪製插圖的感想
精選文章
文章指南&支持作者的方式
Aesthetics
運用插畫練習,提升設計能力
Product
LINE 原創主題|未歸檔 ── 雨天
Life
關於,我在台北生活的開銷與生活(三)
Freelancer
新增 iPad Pro 生產力工具
Life
關於,我在台北生活的開銷與生活(一)
Writing
使用 Matters 與讚賞公民之心得

Share

LINE 原創主題|豆芽 ── 暮光

LINE 原創主題|豆芽 ── 暮光

靜靜地走著,感受呼吸、感受月光、感受霧氣,讓它們陪著我們向前。

這系列為豆芽人角色主題,紀錄豆芽人的冒險旅程。


大綱
1. 前言
2. 主題介紹
3. 主題範本工商時間
4. 按鈕選單介紹
5. 暮光
6. 最後的碎碎唸

前言

剛完成岩之森,接著又繪製了第二款-暮光。這次繪製的感覺不同了,受生心理的影響,色彩偏向棕色、藍灰色的配置。

明天就要去做另外幾項健康檢查了,內心害怕卻又希望能盡快找出問題。

主題介紹

觸不可及的暮光,圍繞著我們。

有些事物伴隨著我們,而我們卻無法碰觸它,任由它們圍繞。

靜靜地走著,感受呼吸、感受月光、感受霧氣,讓它們陪著我們向前,不論未來的好壞,都能勇敢面對。

Design by Jhane Chou

每當自己獨自在家時,總會忍不住去想到身體,尤其是未知的恐懼,懷疑自己的努力是否即將無用,身體的不適依然在提醒自己,什麼都無法去做,做了也感到無力,日復一日重複著。

只有睡覺可以暫時遠離,偶爾還是會被惡夢侵蝕、掙扎、醒來。被生理支配,接著是心理被感染,它們互相拉扯,膠著於此。

不知道會持續多久,只能告訴自己,再忍耐一下下,好好做檢查,找出問題後向以往一樣認真解決。

等待檢查到來的這幾天,畫畫、玩遊戲、努力讓自己吃點東西,等男友下班,一起度過夜晚,然後睡覺,醒來。

依照文章的慣例,還是會進入工商時間,由於生病,工作量大大減少,盡可能休息,剩下就靠些販售物來維持生計。

主題範本工商時間

這次一樣使用範本檔案來完成,為我省下很多時間!雖然我有另外出主題範本的組合包,但!是!我覺得一包就很夠用,配合自己習慣的製圖軟體,就可以把時間留給創作。

LINE Theme Template V.01|LINE 原創主題製作範本_Illustrator 版

適合習慣使用 Illustrator 設計軟體的創作者!依據官方訂定的主題格式,製成 Illustrator 版的檔案,可輸出主題設計圖片!

LINE Theme Template V.02|LINE 原創主題製作範本_Photoshop 版

依據官方訂定的主題格式,製作「Photoshop CC(含切圖腳本)」範本,藉由切圖腳本來增加效率,輸出主題圖片!

LINE Theme Template V.03|LINE 原創主題製作範本_Procreate 與 Photoshop 版 👉👉 我目前常用的範本!

依據官方訂定的主題格式,製作「Procreate® 」與「Photoshop CC(含切圖腳本)」範本,藉由切圖腳本來增加效率,輸出主題圖片!近期我開始使用此範本來製作 LINE 原創主題,本身也開始花較多時間在 Procreate® 進行創作。

LINE Theme Template Pack|LINE 原創主題製作範本組合包

一次購買三款主題製作範本,限定九折優惠!


按鈕選單介紹

呼應冒險元素的按鈕選單。

Design by Jhane Chou

在主題的選單按鈕中,需要製作兩個狀態(OFF/ON)上排是 OFF 狀態的呈現,是按鈕預設時的呈現;下排是 ON 狀態的呈現,是當前選中的呈現。

使用灰色調、咖啡色調來進行繪製,盡可能讓按鈕的兩個狀態相呼應,切換起來更流暢。例如:滿-空、收起-打開,等等狀態的變化。

我最喜歡上圖的最右側「錢包」打開前鼓鼓的,打開就變瘦了~


暮光

這次的色調調製許久,終於達到舒服的平衡,同時運用色調達成視線引導的作用,例如從下方的黃色蘑菇,帶領視線往上爬升見到主角,而靠近中上的蘑菇,則是向著右側空曠、未知的地方。

遠景留著一抹月亮和夜空,天空的色彩也做了變化,暗示著夜幕降臨前的最後一道光。

Design by Jhane Chou

主題上架後,依然也順手將製成手機桌布。


最後的碎碎唸

希望一切順利。

→ 豆芽歷險記 – 暮光

→ 主題商店

文章同步發佈平台&支持,可前往不同平台進行拍手支持,或透過下方的 Like 讚賞(註冊 Liker 完全免費)讓創作者獲得額外收入!

.MediumMatters
Life
書評《秒睡》
Life
書評《龜兔賽跑-在1250°C遇見最棒的自己》
Life
書評《點子就是一直來:不論在順境還是逆境,10 個保持創意來源的方法》
Life
2021 年回顧以及今年目標
Freelancer
自由接案者的請款方式-勞務報酬
Product
Let’s Draw! Procreate 鯛魚燒繪畫紀錄
Life
做個善良的人,比什麼都重要
Product
LINE 原創主題|未歸檔 ── 雨天

Share

LINE 原創主題|豆芽 ── 岩之森

LINE 原創主題|豆芽 ── 岩之森

當我們翻山越嶺,啟程尋找夢想之地,在這趟旅途中,最珍貴的或許不是寶藏,而是旅途中的每個瞬間。

這系列為豆芽人角色主題,紀錄豆芽人的冒險旅程。


大綱
1. 前言
2. 主題介紹
3. 主題範本工商時間
4. 按鈕選單介紹
5. 光影
6. 最後的碎碎唸

前言

豆芽人在很多年前就被創造出來,當時還未想到角色定位;前年開始繪製主題時也沒有將他收錄,直到最近與妹妹一起規劃主題時,才把豆芽人重新喚醒,並為他創造冒險世界觀。

看似小小的、軟弱無力的豆芽,憑著耐心與努力,慢慢地成長茁壯。


主題介紹

當我們翻山越嶺,啟程尋找夢想之地。

在這趟旅途中,最珍貴的或許不是寶藏,而是旅途中的每個瞬間,豐富我們,使我們成長。

Design by Jhane Chou

整體為療癒、放鬆感,靜靜地看著也很舒適。原本想繪製成被山林包圍,極少的陽光透出,但是看久了卻覺得不夠透氣,於是更換為現在的版本。


主題範本工商時間

這次一樣使用範本檔案來完成,為我省下很多時間!雖然我有另外出主題範本的組合包,但!是!我覺得一包就很夠用,配合自己習慣的製圖軟體,就可以把時間留給創作。

LINE Theme Template V.01|LINE 原創主題製作範本_Illustrator 版

適合習慣使用 Illustrator 設計軟體的創作者!依據官方訂定的主題格式,製成 Illustrator 版的檔案,可輸出主題設計圖片!

LINE Theme Template V.02|LINE 原創主題製作範本_Photoshop 版

依據官方訂定的主題格式,製作「Photoshop CC(含切圖腳本)」範本,藉由切圖腳本來增加效率,輸出主題圖片!

LINE Theme Template V.03|LINE 原創主題製作範本_Procreate 與 Photoshop 版 👉👉 我目前常用的範本!

依據官方訂定的主題格式,製作「Procreate® 」與「Photoshop CC(含切圖腳本)」範本,藉由切圖腳本來增加效率,輸出主題圖片!近期我開始使用此範本來製作 LINE 原創主題,本身也開始花較多時間在 Procreate® 進行創作。

LINE Theme Template Pack|LINE 原創主題製作範本組合包

一次購買三款主題製作範本,限定九折優惠!


按鈕選單介紹

呼應冒險元素的按鈕選單。

Design by Jhane Chou

在主題的選單按鈕中,需要製作兩個狀態(OFF/ON)上排是 OFF 狀態的呈現,是按鈕預設時的呈現;下排是 ON 狀態的呈現,是當前選中的呈現。

這次的元素很好發想,因為是冒險的啟程,所以元素大多為必備的用品,例如地圖、小刀、背包、望遠鏡等等,至於鑰匙 … 那不是寶箱的鑰匙,而是豆芽人的家門鑰匙。


光影

將光影、立體感變得些許扁平,在畫面中可見:

其中只留下一到光從遠景透進來,照在豆芽人身上,像是為他指引,亦或是暗示我們主角登場了。

Design by Jhane Chou

主題上架後,我也順手將他製成手機桌布,很舒服療癒,希望能平復最近的一連串事情。


最後的碎碎唸

疫情什麼時候可以安然落幕,讓我們放心出去玩~?

→ 豆芽歷險記 – 岩之森

→ 主題商店

文章同步發佈平台&支持,可前往不同平台進行拍手支持,或透過下方的 Like 讚賞(註冊 Liker 完全免費)讓創作者獲得額外收入!

.MediumMatters
Life
書評《龜兔賽跑-在1250°C遇見最棒的自己》
Aesthetics
SQ|使用純 CSS 在 Squarespace 做出偽雙語系導覽列
Aesthetics
設計基礎:配色方式
Product
LINE 原創主題|未歸檔 ── 平安夜
Aesthetics
私藏創作配色方式
Aesthetics
AI|解決 illustrator 輸出尺寸誤差
Freelancer
拓展不同領域,保持學習的習慣
Aesthetics
蒸汽龐克 & 賽博龐克探討與反思

Share

使用圖表分散焦慮感的負面循環

使用圖表分散焦慮感的負面循環

降低焦慮感的方式之一,以及分享我常繪製的幾個圖表。

沒有安全感,對未來感到恐懼,或認為自己做得不夠多,這些「想太多」與「真正有益的規劃」混雜一起,難以在茫茫腦海中看出這些想法的脈絡,透過圖表將想法「攤開」與「下放」的動作,分散焦慮感的負面循環。


大綱
1. 前言
2. 攤開腦中的所有想法,進行分類
3. 將沒有益處的想法去除,改變思考模式
4. 選擇合適的工具進行圖表繪製
5. 圖表-日時間軸
6. 圖表-週曆
7. 圖表-月曆
8. 想法下放
9. 確實執行 
10. 最後的碎碎唸

前言

常常想很多,腦袋總是停不下來,身為自由工作者,需要身兼數職的角色,看似自由卻容易被自己的想法困住。當工作量增加時,會需要更仔細地分配時間,在不知不覺中給自己許多壓力,演變成焦慮感。

這些想法虛無飄渺,卻在腦中不斷翻騰,有時還會怕忘記而更加用力思考,若將想法攤開來,就能好好分配,並從中看出他們之間的關聯,以及區分那些是重要的,而哪些又是不必要的。


攤開腦中的所有想法,進行分類

一開始我會進行簡單的分類,一種為很瑣碎、片段以及「紀錄」的形式,另一種則是跟目標、工作有關的想法。

使用 Google Keep 紀錄:瑣碎、片段、情緒,短時間紀錄

我會將非常瑣碎的想法,使用 Google Keep 紀錄起來,因為每次想到的都很瑣碎,加上現在還有健康生活計畫的紀錄,整體看起來顯得非常龐大且混亂。不過因為 Google Keep 用起來太方便、快速,大多以純文字為主,通常用手機進行紀錄,每次紀錄的時間都很短。

Screenshot by Jhane Chou

因為紀錄的事情都偏向健康和心理,所以盡可能簡單快速好使用!

健康生活計畫已經超過兩個月,每日不間斷的紀錄,持續觀察自己及培養好習慣,並在每一天撥出一小段時間回顧。

使用 Miro 規劃:工作、生涯、目標,長時間規劃

由於工作會跨及許多領域,要兼顧事情比較雜(專案、創作、家教等等)還得考慮未來的發展,每個項目又有各自的目標想達成,有時想著想著就不小心想太多,心思全被拉走。

也發現想像中的規劃無論考慮得多現實,依然會不夠精確,因為在規劃的當下必須要將每個事項的細節都記得很熟,否則很容易就忽略,這樣不僅無法實踐,還會因為規劃不周而必須重新再來。

Screenshot by Jhane Chou

後來我學會運用 Miro 把事項依據不同性質繪製成圖表,劃分權重,分配時間、制定計畫,接著就可以安心去執行。


將沒有益處的想法去除,改變思考模式

如果有紀錄想法的習慣,或許能發現自己都在何處開始鑽牛角尖,當這些想法近乎處於無謂的擔憂時,就能將他歸類在:想太多、沒有益處的想法。

正常情況下,不應讓其他人來判定你是否想太多,而是由自己去發覺,慢慢找出合適的方法來降低想太多的頻率。如何驗證自己真的想太多?對我有用的解法是驗證,驗證完之後,相信自己的感受。

其實這些焦慮,多半來自於缺乏安全感。

沒有益處的想法大多是:

負面情緒

冷靜下來後回想或觀看自己的紀錄,判斷是否為想太多?或當下是因為某個情境、情緒而引起的負面想法。

停在問句

不是為了解決問題,而是瞎操心或無謂的亂想,如果因為擔憂而開始有各種想法,會伴隨著該如何解決問題的思考方向。

避免自己總是停在問句,不要停在「怎麼辦?」、「怎麼會這樣?」,而是將問句作為一個起頭,尋找解決辦法。


選擇合適的工具進行圖表繪製

基本上只要有圖表或流程圖繪製功能的工具皆可使用,如果偏好手寫、手繪,也可以自行繪製。

目前大多使用 Miro 線上白板繪製圖表。

有許多線上軟體都具備「雲端儲存、好管理、可協作」的基本功能,其餘部分我會考量的多半與視覺、體驗有關:

良好的使用體驗

介面的體驗好壞,會大大影響繪製過程的感受。常用到的元件好不好找?畫面的管理及控制是否好用?操作的流暢度等等。

具有高度調整的彈性

有些工具提供的元件設計較單一,能更改的顏色、字型、字體的選擇也少。這些限制對於在視覺調整要求不高的使用者來說,更能專注在內容本身,不會被外觀影響。

而我絕對會被外觀影響,所以每每在選擇工具時,使用體驗及高度調整的彈性,都會成為主要的考量。

完善的對齊功能

這跟上一點的用意很接近,繪製圖表或各個元件,以及不同元件之間的連接線段,我會盡可能對齊排列、整理好,讓畫面看起來清楚好讀。


圖表-日時間軸

日時間軸是在工作最繁忙時,為了減輕心理壓力而繪製的,同時將時間分配進行可視化的動作,優化時間分配,當我的工作量減少以後,時間軸也跟著調整。

時間軸可用來分配一整天的規劃,了解一天理能使用的時間有多少,規劃出更貼近現實的安排,避免「過於理想」。

Screenshot by Jhane Chou

以「小時」為單位的區間

如果把單位劃分的太細,會讓圖表難以一目了然;使用「小時」為單位對我來說是最剛好的狀態。起訖時間可以挑選「起床-睡覺」這兩項,因為在這兩項之間,較少有其他的活動。

時間軸裡不只有工作

除了規劃工作時間,也可以將日常的既定事項,例如起床、就寢、休息、用餐等事項繪製到時間軸裡,並給予工作之外的事項時間多點彈性,例如用餐後可留點時間休息,避免讓自己喘不過氣。

區分不同時段

因為我除了主要的專案執行,其餘都是創作或是其他例行公事。過去都是想到什麼就先去做什麼,容易讓自己失衡或是超時工作。現在會依據當下的狀態進行調配,例如:

時段補充

若某個時段有許多項目需完成,可在該時段下方進行備註、補充。例如在創作的時段內,我希望這段時間可以做的事項有哪些,可能是寫文章、設計主題,或是將家教課程進行優化,而這些事項的占比不會相等,所以也會在項目後方備註大約的產量。

Screenshot by Jhane Chou

而其他的部分為自己想放上的補充或是精神喊話。


圖表-週曆

大約從今年五月初開始,與妹妹開啟共同協作和經營之路,週曆通常紀錄貼文的發文時間、線上週會時間(包含週會例行討論的大鋼)、上課時間等等,提醒彼此每週需完成的項目。

Screenshot by Jhane Chou

圖表-月曆

若有時間較長的專案,我會製作月曆,並將專案中的時程也放置上去。這麼做的原因比起單看報價書裡的條列文字,視覺化的時程更加清楚。

Screenshot by Jhane Chou

想法下放

不論是文字紀錄或繪製成圖表之後,我會練習讓自己想像把「想法下放」讓這些想法交給它們幫我保管,清空思緒,不要怕自己會忘記,重複的事情就不要再往同個地方鑽下去!

我們不能用昨日的思維來解決今日的問題。

讓自己停下來休息,隔一陣子再回來思考,可以激發更多的想法,同時讓工作與生活趨近平衡。另一方面也藉由想法下放的方式轉移注意力,減少過度焦慮及增加安全感


確實執行

有些人在前期規劃好,卻在執行時失敗告終。

這些規劃能達到成效的關鍵是「確實執行」在沒有執行的狀態下,是無法驗證自己的規劃是否可行的,若每次周而復始地反覆,只會越來越感到無力。

持續下去

踏出去之後,或許累了可以休息,害怕可以逃跑,但是請至少堅持一下下。開始看出成效之後,會更願意持續,成就感也會越來越多。

保持彈性

過程中發現任何問題都可以適度調整,隨時保持彈性。

初期會發生設想不周的情形,原本認為這樣的時間調配很完美,執行時卻發現需要花上比預想更多的時間。

大多是經驗不足所造成的(少數可能是能力不足)這時可以適度調整時間規劃,或先把重要的事情優先做完,不要貪心地想一口氣達成全部。


最後的碎碎唸

執行力沒什麼大問題,大多都是被自己的焦慮感影響,適度增加安全感、轉移注意力,讓自己專心於眼前的事物,並放鬆的享受生活。

Design by Jhane Chou

降低焦慮感的關鍵不是紀錄的內容,而是將想法「攤開」與「下放」的動作。

文章同步發佈平台&支持,可前往不同平台進行拍手支持,或透過下方的 Like 讚賞(註冊 Liker 完全免費)讓創作者獲得額外收入!

.MediumMatters
Aesthetics
AE|Parallax Effect 視差效果
精選文章
書評《每一天的覺醒》
Life
2022 上半年健康紀錄及檢查過程
Freelancer
設計報價書升級再進化
Aesthetics
設計資源與參考統整(二)
Aesthetics
設計優秀的作品集
Writing
我為何退訂 Civic Liker 讚賞公民,以及淡出 Matters?
Life
書評《就算要考吉卜力也不能不會畫鋼彈》

Share

工作室網站的第五次大改版?!

工作室網站的第五次大改版?!

迎來 Deerlight 5.0,分享這次改版的心得及宣傳

近期剛完成工作室網站搬遷與重構,歷經多次的網站迭代,有了全新的看法,當然每一次的翻新,都有著不同體驗與進步,本篇將聚焦於本次更新的想法分享,也許能從中得到不同的啟發。


大綱
1. 前言
2. 過去版本及相關資訊
3. 將網站重構的動機
4. 網站頁面介紹
5. 關於作品集 / 工作室網站的用意
6. 最後的碎碎唸

前言

當網站正式上線時,放下心中的一顆小石頭(其實很大)告一段落,轉身忙專案去!


過去版本及相關資訊

這次是第五版的網站,網站排序由舊至新,時間線的感受較順。

1.0|Jun, 2013 - June, 2017

Design by Jhane Chou

網站的最初版本,使用 Weebly 建置,耗費時間無從得知,當時不懂網站,單純將它作為作品集來展示,大多還是把專案介紹外連至 Behance。


2.0|June, 2017 - Mar, 2018

本次版本,使用 Squarespace 建置,耗費時間無從得知。當時完全不懂網站,單純將網站作為作品集來展示,大多還是把專案介紹外連至 Behance。


3.0|Mar, 2018 - Aug, 2021

Design by Jhane Chou

起初為外包製作,使用 Vue + Firebase,製作時間難以估計,因為對方延期加上功能一直都無法完善,受不了而提早結案,我與男友想辦法完成剩餘的部分。

這時期初次認識前端切版及 SASS、PUG,但那時候只是複製跟改寫的程度而已。


4.0|Aug, 2021 - May, 2022

Design by Jhane Chou

使用 Vue + Firebase,約二至三個月完成,特點是前後台皆有開發及串接,首次自行切版及建置網站。

我在這個時期花費約不到幾個月學會前端切版及使用 Sass,忘了是什麼原因捨棄 Pug,且意識到自己原來長時間盯著程式碼會頭痛,也意識到快速且有效的學習關鍵是實作。

在這期間學會 Git 的運用(不過也僅限於這時期~)也發現原來有所謂的開發環境可以使用,當時使用的是 intelliJ IDEA。


5.0|May, 2022 -

Design by Jhane Chou

本次版本,使用 WordPress(Org)+ Cloudways,約不到一個月完成,將網站全局重新分配,並加入部落格。

在前一年學會使用 WP 架站及 PHP 初階運用,原本都運用在專案中,越來越熟練後轉為建置自己的網站。大部分都習慣直接在 WordPress 編輯器開寫,如果遇到需要在不同文件裡寫多種語言時,就會使用 Sublime Text 來編寫,樣式也都是在 Sublime Text 裡編寫,不然會眼花到天荒地老。


將網站重構的動機

主要原因有三項:

  1. 更方便的管理網站及提高客製化的內容
  2. SEO 優化
  3. 將所有相關資訊統整,讓網站成為主要管道

更方便的管理網站及提高客製化的內容

歷經上一版幾乎從無到有的網站建置過程中,許多規劃必須在一開始設想至少八九成,因為我與男友本身對網站的建置就不熟悉,更別說是 Vue 了,需要盡可能降低中途改架構的情況發生。

將網站上線前,需要小心翼翼地檢查每一處,因為每更新一個版本到 Firebase 就是一整包上去,就算只是一個小地方進行修改,也是全部重推。

可能是我們太笨,不知道 Firebase 可以局部更新?

後來開始接觸 WordPress 是在某一次專案中,那時跟著工程師一起處理,因為過程中有幾次會去幫忙改寫,所以稍稍有點概念。接著又自己接了其他 WordPress 的專案,寫了客製化的 Theme,再加上些許文章篩選的程式碼,越來越熟悉其運作模式。

自己寫主題~

可以馬上更新的模式很吸引人,需要回溯時可以使用虛擬主機處理,隨時想改或想強制更新都很方便。

SEO 優化

這算是困擾很久的問題,算是 Vue 本身就有的問題,但是光弄好它就耗費許多時間,不想再花這麼多心力去處理。導致分享網站的時候永遠只會出現原本設定好的一項 Metadata,我想把幾個主頁也設定專屬的 Metadata,因為做不好之餘,還有可能讓網站很肥,所以在上一版捨棄這個部分。

不過在 WordPress 就能解決這問題,藉由插件可做到更彈性的設定,讓我能專注於內容,而不是為 SEO 頭痛。

彈性設定~

將所有相關資訊統整,讓網站成為主要管道

過去在自己與工作室之間的定位來回糾結,所以內容有些分散,這次想把所以資訊都統整在一起,讓網站成為一個滿滿的大平台!

有做出微微的區隔,但都是我的一部分~

Design by Jhane Chou

心心念念的文章也能回到工作室網站的懷抱!不過得慢慢更新過去的文章,至今超過三百篇文章,值得細細挑選,而未來的文章會保持同步更新。


網站頁面介紹

快速介紹每個頁面。

首頁 Home

一進來會是一個文字組成的形象,右下角有個不起眼的影片。

Design by Jhane Chou

首頁往下瀏覽服務領域,藉由滑鼠懸停切換右側內容,其餘內容為精選專案、精選文章、精選商品。

Design by Jhane Chou

專案 Portfolio

專案延續原版設計,搭配 AJAX 篩選。

Design by Jhane Chou
Design by Jhane Chou

同時進行專案介紹內容的更新,內容可依據不同需求有所增減。


關於 About

除了基本介紹之外,更將工作室與我之間的關係說明清楚,關於頁面的最下方為合作流程,簡化為四大步驟之外,並適時放入需提醒的備註。

Design by Jhane Chou

文章 Blog

同步放上文章,舊文章將慢慢更新,新文章則是同步更新;考量文章篇數較多,此頁面有進行不同的設計,依據分類拆分,且於尾段加入頁碼。

文章還是一貫的作風,沒有廣告、完全免費、多管道閱讀的形式,當然還是有一篇文章告知讀者如何透過不同方式支持我。

→ 文章指南&支持作者的方式

Design by Jhane Chou
Design by Jhane Chou

家教 Tutor

目前因忙碌而無法馬上收新學生,但還是會將基本的問題、如何開始等相關資訊置入,並緩慢更新課程介紹!

在網站上架的一個禮拜內,有收到家教詢問,真是太湊巧了,然而我現在沒辦法進一步洽談。

這次較特別的是有將學生的回饋放入,可是、可是!學生給的回饋比我預想的多很多,暫時找不到更好的呈現方式,故完整放入。

Design by Jhane Chou

商品 Store

主要還是販售 LINE 原創主題跟少量的設計檔案,因為 LINE 官方呈現主題的方式是依上架時間排列,沒有其餘的篩選方式,所以在網站中以系列區分主題,讓想要慢慢看、有偏好特定風格的使用者能慢慢觀看。

Design by Jhane Chou

關於作品集 / 工作室網站的用意

不外乎為門面和曝光的管道,比起我慢慢尬、從做出一個拼裝車網站,到自己試圖理解,最後找出適合我的方式,那就是借用平台的服務,並保有足夠彈性程式、樣式編寫。

或許你可從市面上的服務開始,大多都夠用且方便,可以達到相當的效果,省時又省力!

我會選擇這樣的做法,有很大的部分是藉著實際的練習來提升自己的能力,多少能為專業領域加分,比上課學到的更快速。也許花上許多時間,有些吃力不討好,卻從中找到一種歸屬感,隨心所欲地建構,直到滿意為止。


最後的碎碎唸

每一次網站都是大改版,像是與過去說再見,有時會想,這樣會不會很不捨呢?

當下會有一絲不捨,跟過去的階段告別,然而要滿懷喜悅,迎接未來。

文章同步發佈平台&支持,可前往不同平台進行拍手支持,或透過下方的 Like 讚賞(註冊 Liker 完全免費)讓創作者獲得額外收入!

.MediumMatters
Freelancer
設計領域的自我精進與學習態度
Aesthetics
如何創造視覺層級
Freelancer
接案時應避免以口頭或訊息提供報價
Life
書評《少年與狗》
Aesthetics
繪製插圖的感想
Life
做個善良的人,比什麼都重要
Life
基隆海科館與八斗子漁港半日遊
Writing
提升文章質量與收益的策略

Share