Skip to main content
search
Terminator Genisys (2015)

Terminator Genisys (2015)

2015 魔鬼終結者的電影海報出來了,超帥...

英文:Terminator Genisys
中國:終結者:創世紀(其實我覺得中國片名詮釋的比較好)
台灣:魔鬼終結者:創世契機

今天在 Mtime 時光網上發現上頭有超多高解析度的電影海報啊,就看到了 2015 年阿諾要回歸的魔鬼終結者,實在是太期待了。出於好奇,連到了它的官網:TerminatorMovie.com

《Terminator Genisys》官網

《Terminator Genisys》官網

Terminator Genisys》官網設計地非常單純,(目前)點進去就是看預告片而已,而右上角提供明顯的 social media 按鈕,讓有興趣的人可以產生「訂閱」的動作,進而確保每一條遞送訊息的管道。我原本以為這類型的電影預告網站應該會在網站中放上更多資訊,建立「官方資訊」的地位,但仔細想想,這樣的資訊內容必定龐雜,以一個 user 不熟悉的資訊架構來看,很有可能會因為覺得資訊量太多,而不想觀看。

這個時候,可以讓 user 選擇想吸收資訊的方式,我覺得是很友善的設計:即把資訊做在 social media 上,及時 update 最新的電影進度。

《Terminator Genisys》的官網設計採 Responsive,其實我覺得現在每一個網站都應該要是 Responsive 了,因為你的手機、平板、筆電、桌機、投影機,甚至電視,幾乎每個螢幕尺寸都是無縫接軌的狀態,在 2015 年,你不可能再說什麼我的網站只針對什麼解析度進行最佳化一樣,因為每個解析度都有一定的 user 使用量,如果你真的硬要挑一個螢幕解析度規格做下去,那麼你可能只滿足 10~20% 的人的使用環境,我們實在不該讓這種事情發生。

以下是針對《Terminator Genisys》Responsive 官網做的元素拆解。首先,它使用了一張靠左對齊的背景圖:

Genisys 官網的背景圖右邊區域上了黑色漸層,用來承載文字訊息,當螢幕尺寸不夠時,黑色的部份即可捨去,版面從右邊開始被吃掉

Genisys 官網的背景圖右邊區域上了黑色漸層,用來承載文字訊息,當螢幕尺寸不夠時,黑色的部份即可捨去,版面從右邊開始被吃掉

 

Logo 就是一張圖片適合放在黑底的去背 PNG,光澤搭配得很好

Logo 就是一張圖片適合放在黑底的去背 PNG,光澤搭配得很好

 

Logo 下方的「Watch the trailer」按鈕以及即將上映的「Reset the future - 2015」字樣,都是使用免費的 Google Fonts Orbitron 字體

Logo 下方的「Watch the trailer」按鈕以及即將上映的「Reset the future - 2015」字樣,都是使用免費的 Google Fonts Orbitron 字體

Orbitron-Matt-McInerney
參見:Google Fonts Orbitron

 

按鈕部分,則是透過一張底圖在 hover 時產生上下移動的效果:
trailer

 

最後,右下角放製作公司 Logo 及法律條文。有了這些結構及元素,在 mobile 上也獲得一致的視覺:

Terminator-Genisys-website-design-5

光看這衝突的海報,不看預告片,就足以讓人期待!

徐仲威

平均四天拍一卷底片的網頁設計工作者,主修科目:Olympus OM、Olympus Flex、Pentax 6x7、Pentax 645、定焦傻瓜相機|個人網站:zeals75.com|公司網站:refine.tw

如果喜歡這篇文章請留言支持!謝謝

Close Menu

不限時的現實動態

2023/10/12 週四 13:13
看起來很閒的我,其實忙翻!

2023/10/11 週三 12:18
別人說「能帶出去的相機,都是好相機」;我說「敢帶出去用的相機,才是好相機」

2023/9/25 週一 15:10
真希望月初趕快來,快不行了。

2023/9/22 週五 15:39
對於單車百岳版面的新設計,還是非常沒有頭緒。

2023/9/21 週四 15:43
準備來蓋一間商店了,來賣海量的底片相機和鏡頭!

2023/9/20 週三 09:18
今天就要把案子階段性做完然後丟出去給客戶看,做完案子就去跑步,今天打算跑得比昨天多五分鐘就好。

2023/9/19 週二 10:52
跑過終點還要繼續跑是最難的。

2023/9/18 週一 10:08
沒有目標的人生,極盡可怕。

2023/9/17 週日 23:29
我很喜歡企劃事情的成就感。

2023/9/14 週四 21:50
加油啊!徐仲威!

2023/9/14 週四 09:59
總是不斷地在推翻自己曾經做過當時覺得滿意的設計,痛苦啊!

2023/9/14 週四 09:56
太久沒做單車百岳的系統,看著資料庫的數據,我跟失憶一樣。

2023/9/13 週三 10:23
如果說毒品的藥效要在一個月後雲淡風輕才發作,那麼我想毒品應該不至於那麼容易使人上癮。

2023/9/13 週三 10:21
如果說幾年前自己的完美主義是 100%,那麼現在應該有所進步了,變成 95% 而已。

2023/9/13 週三 09:16
我有很多歪理:我覺得把攝影成品發在 Instagram 這種社群媒體上,就像在裸奔一樣,你會獲得關注,但不會找到真愛。

2023/9/12 週二 13:49
買完 Pentax 645,應該就不會再買新的相機或碰新的系統了,一切功德圓滿。

2023/9/12 週二 13:16
內湖高昇調整鏡頭手感的技術真是一流,對比之下,我送全◯調整過兩顆鏡頭,兩顆鏡頭手感都不行,不想再給機會了,東西弄不好,再快也沒用。

2023/9/12 週二 09:27
忙翻。

2023/9/11 週一 16:57
決定不架新網站了,直接在部落格開新單元,然後全站語法重寫並優化。

2023/9/11 週一 04:10
EP128,打完收工,終於沒欠任何底片債了,謝謝土地公。

2023/9/11 週一 03:16
最近因為身體欠安,怕半夜咳嗽吵醒家人,於是都睡在家裡倉庫。昨天因為把倉庫打掃了一下,把窗戶的塵封已久的百葉窗重新拉起,讓陽光可以透進來,結果今天晚上睡覺睡到一半自然醒,我以為已經早上了,因為從窗戶透進來的路燈實在太亮了。

2023/9/8 週五 16:00
與其浪費時間在網路上跟別人爭論,還不如花時間在網路上留下有用的資訊給別人。

2023/9/8 週五 10:04
今天還是要努力工作,還是要啦!

2023/9/7 週四 16:24
部落格文章準備進入 EP121 了,剩 8 卷底片沒寫。

2023/9/6 週三 15:36
偶爾也是需要放生客戶的,阿彌陀佛。

2023/9/5 週二 11:21
不知道我網站設計的技能,如果去應徵正職的話會值多少薪水?

2023/9/5 週二 10:38
早知道傷心總是難免的,你又何苦一往情深?

2023/9/3 週日 00:17
決定不做什麼事情,比決定做什麼事情還困難。

2023/9/1 週五 19:06
正在陽台吹風,點燈,點蠟燭,用電腦。