品味:让人爱不释手的「单页式」网站

摘要: 近 5 年来,Single-Page Websites 渐渐开始流行起来。这种设计的好处是浏览方式单纯而直觉,使用者只需用鼠标不断向下卷动,就可以从头到尾欣赏完整个网站的内容,不需要楞在首页茫茫然。

Ian James Cox

歡迎來到每週一次的「品味」專欄,在這裡,我分享我所看到的種種美好。

近 5 年來,Single-Page Websites 漸漸開始流行起來。這種設計的好處是瀏覽方式單純而直覺,使用者只需用滑鼠不斷向下捲動,就可以從頭到尾欣賞完整個網站的內容,不需要楞在首頁茫茫然,面對一堆點擊不知該從哪裡開始。

也由於是捲動的情境,很多設計師開始加入了有趣的創意,無論是動畫、場景變換、翻頁等效果,都讓一頁式網站的瀏覽體驗變得更加豐富,讓人一玩再玩,愛不釋手。

今天為大家帶來幾個我覺得非常棒的一頁設計,希望能夠給你帶來些啟發。

設計師 Chris Connolly 個人網站

Chris Connolly

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

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

電影 Viagem Autonómica 網站

Viagem Autonómica

aviagemautonomica.com 是一家位於 Azores (亞速爾群島) 的獨立製片公司所拍攝的 Viagem Autonómica 電影的宣傳網站,一樣採用場景的切換,帶領使用者一步步進入電影的情結。雖然我看不懂葡語,但這個網站還是讓我體驗到了該部電影的主要精神,再加上預告片,讓人會想跟著主角,一起經歷他的 Azores 探索之旅。

設計師 Ian James Cox 個人網站

Ian James Cox

www.ianjamescox.com 用起來好像在搭雲霄飛車,除了驚奇單頁式網站能夠做到這種程度,當然也對 Ian 的製作能力留下了深刻的印象,你們一定要去體驗一下。

英國節約用水宣導網站

Every Last Drop

everylastdrop.co.uk 把單頁式網站的動畫效果做到了極致,是寓教於樂的最完美示範。希望政府相關單位能夠看看人家的用心,別再盲目的把所有政令宣導都拿去拍街舞 + Rap 了!

以上就是今天分享的好東西,希望你們喜歡。

 

本文系作者 林之晨 授权钛媒体发表,并经钛媒体编辑,转载请注明出处、作者和本文链接
分享到:

第一时间获取TMT行业新鲜资讯和深度商业分析,请在微信公众账号中搜索「钛媒体」或者「taimeiti」,或用手机扫描左方二维码,即可获得钛媒体每日精华内容推送和最优搜索体验,并参与编辑活动。

林之晨
林之晨

也名Mr.Jamie,appWorks 之初創投合夥人,Android爱好者。Jamie 現居住於台北,育有一子,平常的興趣是打籃球、高爾夫球、電影和閱讀。

评论(10

  • forever红玛利亚 forever红玛利亚 2013-03-23 00:46 via weibo

    //@钛哥儿: 我以前做的网站最开始也是单页式,后来给改了。#原来单页式才是stylea !!!!#

    0
    0
    回复
  • 黄 宽 黄 宽 2013-03-22 23:17 via pc

    Most hipster designers love that shit, especially those live in Brooklyn. LOL

    0
    0
    回复
  • xuyichao xuyichao 2013-03-22 21:27 via weibo

    宪政梦就是把各地高法院长都捧成省长、书记。各地领导人在当地呆一辈子,县长乡长都从各法院院长中指定,宪政成为终身蒙,皇帝公检法轮流坐,改革红利全体分,卖地的钱,房地产、煤矿、石油、天然气、税收,然后年年进贡,互相间嫁儿嫁女成为姻亲,交给QQ满网跑很快,公检法都用QQ联系实现起来快易实现

    0
    0
    回复
  • 钛哥儿 钛哥儿 2013-03-22 17:51 via weibo

    我以前做的网站最开始也是单页式,后来给改了。#原来单页式才是stylea !!!!#

    0
    0
    回复
  • 公民湘body 公民湘body 2013-03-22 16:52 via weibo

    我的爱写字站点也算是单页式网站了,不过内容没有这篇文章里说的那么具有艺术感,主要是发布自己写的文字,一页一篇,http://t.cn/zjkC41S 有一段时间没有更新了

    0
    0
    回复
  • black17号1990 black17号1990 2013-03-22 16:46 via weibo

    //@钛哥儿: 我以前做的网站最开始也是单页式,后来给改了。#原来单页式才是stylea !!!!#

    0
    0
    回复
  • 六流成水 六流成水 2013-03-22 16:22 via weibo

    大道至简

    0
    0
    回复
  • 依可洛奇 依可洛奇 2013-03-22 08:46 via weibo

    内容过于冗长,读者会有耐心一口气从头拉到尾么,当然了,最好非文字表达,否则就跟百度百科一样啦

    0
    0
    回复
  • 猪肉馒头里的馅是山贼 猪肉馒头里的馅是山贼 2013-03-22 08:31 via weibo

    决定了,个人网站一页式吧!#装媒体的人要以身作则做装媒体的事#

    0
    0
    回复
  • 訫哉烟L 訫哉烟L 2013-03-22 08:24 via weibo

    孤陋寡闻者表示:长见识了!

    0
    0
    回复

Oh! no

您是否确认要删除该条评论吗?

分享到微信朋友圈