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

林之晨

林之晨

· 2013.03.22

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

播放 暂停

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

00:00 03:27

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 了!

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

 

本文系作者林之晨授权钛媒体发表,并经钛媒体编辑,转载请注明出处、作者和本文链接
想和千万钛媒体用户分享你的新奇观点和发现,点击这里投稿 。创业或融资寻求报道,点击这里

敬原创,有钛度,得赞赏

”支持原创,赞赏一下“
那只猫已转身不见 一潭浑水 钛粉59301 钛粉14259 钛粉55117 钛粉96933
378人已赞赏 >
378换成打赏总人数378人赞赏钛媒体文章
关闭弹窗

挺钛度,加点码!

  • ¥ 5
  • ¥ 10
  • ¥ 20
  • ¥ 50
  • ¥ 100

支付方式

确认支付
关闭弹窗

支付

支付金额:¥6

关闭弹窗
sussess

赞赏金额:¥ 6

赞赏时间:2020.02.11 17:32

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

    2013-03-23 00:46 via weibo
  • 黄 宽 黄 宽
    回复
    0

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

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

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

    2013-03-22 21:27 via weibo
  • 钛哥儿 钛哥儿
    回复
    0

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

    2013-03-22 17:51 via weibo
  • 公民湘body 公民湘body
    回复
    0

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

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

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

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

    大道至简

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

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

    2013-03-22 08:46 via weibo
  • 决定了,个人网站一页式吧!#装媒体的人要以身作则做装媒体的事#

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

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

    2013-03-22 08:24 via weibo

Oh! no

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

注册邮箱未验证

我们已向下方邮箱发送了验证邮件,请查收并按提示验证您的邮箱。

如果您没有收到邮件,请留意垃圾邮件箱。

更换邮箱

您当前使用的邮箱可能无法接收验证邮件,建议您更换邮箱

账号合并

经检测,你是“钛媒体”和“商业价值”的注册用户。现在,我们对两个产品因进行整合,需要您选择一个账号用来登录。无论您选择哪个账号,两个账号的原有信息都会合并在一起。对于给您造成的不便,我们深感歉意。