Home Hotel 逸寬文旅官網重構

Home Hotel
逸寬文旅官網重構

CLIENT

Home Hotel

逸寬股份有限公司

SERVICE

Web UI

ROLE

UI / UX

Front End

MORE

Link ✹

PARTNER

Whien Liou / Full Stack

HOME HOTEL 以臺灣製造與臺灣設計為品牌精神的設計旅館,讓飯店化為舞臺,將臺灣品牌的一份用心與堅持,介紹給每一位來訪的旅客。

Deerlight Design 的任務為運用 WordPress 服務重構原官網程式架構,提升瀏覽速度的效能,加入新的需求、功能,並完善頁面中的內容。

More
更多細節

RWD 響應式設計

在設計時規劃彈性的畫面布局,並創造合適的層級區分,適當調整不同元素於畫面中的呈現,在不同的裝置上都能保有良好的體驗。

WordPress 建置

運用 WordPress 建置網站,製作具有彈性的管理後台網站,網站完成交接後,客戶可依據教學文件的指示,自行管理網站。

多語系切換

因應網站觸及全球,規劃具有繁體中文、英文及日文的多語系切換,讓不同語言的使用者,皆能清楚理解網站所傳遞的資訊。

Share

Others Project

我如何成為自由接案工作者?(四)

我如何成為自由接案工作者?(四)

自由接案設計師之經驗談。

近 2019 年附近的自由接案生活。


開始之前

這篇會描述自由接案的各種轉變,以及生活、個人上的新體悟,也算是 2019 年的總紀錄。

先從外部形象說起,漸漸延伸內部的私生活。

雖然偶爾會有類似心靈雞湯的發言,多數時候還是會盡可能道出殘酷的真相,或是沒這麼順眼的部分。


自由接案約:兩年

以為自己已經過了好幾年,其實也才兩年而已。

Design by Jhane Chou / 先前去演講所做的簡報截圖

算下來,光是培養基礎以及到達能夠謀生的程度,將近需要五、六年;其餘的幾年,也未曾停下腳步精進自己。

這世界不斷地更新,要學習的事物太多。


成長

今年有著各方面的成熟,以及各方面的坦然。更大的彈性,卻不比以前隨便,反而知道怎樣執行才能對症下藥。不論那些經驗的好壞,都無法擊倒你,他只會使你更加強大。

我喜歡尼采所說名言(喜歡許多尼采的名言,但不包含喜歡尼采這個人):

That which does not kill us makes us stronger.

那些殺不死我們的,使我們更強大。

也喜歡《Mad Max: Fury Road (2015)》的台詞:

I live, I die, I live again!

有時候越深入,越看見真實的面貌

曾認為某些團隊所產出的作品優質,讓人非常佩服,但是當我真正接觸到該團隊,甚至是與對方合作時,才真正知道背後的種種。

:「我是在教你們,未來的業主也會這樣好嗎?」

難以相信,如此優秀的團隊,提出不合理的要求遭到我方拒絕時,能說出這些的話。當下看見這句話的反應,最多的感觸是錯愕。

:「只要我一句話,那些人就不用在業界生存。」

順從對方,就能夠得到對方賞識,但這之中付出許多犧牲,還有騙自己;當我們不想順從時,若弄得對方不愉快,還要小心被封殺。

雖然我幸運地避開,但這些血淋淋的例子,依然在眼前發生。

本身不喜歡設計界互相拜神的行為,並不是討厭拜神本身,也不是忌妒對方才華洋溢,而是那些刻意的人,寧知道對方哪些部分有待加強,卻拼命將對方捧上天,在背後說著對方有多自大,再看著對方自生自滅的模樣。

我們都知道光鮮亮麗的外表,背後總有不為人知的一面,但是,當我們知道原來那些不為人知的一面,是透過壓榨他人得來的,把功勞攔到自己身上。

可想而知,在這產業中就充滿這些病態,換作更大的環境,更醜陋難堪。

只單看表面是無法評斷一切的,儘管你認為你所知道的部分已經夠多。這些事情依然在各處發生,只是我們有沒有碰見罷了,以及碰見之後,能否安然脫身。

是什麼堆砌了那些美好的假象,我們不知道。但善良的我們,依然相信世上仍有許多好事。

