1. 猴哥筆記首頁
  2. 自媒體投稿

網頁會把你當成孩子一樣給你講故事

有情節的事物總能讓人們更容易的記住,在網頁設計中也是如此。故事性網頁設計并不是只有通過視差滾動效果來體現情節這一種方式,比如單純的用圖片傳達一系列有關聯的信息、以網站吉祥物角度講述網站的發展歷程和簡介、用一些個性化的方式傳遞原本比較枯燥乏味的內容、以及比較常見的時間軸設計等,這些都屬于故事性設計的范疇,現在是不是覺得故事性網站其實無處不在呢?

有情節的事物總能讓人們更容易的記住,在網頁設計中也是如此。故事性網頁設計并不是只有通過視差滾動效果來體現情節這一種方式,比如單純的用圖片傳達一系列有關聯的信息、以網站吉祥物角度講述網站的發展歷程和簡介、用一些個性化的方式傳遞原本比較枯燥乏味的內容、以及比較常見的時間軸設計等,這些都屬于故事性設計的范疇,現在是不是覺得故事性網站其實無處不在呢?
以下是AnyForWeb為大家搜集的比較典型的故事情節性網頁設計,并且都附上了鏈接,但可能緩沖較慢,請大家耐心等待。

1.Netizen

Netizen是一個提供互聯網和計算機服務的機構。Netizen網站的功能很簡單,只是對企業的服務范圍做了個概括性的介紹,并且為有意向的客戶提供一些基本的聯絡方式。正是因為在實際用途上比較簡單,所以要在網站的設計上花一些心思,這樣才能吸引到用戶的注意力。如案例中所示,門打開后的景象隨著頂部導航的切換而產生效果。
14090170115567

2.?OpZoek Naar Een Hoorn

Op Zoek Naar Een Hoorn的網站完全由一個有情節的連環畫貫穿而成,直到網站底部才顯現出真正的目的。這種做法的好處在于,讓用戶能專心的看完整個過程,并且融入故事情節,對企業實現最終目的也會有一定的幫助。
14090170245354

3.?I am astronaut

I am astronaut是一個介紹性的網站,主要目的在于為大家普及一些關于宇航員的大事記。這個網站不僅用效果實現了故事性,也同時采用了時間軸的邏輯順序,讓用戶您呢過清楚直觀的了解所表達內容。
14090170666633

4.?game insight

Game insight是一個游戲軟件公司。網站中,由視差滾動效果組成的小情節的確很吸引人。根據網站主人公的表情變化,展示了不同的需求和宣傳角度。
14090170811241

5.?Rit-team

Rit-team也是一個看起來比較流暢的網站,畫面中的小汽車隨著鼠標的滾動漸漸的向前行駛,將用戶帶入網站中的每一個部分。這樣的效果不僅創意十足,更是讓用戶帶著滿滿的好奇心瀏覽整個網站。
14090171128294

6.?Shibui

Shibui是一個果汁宣傳網站,設計師根據每種水果的不同顏色,為網頁各自制定了不同的主色調,再加以動感活力的變換效果,讓整個網站看起來充滿了生命力。
14090171247407

7.?Artem&JuliaWedding

Artem&Julia Wedding是一個個人定制的婚禮網站,網站利用視差滾動效果將兩位主人公的戀愛全過程完整的描述出來。由于網站的個人紀念性質的網站,因此,在設計風格和情節設計上都體現了比較多的個人色彩。
14090171335623

8.?meet the pros

meet the pros是Double Tree旗下的品牌推廣網站。這是一個超長的網頁設計,從一開始的日程安排列表到之后的相關人物介紹,每一個片段都訴說了不同的故事情節,滿足不同用戶的不同需求。
14090172076390

9.?EveryLast Drop

Every Last Drop是一個英國很著名的宣傳節約用水的公益網站。網站從頭至尾描述了一位普通上班族忙碌平常的一天生活,情節很貼近大多數人的生活狀態,因此讓宣傳的本質內容更有感染力。
14090172264564
猴哥筆記合作、推廣、報道請加猴哥助理微信:houge6788

本文來自投稿,不代表猴哥筆記立場,如若轉載,請聯系QQ 405375506 侵權必究,本文地址:http://www.797936.buzz/1778.html

發表評論

電子郵件地址不會被公開。 必填項已用*標注

聯系我們

 

英超直播在线观看360