近5 年來(lái)，Single-Page Websites 漸漸開(kāi)始流行起來(lái)。這種設(shè)計(jì)的好處是瀏覽方式單純而直覺(jué)，使用者只需用鼠標(biāo)不斷向下卷動(dòng)，就可以從頭到尾欣賞完整個(gè)網(wǎng)站的內(nèi)容，不需要楞在首頁(yè)茫茫然。

歡迎來(lái)到每週一次的「品味」專(zhuān)欄，在這裡，我分享我所看到的種種美好。

近 5 年來(lái)，Single-Page Websites 漸漸開(kāi)始流行起來(lái)。這種設(shè)計(jì)的好處是瀏覽方式單純而直覺(jué)，使用者只需用滑鼠不斷向下捲動(dòng)，就可以從頭到尾欣賞完整個(gè)網(wǎng)站的內(nèi)容，不需要楞在首頁(yè)茫茫然，面對(duì)一堆點(diǎn)擊不知該從哪裡開(kāi)始。

也由於是捲動(dòng)的情境，很多設(shè)計(jì)師開(kāi)始加入了有趣的創(chuàng)意，無(wú)論是動(dòng)畫(huà)、場(chǎng)景變換、翻頁(yè)等效果，都讓一頁(yè)式網(wǎng)站的瀏覽體驗(yàn)變得更加豐富，讓人一玩再玩，愛(ài)不釋手。

今天為大家?guī)?lái)幾個(gè)我覺(jué)得非常棒的一頁(yè)設(shè)計(jì)，希望能夠給你帶來(lái)些啟發(fā)。

設(shè)計(jì)師 Chris Connolly 個(gè)人網(wǎng)站

chrisconnolly.com 是設(shè)計(jì)師 Chris Connolly 的個(gè)人網(wǎng)站，他用很簡(jiǎn)單的幾個(gè)段落傳達(dá)了他的性格 — 一張低頭微笑的個(gè)人照片代表著沉穩(wěn)的個(gè)性，也傳達(dá)了樂(lè)在欣賞物品 (作品) 的態(tài)度。一張由布魯克林望向曼哈頓橋的照片代表了他居住的 Dumbo 區(qū)，也是紐約新一代創(chuàng)作者最喜歡的區(qū)域。接著他把作品攤開(kāi)來(lái)展示，再用選擇底片的畫(huà)面來(lái)表達(dá)對(duì)工作品質(zhì)的追求，最後放上一張拉花拿鐵的照片，並且註明偶爾也喜歡喝波爾本威士忌來(lái)露出輕鬆的一面。所有的內(nèi)容加上乾淨(jìng)清爽的單頁(yè)式網(wǎng)站，就完成了他的自我介紹。

到此為止，有工作找他的人可以 Email，只是欣賞的人可以在社群媒體上追蹤，一切毫不囉嗦一氣完成，讓人非常欣賞。

電影 Viagem Autonómica 網(wǎng)站

aviagemautonomica.com 是一家位於 Azores (亞速爾群島) 的獨(dú)立製片公司所拍攝的 Viagem Autonómica 電影的宣傳網(wǎng)站，一樣採(cǎi)用場(chǎng)景的切換，帶領(lǐng)使用者一步步進(jìn)入電影的情結(jié)。雖然我看不懂葡語(yǔ)，但這個(gè)網(wǎng)站還是讓我體驗(yàn)到了該部電影的主要精神，再加上預(yù)告片，讓人會(huì)想跟著主角，一起經(jīng)歷他的 Azores 探索之旅。

設(shè)計(jì)師 Ian James Cox 個(gè)人網(wǎng)站

www.ianjamescox.com 用起來(lái)好像在搭雲(yún)霄飛車(chē)，除了驚奇單頁(yè)式網(wǎng)站能夠做到這種程度，當(dāng)然也對(duì) Ian 的製作能力留下了深刻的印象，你們一定要去體驗(yàn)一下。

英國(guó)節(jié)約用水宣導(dǎo)網(wǎng)站

everylastdrop.co.uk 把單頁(yè)式網(wǎng)站的動(dòng)畫(huà)效果做到了極致，是寓教於樂(lè)的最完美示範(fàn)。希望政府相關(guān)單位能夠看看人家的用心，別再盲目的把所有政令宣導(dǎo)都拿去拍街舞 + Rap 了！