如同許多事物,有壞的一面,就有好的一面

偶爾會慶幸自己能來來去去,與其說冷眼旁觀,不如說是將自己隔絕,只因為討厭這樣的環境,想好好地另起爐灶。

也因為這樣,認識其他也在這領域努力的人,默默地做好本分的人,在有餘力的時刻,互相幫忙。


學習新技能

一直對程式感到痛苦,但是今年的我,終於有些改變!學會寫前端樣式,以及不少程式的知識,對接案有許多幫助。

最棒的部分是「克服對自己很困難的事物」之後便會覺得其他事物,有更高的意願去學習。

另一部分是,了解其他專業,並不是本身所見的簡單,需要花上許多心力與時間,所以當自己發現學習的速度很慢時,別忘了對方當初,可能花了近幾年的時間才學會這些技能。

由衷地尊敬其他專業領域的人。

Design by Jhane Chou / 和男友一起設計的網站截圖,未上線還在內測中

關於收入

這部分在先前文章曾提到過:關於,我在台北生活的開銷與收入

非常非常非常龐大的開銷與支出,到 2019 年尾,我幾乎吃著老本,無法持平。總是被媽媽唸,不懂得存錢和理財。

沒錯,我終於承認就是如此!

在搬到台北租屋之前賺得錢去哪裡了?

過去存了不少錢,最終還是被我花掉三分之一。

食物

對美妝、衣服不感興趣,卻把錢花在「食物」上,出門就想吃好吃的,尤其是那種「賺錢無法好好享受」想法常常影響我的判斷。但是在今年,因為財務吃緊,回歸到不亂買吃的狀態。

醫療

如果說「食物」是慢性消耗,那麼「醫療」大概是直接被爆揍一頓的感覺。一直都不敢讓家裡人知道,花了十幾萬在處理蛀牙,其實是被庸醫坑…。

也算是幸運,因為搬到台北租屋,換了一家診所,反而把蛀牙的問題都處理好,還是有花上幾萬塊,因為上一家診所做的都沒有用,全部重來。


除了自由接案的收入,還有額外收入

專案不可能每月都有,本身也沒辦法太拚,所以收入不多;只能靠其他的平台或方式來賺錢。

有朋友說我的經營方式太低調,不管是工作室或其他。
有些東西必須要有人氣與粉絲,渲染的速度才會快,也有更多的機會買單…
是我過不了我的那道檻。

主題

主題跟貼圖,只有在剛發布時能夠賺錢,過了一週之後就會開始下降至沒有,因為沒有去宣傳,讓他發揚光大。

每個月有幾百塊收入,不知道能持續多久。

原創主題

文章

現在看的這些文章,都是我的其他收入之一;文章的模式比較適合我,本身就有流量能撐,內容也能對讀者有幫助,算是各方都能得到好處的模式。

Medium

也許是追蹤者有基本的量,加上 IG 有宣傳,才能讓他好好活著!


今年印象深刻的事物

蠻多很棒的事物,列不完。

  • 在媽媽生日時,和弟妹做了抽鈔票的機關
  • 臭美結紮
  • 有記憶以來,第一次出國去沖繩,在波上宮抽籤得到大吉
  • 第一次發作蕁麻疹,加上暈針
  • 發現自己開始對蚊子叮咬過敏
  • 聽久石讓現場指揮的音樂會,感動到快落淚
  • 去宜蘭外澳,吃甕仔雞
  • 朋友推薦一家厲害的店,好吃的虱目魚煎
  • 迷上 Fortnite

找到療癒自己的方法

我會對某樣事物鑽牛角尖,也會在半夜的時候想事情而睡不著。

各種,放不下。

在意那些工作內容,在意那些未完成的部分,儘管知道這些事情應該要留到明天再說,依然是想個不停啊!

連玩遊戲都讓自己充滿罪惡感,認為自己是不是不夠努力,浪費時間?

其實花了許多心力才讓自己放下這些想法,靠著聽音樂、看做菜影片、追劇、看迷因成為迷因師、玩遊戲,還有吸貓來轉移注意。

告訴自己,不要急、不要追、不要趕。

