個人網站怎麼做?這些“不務正業”的設計亮了|這個設計了不起

設計師 鼠標 平面設計 Google 好奇心日報 2017-05-22
個人網站怎麼做?這些“不務正業”的設計亮了|這個設計了不起

「這個設計了不起」的微信公眾號上線啦,直接搜索「BestDesign」或是「Qthings」就可以訂閱,關注我們每日發現的新鮮好設計。

除了作品本身的質量之外,個人網站的設計也決定了設計師能否吸引到潛在的客戶。儘管有時會引發是否炫技過猛以至於喧賓奪主的爭議,越來越多的作品頁面開始在互動感上下功夫,期待人們能夠停留得更久一點。本週的推薦就是這些想讓你邊看邊玩的設計。

Nick Jones

Nick Jones 是一位現居美國北卡羅來納州的自由設計師,除了平面設計之外,他還經常參與網頁和 app 的開發項目。為了更好地展現這些跨領域作品,Jones 打造了一個相當具有實驗性的個人主頁:每個頁面的佈局都是根據斐波那契螺旋線進行劃分的,當你下拉或是進行跳轉瀏覽時,頁面也會隨之旋轉。如果你細心觀察,還會發現每一頁的瀏覽作品鍵上還有一個會跟隨鼠標位置移動的小眼睛,使整個網站看起來就像是 Jones 打造的一個隱祕空間。這個炫酷的網站在上線後很快就獲得了大量關注,不過也有不少人批評它過於花哨,惹人分心。考慮到這種交互可能會誘發暈眩等不適症狀,Jones 還額外設計了一個下拉後不會旋轉的基本版,你可以通過第一頁提供的鏈接進行跳轉。

個人網站怎麼做?這些“不務正業”的設計亮了|這個設計了不起

Carly Ayres

既然我們會用 Google Docs 處理工作文檔,為什麼不直接用它來展示自己的作品呢?紐約設計師 Carly Ayres就直接把儲存在雲端的文檔改造成了一個簡潔的個人主頁,儘管訪客並不能修改頁面上的內容,他們仍然可以通過自帶的評論功能在網站上留下一筆。

個人網站怎麼做?這些“不務正業”的設計亮了|這個設計了不起

HAWRAF

如果你喜歡挖掘網頁裡的彩蛋,美國設計公司 HAWRAF 的網站是個會滿足你好奇心的地方。整個頁面就像是一張平鋪的卷軸,混雜著手寫的文字、選項、圖標,甚至互動遊戲,訪客可以用化作一支筆的鼠標在任何地方進行塗鴉。即便 HAWRAF 只展示了四件作品,人們依舊可以通過這些有趣的互動感受到這個團隊的創意有多豐富了。我們之前介紹的 Carly Ayres 正是公司的合夥人之一,不過和她的文檔網站不同的是,你在 HAWRAF 的頁面上留下的塗鴉都會在刷新後自動清除。

個人網站怎麼做?這些“不務正業”的設計亮了|這個設計了不起

Jérémy Vitté

作為一名藝術指導兼平面設計師,現居巴黎的 Jérémy Vitté經常為各類雜誌和書籍操刀封面設計。為了更好地展現這些實體作品,Vitté 並沒有將它們整齊地排列在個人主頁上。當你打開白色背景的頁面往下滑動時,一幅幅作品縮略圖就會相當隨性地浮現出來,就像是鏡頭從擺滿雜誌的咖啡桌一端移動到了另一端一樣。

個人網站怎麼做?這些“不務正業”的設計亮了|這個設計了不起

WANNA

來自日本仙台縣的 WANNA是一間負責網站開發的設計工作室,第一次打開它的官方頁面時你或許會因為鼠標掃過文字時產生的亂碼和顏色詭異的矩形感到困惑。當你用鼠標在這些矩形上稍作停留就會發現,這些矩形會以鼠標所在位置為重心傾斜,然後再展示出每個項目的真實面容。和直接將出品網站列在頁面上相比,這種利用配色勾起人們好奇心的方式要有趣許多,亂碼本身也像是設計師埋下的小彩蛋。

個人網站怎麼做?這些“不務正業”的設計亮了|這個設計了不起

Timo Becker

對德國插畫師 Timo Becker來說,只是單純展示自己之前做過些什麼未免太過單調。這位玩心十足的藝術家在空白的首頁中央巧妙地安置了 7 個小點,吸引著訪客用鼠標玩一場連線遊戲。當你完成後,它們會自動變成一段由圖案衍生而成的動畫,就像是一件由你和 Becker 共同完成的作品。

個人網站怎麼做?這些“不務正業”的設計亮了|這個設計了不起

相關推薦

推薦中...