越想著要賺錢,就越窮;你越想快,越容易摔跤。想要變快不是學會跑步,而是找到對的交通工具。


工作以外的我

對外的形象是個工作狂,也是個電影狂、追劇狂等等。對於事物的態度有著奇怪的執著,同時也帶著許多矛盾,沒什麼朋友,有些邊緣,但是在自己的世界裡過得很開心。

生活的重心:家人、情人、寵物、工作。

喜歡與人交流,卻討厭社交帶來的空虛感;迷戀男友,也常被說變態。對待寵物也是如此,領養的寵物也跟我一樣莫名其妙。

多數的時候都表現得很自信,卻也會因為小事而生氣。

但是啊,我樂在其中;因為我喜歡自己也愛著自己,更愛著自己所擁有的一切。


奢侈的事物

很少對任何事物感到後悔,每一次的抉擇,都是為了更好的未來。分清楚什麼是重要的,而什麼是虛無的。

許多事物都是環環相扣,當你願意改變一個小環節,便影響你的世界中的一點點。

很感謝身邊的人,不是為了身上的好處而來,將彼此視如己出,我想這是最奢侈的,今年也從社群慢慢淡化,將社群視為一個工具,而不是讓自己變成社群的工具,好好地邁向理想的生活。

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

.MediumMatters
Freelancer
設計領域的自我精進與學習態度
Freelancer
設計報價書升級再進化
Life
開箱|BenQ WiT 螢幕閱讀檯燈
Aesthetics
Flaticon 可商用之 icon 網站
Aesthetics
運用插畫練習,提升設計能力
Aesthetics
好讀的排版指南
Freelancer
我如何成為自由接案工作者?(一)
Aesthetics
醫學符號-蛇與權杖

Share

✍ Medium Usage habits 使用習慣

✍ Medium Usage habits 使用習慣

分享 Medium 平台的使用習慣。

目前已使用 Medium 平台寫作一年,分享我的使用習慣。


幾乎使用筆電(Window)寫文,曾試著使用 APP 寫純文字的文章,但功能有限。我的文章中有不少圖,不適合使用 APP 寫文。

編寫的過程中,有些設定可優化文章,讓文章更容易被搜尋到。

標題(Title)、副標題(Subtitle)、引題(Kicker)

引題(Kicker)、標題(Title)、副標題(Subtitle)

本身的文章類型以分享知識、教學為主,故會盡可能讓內容清楚,降低閱讀者的理解難度;搭配分類,可快速找到站內同類型的文章。

在編寫文章時,設定標題(Title)、副標題(Subtitle)、引題(Kicker),讓他們會呈現與內文些許不同的格式,讓文章的開頭更完整。

格式設定與擺放順序:

  1. H2-引題:通常我會將這塊作為標籤分類的區域
  2. H1-標題
  3. H2-副標題

除了三個完整的一組之外,較常看見「標題」與「副標題」的組合,也可以使用「引題」與「標題」的組合,甚至是只有「標題」的單一組合。

標題格式非強制性,只是為了讓他更好的呈現。
引題(Kicker)、標題(Title)、副標題(Subtitle)
引題 kicker
又稱為標題前之副標、眉題、肩題等等。

安排文章呈現的節奏

將文章分段,在閱讀時有節奏起伏,在一篇文章中,至少會分三個區塊,文章頁首、文章內容、文章頁尾

使用同樣的模式,可讓閱讀者增加記憶點,讓站內的文章閱讀體驗一致,我習慣遵循自訂的基本格式,將文章分成六個區塊。

擺放順序與說明:

  1. 文章頁首:標題、副標、引題(置放文章分類標籤)
  2. 免費連結:開頭會提供免費連結,讓免費會員也能觀看文章
  3. 文章摘要:能先略知文章的內容為何,同時也會被作為文章的描述
  4. 目錄:如果文章篇幅較長,會製作目錄來幫助索引
  5. 文章內容:內容會再依據內容分段
  6. 文章頁尾:電子郵件與文章分類標籤
六個區塊、三個區塊、無分區塊

文章標題 / 副標設定

通常有編寫標題(title)與副標(subtitle)的狀態下,Medium 會自動帶入標題(title)與副標(subtitle),但描述(description)不會自動帶入。

這時可進入 Change display title / subtitle,自行將缺失的內容補足。

可開啟 Change display title / subtitle(步驟1)將描述空缺補完(步驟2)

圖片來源

教學、設計文章的配圖都由自己製作;日常文章配圖則使用圖庫 https://unsplash.com/,並置放圖片的來源、作者等相關資訊。

文章圖片來源呈現截圖

格式:Photo Credit : 作者 on 平台
舉例:Photo Credit : Clifford Yeo on Unsplash


文章內容的撰寫與整理

保有自身的見解與看法,並不時回頭檢視文章內文是否有誤。


關於行動呼籲(CTA)

個人不喜歡在文章中放上 CTA,例如希望閱讀的人拍手,分享等等,關於拍手或閱讀時間等等,只在一篇文章正大光明地說到:文章指南&支持作者的方式

有人批判放這些希望閱讀者拍手的字眼,很像乞討的行為,但我認為這僅僅只是一個宣傳跟呼籲的做法而已(以及自身對於這些字眼的想法)不需要過度對此評論。

有時 CTA 描述的文字不夠恰當時,也會讓人誤會。

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

.Medium
Aesthetics
繪製插圖的感想
Aesthetics
醫學符號-蛇與權杖
Life
影評《鬼莊園 The Haunting of Bly Manor》無雷心得
Writing
✍ Medium Usage habits 使用習慣
Aesthetics
設計適合的介面插圖
Writing
提升文章質量與收益的策略
Freelancer
拓展不同領域,保持學習的習慣
Aesthetics
SQ|使用純 CSS 在 Squarespace 做出偽雙語系導覽列

Share

Coffee, Tea or Me 咖啡、茶,還是我?

Coffee, Tea or Me
咖啡、茶,還是我?

CLIENT

Deerlight Design Studio

SERVICE

Motion Graphic

ROLE

Art Design

MORE

Link ✹

PARTNER

Hao Yun Chung

Sound Design

在咖啡廳初次相遇,享用下午茶,最後墜入情網;用上、下午的時間順序來表現一對情侶相遇到相愛不過半天的時間。反映現代的速食愛情觀及多元愛情,更表達愛是無所不在,不被性別阻礙也不被社會阻礙。

人生短暫,怎知道現在有可能就是命中的那個人呢?

Concept
概念

Coffee

名為距離的咖啡館,從未想過兩杯咖啡的距離,能讓關係從未知數到無限可能。

Afternoon Tea

下午茶延續了上午的相遇情懷,再甜的甜點也敵不過妳的甜。

距離咖啡館

距離在人與人之間產生美的效應,相遇的瞬間、從未知數到知己,如何拉近距離,如何拉遠距離?與一杯咖啡的時光,感受距離的溫度,有可能是一次的怦然心動,又或者是一種出奇不遇。

Share

Others Project

從臨摹開始學習繪畫創作

從臨摹開始學習繪畫創作

學習任何事物,總有那最初的開始。

不論是天才還是平庸之人,學習任何事物,總有那最初的開始。想要學習繪畫或是設計,卻又不知如何開始?

那麼臨摹是一個很好的方法。


大綱
1. 學習並不是無中生有
2. 臨摹是什麼?
3. 不管是不是初學者,都會面臨的狀況
4. 關於練習
5. 關於臨摹作品的程度
6. 臨摹是為了練習以及訓練觀察能力
7. 抄襲
8. 從臨摹到創作
9. 最後的碎碎唸

學習並不是無中生有

「想像力不是無中生有,創意也不是反對規則。」

天下文化

學習設計與繪畫的過程中,初學者常面臨:腦中沒有構想、無法思考、不知從何開始、沒有方向…等等困境。

這時,我會建議先從臨摹(模仿)開始!


臨摹是什麼?

臨摹,就是仿製原作意思;其實維基百科解釋得很清楚:

臨摹是指書法,照片和繪畫等平面二維作品的仿製。臨,是按照原作去寫或畫;摹,是用紙或絹蒙在原作之上寫或畫。臨摹可以是仿製原作,也可以是仿照碑帖。利用紙和墨汁直接從碑帖複製並非臨摹,稱為拓印。臨摹是學習書畫的方法,也可以是為了讓原作得以保存,用作展覽、教育和傳播。但若果臨摹而假冒原作,則可視為贗品

不管是不是初學者,都會面臨的狀況

當我們在繪畫、設計,於實際製作時,知道如何表現想傳達的內容,這階段的我們,在發想時已經在腦中預先做出草稿,比如主角是誰、畫面如何呈現、如何配色、構圖、元素等等。

接下來只是藉由呈現,讓構想視覺化,讓其他人也能看見。

更可能遇到的狀況是:

沒有辦法描繪出從未見過的事物

「我到底要怎麼畫出來?」

我完全明白這樣的感受,因為人沒有辦法描繪出從未見過的事物,完全沒在我們的記憶中留下痕跡,那我們如何陳述他的樣貌?

見過某種事物,卻沒辦法描繪他的細節

沒有深入了解我們所要呈現的事物。

比如說可能看過貓,卻沒有實際畫過,僅憑微弱的印象描繪,可能造成比例不對、肢體動作不協調、神情不對勁、毛髮的流向不順暢…等等,導致最終畫出來的貓,跟實際上想表現的貓相差甚遠。


關於練習

既然如此,該怎麼樣才能把貓畫好?

最實際的辦法是,看著一隻真實的貓寫生,盡可能地將描繪所有眼中所見的畫面。比起看著照片寫生,更建議你看著真實的實體,因為牠在活動的過程中,我們能觀察牠的動作與神情。

「欸?還是好難喔。」

剛開始必定是困難的,不過只要多加練習,就能慢慢掌握。

不過一開始畫動物確實有些難度,一開始我們會先從靜物寫生開始。

靜物寫生

初期會先從靜物寫生開始,練習構圖與抓出物體的位置關係。

水彩靜物小考 / 8 開

現場靜物寫生因為有時間限制,要在短時間構圖、下筆,錯了也沒有足夠的時間修復,可見到許多細節是沒辦法處理好。在這樣的短時間內訓練,卻能達到不錯的效果。

臨摹他人的作品

除了在他人的作品中學習:技法、表現形式、輪廓呈現、光影變化之外,也能增加練習時間的長度,因為每個事物不一定都能在現場作畫,若是遇到這樣的情形,可選擇看著照片來練習。

在高中時,老師將他畫好的作品拍下來,洗成照片,交給每個學生帶回家臨摹。

使用色鉛筆繪製一張靜物圖,需要好幾個小時至一天的時間,所以我們無法待在學校一整天,於是老師才使用這方法讓我們回家練習。
色鉛筆靜物作業 / 8 開

明顯可見長時間的慢慢繪製,可觀察許多細節,也能盡可能呈現所有細節。

參考自己拍下的照片

照片最棒的作用是,讓時間凍結在這一刻。

當我們能力還不足以在短時間將作品完成前,藉由觀察照片轉換成自己的作品,賦予畫面靈魂。

但我們並不是完全照畫照片的內容,事實上,照片只是參考,與臨摹不同。

水彩靜物 / 2 開

我想觀察玉米顆粒的排列組合,於是拍下了不同角度的玉米作為參考。其他靜物則是在腦中已有畫面,才能能自由安排想要的構圖。


關於臨摹作品的程度

臨摹的核心,並不在於「複製」,而是觀察。

完全複製

如果能依照作品,製作出一模一樣的產物,表示已經掌握了技法、表現形式。

有時會戲稱某人是「畫匠」,他能完全仿畫作品,但是這份作品沒有自我的創作思考,沒有個人想法,沒有情境的考量,就如同機械複製。

光是能複製出一模一樣的作品,作畫能力很厲害。但是,作品卻沒有他的靈魂,呈現的樣貌也只是原作的精神。

複製部分,延伸變化

有些人只複製出局部,其餘的部分會開始帶入他的想法,例如改變光影的變化、情境的更換、構圖的改變等等,表示不只掌握技法、表現形式,還懂得運用所學。

本篇文章的封面創作圖,即是參考自己在猴硐實拍的照片所創作,期間也做了不同風格的嘗試。


臨摹是為了練習以及訓練觀察能力

藉由臨摹他人的作品,達到練習與學習的效果。但這並不表示,自己的作品也是使用臨摹來完成,因為這只是提供一個參考的方式,從中得到經驗加以吸收,最後將這些養分轉化成自己的。當我們學習之後,就不需要依靠臨摹,也能憑自身的經驗融會貫通,創造出擁有自我風格和靈魂的作品。

Design by Jhane Chou

當我們面對陌生的事物,最簡易的方式可從臨摹開始,但是時機到了,就必須拋下,讓自己去創造新的可能。

千萬別為了臨摹而本末倒置,例如抄襲。


抄襲

藉由抄襲,來得到各種利益(名聲、錢財、社群關注),甚至是私自讓人以為他是原創。也有部分人雖說是純粹練習,卻公開散布,或是放在自己的作品集中…。

有時候我們很難客觀認定,相似的地方越多,就越讓人察覺到;有些情形是原作的精隨被他人抄襲到自己的作品中,這也會被認為是抄襲,儘管那部分佔原作極小的比例。

反之,也沒有人喜歡自己的作品被他人認為是抄襲。

不同單位的人,對於抄襲的判斷也有不同的標準。加上現代的素養與智慧財產權的觀念提升,越來越多人重視原創。

抄襲與致敬

兩者之間的概念相差甚大,其實最簡單的分辨,就是是否「尊重」原作。

因無法客觀認定,也難怪有人嘲諷道:「抄死人叫致敬,抄活人叫抄襲。」

從臨摹到創作

突破原有的既定印象,真正地創作。

當我們學習、接觸的事物越多的時候,也就能在腦中有更多角度的想法。

有時透過臨摹去學習,才發現自己可能沒有從設計、繪畫基礎學起,或者漏掉了哪些觀念;藉由這樣的方式去彌補自己的不足。

試著多觀察、多學習、多交流、多練習,從這些過程中,不斷學習和吸收,並且持之以恆,相信你會看見你的成長的!


最後的碎碎唸

「你不是沒有天分,你只是不知道如何學習。」

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

.MediumMatters
Freelancer
接案時應避免以口頭或訊息提供報價
Aesthetics
設計作品集規劃建議
Aesthetics
AI|放射狀背景的製作方式
Aesthetics
繪製插圖的感想
Life
DIY 貓貓尿布褲
Writing
提升文章質量與收益的寫文內容
Aesthetics
設計基礎:色彩感覺
Life
關於,我在台北生活的開銷與生活(二)

Share

影評《鬼入侵 The Haunting Of Hill House》無雷心得

影評《鬼入侵 The Haunting Of Hill House》無雷心得

膽小也想看的驚悚影集。

幾乎不看驚悚片的我,一旦記住了恐怖畫面,就會在夢和記憶中一直重現。不得不說,這部片刷新了我對驚悚片的既定印象。

接下來不會放任何劇照(因為我自己會怕~)

小時候看過《斷頭谷》、《鬼影》、《咒怨》還有不少經典驚悚片,每看完一部,可以持續三個月的膽小鬼狀態。

在年假期間,妹妹大力推薦這部片,於是就半推半就地看了第一集,全程摀住視線的三分之一,只看字幕,看完第一集開始欲罷不能…。

以下正文開始。


故事背景

改編自同名小說-雪莉傑克森(Shirley Jackson)的同名著作,僅將小說內容作為故事背景,大幅改編故事。

劇中講述父母帶著五個孩子生活,為了存錢蓋一棟真正屬於他們的家,於是不斷搬家,將房子裝修後轉手賣出去;直到他們買下了著名的鬼屋「希爾山莊」,一家七口搬入後,出現許多怪事…。


推薦原因

顛覆以往驚悚劇的嚇人模式,真正的恐懼不是鬼

雖然嚇人的畫面不多,卻反而變得更可怕,因為它的鬼影都藏在背景裡,會在你不經意的時候瞥見。

《鬼入侵 》看似描述一個鬧鬼的房子,但「鬧鬼的房子」在劇中只是個「背景」而已。更多的故事是所有人物在房子裡的所有回憶。

以往認定鬼的形象多半為:恐怖、嚇人、靈異等等。

但這些都是表象所認知的樣貌。

劇中的鬼,完完全全將鬼的表現提升到新的層次-毫無邏輯、未知、壓抑、心理陰影等等,甚至是所謂的希望,來構成這些「鬼」。

讓人分不出真正的鬼是什麼,還是這些恐懼都只是內心的想像?

巧妙地讓虛實的邊界模糊。

真正的恐懼是鬼嗎?並不是。

會讓你毛骨悚然的,是內心最深層的情感,自卑、困境、害怕不被理解,沒有人相信你,害怕內心期盼的無法達成。


家庭劇

故事的情節是跟隨著五個成年兄弟姐妹而展開的。

如同許多家庭一樣,每個成員用各自認為最好的方式來處理自己與保護其他人,卻總是不盡理想。

童年所創下的心理陰影,更不斷地影響至成長之後。

家庭中的某位成員離世,導致家庭分裂;多年後,另一位成員離世,卻重新將大家聚集在一起。

第六集是本劇最精彩的,從運鏡、劇本、演技皆令人驚艷。

劇中不但描述不好的那面,也讓美好的片段穿插其中,那些回不去的美好,反而成了另一種惡夢。

細膩的情感、家人的羈絆、每個角色的創傷與心理,整部片的核心圍繞在親情與個人之間,從一開始的起點到最終,都是互相環扣在一起的。

我一直以為時間就像一條直線,我們發生的事就像骨牌一樣排列,而骨牌一塊一塊的推進,一直進行著,一天又一天的倒下,從第一塊到最後一塊漫長的排列著。但我錯了,完全不是這樣,我們的時間就像下雨般,或像下雪那樣… 或五彩紙屑— 《鬼入侵》

不同的角色詮釋同一件事情

這手法在許多故事上可見到,但在這部影集會讓人有跟著陷下去的感覺。

透過不同的角色去描述同一件事物,每個角色遇到的盲點與真相都是全貌的部分碎片,隨著我們看見更多角色去詮釋同一件事情,也才能將故事的全貌拼湊出來。

當我們知道來龍去脈以後,任何人的立場也沒有所謂的對錯。

沒有人是至始至終的好人,也沒有人是徹頭徹尾的壞人。就如同我們一樣,有好,也有壞的一面。

時間軸與鏡頭語言

巧妙地從現在與過去之間穿插,並完美地將故事串聯起來。

利用順暢的運鏡動作和微小的共通點,讓人在不知不覺間進入過去的某個時間點。運用其他角色的角度,來補足令人不解的劇情。每個角色說的對白,都呼應某個時期的片段。


《鬼入侵》(The Haunting of Hill House)
Netflix|2018|6+|書籍改編節目|第一季共十集

過去與現在接連閃現,一個破碎的家庭,面對老家嚇人的回憶,以及驅使他們離開的可怕事件。


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

.MediumMatters
Aesthetics
給初學者的學習建議/私人家教介紹
Freelancer
設計領域的自我精進與學習態度
Aesthetics
設計資源與參考統整(一)
Aesthetics
淺談色彩原理
Life
書評《秒睡》
Product
Let’s Draw! Procreate 鬼輻魟繪畫紀錄
Aesthetics
淺談版面設計的觀念
Aesthetics
蒸汽龐克 & 賽博龐克探討與反思

Share

Git|版本控制初學

Git|版本控制初學

讓我們藉由 Git 學習有系統的版本控制

Git 是一種版本控制系統,普遍印象會認為只有工程師在使用,儘管如此,我們還是能藉由 Git 了解版本控制。


大綱
1. 我為何接觸 Git?
2. Git 是什麼 ?
3. 為何要使用 Git?
4. 了解 Git 的版控方式,是為了 …
5. 基本概念

我為何接觸 Git?

有極大的原因是因為自學寫網站(齁齁,網站還沒上線),加上男友是 APP 工程師,自然而然就接觸 Git。

網站的專案包,容量不小,內有數不清的程式碼,反覆修改之後,不可能記住所有的修改,到底改了什麼?萬一,想回到某個版本,或是抽取某段程式碼,沒有 Git 版控的話,只能全部重來。

關於 Git 的其餘描述,請見內文。


Git 是什麼 ?

例如,當我們在寫報告的時候,有時會需要存取多個版本的檔案;更謹慎一點,還會額外備份檔案。

Design by Jhane Chou

Without Git

常見的做法是,使用資料夾,放入每個報告檔案,並且替每個報告檔案命名,命名可能是版號或是日期,讓檔案們具有基本的版本控制,未來能快速找到對應的版本。

但是,檔案的整體容量會隨著版本的增加,變得越來越龐大。

With Git

藉由 Git 來做出主幹,再由主幹發展分支,像是樹狀的生長方式。你可以利用 Git 隨心所欲地回到不同的版本,甚至是將 B 版本的內容,合併至 A 版本中。

Git 與 GitHub 不同,不要搞混囉。

為何要使用 Git?

Design by Jhane Chou

何謂有系統的管理?

  1. 能見到目前版本與先前版本的差異在哪
  2. 能回復到某個版本
  3. 能將新的功能分支出來,並在功能完成時合併回去
  4. 可利用 Git 和遠端儲存庫進行多人分工

將開發中的功能建置一個分支來進行開發,再為不同的功能建置新的分支來進行開發,完成後再合併回主幹,藉由這樣的方式達成多人分工,還能保持程式碼品質。


了解 Git 的版控方式,是為了 …

倘若今天我只會某種固有的知識,那做法永遠一成不變,無法因應不同的情況。又或許,聰明的你,已經知道許多好的做法,只是沒找到好的工具來幫你達成。

而 Git 就是好的工具之一。


基本概念

為了能好理解,盡可能紀錄最簡單的描述。

add & commit

將本次修改的內容進行 commit(提交),使用 add 告知 Git:哪些內容需要被提交上去?

  1. git add . ( . 的意思是給全部),若是指定的檔案,則是 git add <檔案>
  2. git commit -m “<自定義訊息>” 提交時撰寫本次提交的訊息,方便未來管理
加入 -m 是為了可以使用指令提交訊息,因為 commit 必須要寫提交訊息才可以提交。
commit 必須是檔案有變動才能 commit。

add 這個指令是讓檔案先加入到待提交的狀態;commit 則是提交。

add & commit 的概念有點像買衣服,把確定會買的衣服放在櫃台,跟店員說先幫我留著(add);最後都確定之後,一起結帳(commit)。

branch

分支是將目前的支幹複製一份分支出去,分支(branch)可用來做備份或是做新的開發。

分支的概念和單機遊戲的遊戲紀錄很像,當遊戲進度需要保存時,會需要走到存檔點存檔,下次開啟遊戲時,可選擇讀取檔案繼續遊戲。

當然,存檔可以存好幾個不同的進度,像是第一章破完有人會習慣存檔 01,第二章破完會存檔 02,在不同的章節做個紀錄,之後可能遇到想回去拿某個章節的彩蛋時,就不用再將遊戲重玩。

Design by Jhane Chou

假設我們將存檔 01、02、03 欄位各視為分支 branch

在存檔 01 時存入新的進度,如同一個 commit 提交;若繼續在存檔 01 的欄位繼續存檔覆蓋,等同於再加上一個新的 commit 提交。


接下來是一些軟體的補充。

Git Bash

一開始從 Git Bash 使用 Git(←被某人強迫)直至現在。

Git Bash 截圖

IntelliJ

intellij 是我目前編寫網站程式碼的軟體,它內建 terminal(終端機?)也可以在這裡使用 Git,有時候,懶得開啟 Git Bash 的時,會直接使用 terminal。

其實開啟 Git Bash 是多餘的,只是習慣了。

intellij 截圖

SourceTree

如果你不想使用終端機,你可以使用 SourceTree,SourceTree 提供了 GUI 的管理界面,可直接在軟體內管理。

重點是:他!免!費!

SourceTree,很少開啟,因目前使用到的功能,在 intellij 都有。

SourceTree 截圖

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

.MediumMatters
Freelancer
2022 年 LINE 主題創作者問答
Freelancer
設計領域的自我精進與學習態度
Product
Let’s Draw! Procreate 鬼輻魟繪畫紀錄
Life
在一起的 3271 天
Aesthetics
運用插畫練習,提升設計能力
Aesthetics
流程圖 Flow Chart 繪製
Aesthetics
AI|解決 illustrator 輸出尺寸誤差
Aesthetics
PS|設計光影灑落 Mockup

Share