<ins id="rx5n7"></ins>

    <dfn id="rx5n7"></dfn>

        企業形象網站建設解決方案   |   集團公司網站建設解決方案   |    協會門戶網站建設解決方案
        您所在位置:首頁 > 建站知識

        網站設計

        Website development

        創造富有故事性的網頁,你需要熟悉這7個維度

        發布時間:2017-03-22 10:34:17

        TAGS:網站設計

        熟悉這7個維度.jpgPFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        網站能承載多種多樣的內容,但無論是哪種內容,通常都會遵循一定的信息架構。在這其中,故事是很特別的一種類型。講故事,往往能以更敘事、更情感化的方式,將內容傳遞給用戶。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        一個好的故事,往往始于筆端,但是終呈現,還是要依靠精巧的設計。那么設計是如何講好故事的呢?今天的文章,為你分享一下創造故事的7個維度。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        1、圖片PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngPFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        首先,想要講好故事,要通過設計在視覺上吸引用戶。這一切要從干凈清晰的視覺設計開始。壯美的圖片,有趣的插畫,驚艷的視頻,都會抓住用戶的注意力,并給予用戶第一印象。
        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        在視覺上足夠突出的圖片,搭配以文案,一切開始擁有了畫面感,而故事因此而誕生。從照片到色彩,從文字到細節,故事所傳達出來的信息和氣質,和整個視覺設計應該是保持一致的,而好的故事,能夠帶著用戶一路走過來。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        2、角色PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngPFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        當我們在設計網站的時候,常常會探討用戶本身和故事的角色。在網站的開發過程中,用戶所代表的身份,和呈現在用戶面前的角色,有著怎樣的關系,這是內容和設計上需要探討的關鍵問題。
        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        這個角色可以是一個貫穿整個設計是實體角色,也可以是被包含在視覺和文字內容中的一種“氣質”,或者“腔調”。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        Freddie 公司旗下產品MailChimp 中所創建的視覺形象就是一只有趣的猴子,而這只猴子不僅僅是他們的LOGO,而且這個形象貫穿了整個設計,這個角色為整個產品作出了不小的貢獻:PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        首先,這個形象和公司、產品的名稱相互呼應,也解釋了為什么叫MailChimp。雖然MailChimp 這個生造的詞匯會讓用戶感到迷惑,可是看到猴子的形象,他們能夠很快Get到這個命名的含義。
        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        這個形象還揭示出了這個公司的特色,有趣的設計和獨特的氣質。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        猴子Freddie 本身就代表著故事,它是怎么來的?名字怎么起的?這個形象本身就自帶故事屬性。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        3、互動PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngPFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        引導用戶與內容進行互動,這是設計能帶來的重要價值之一。通過動效和行為召喚(CTA)讓用戶自然地注意到關鍵的內容和重要的控件,引導用戶與之交互,這是為了促使用戶與內容緊交互,參與到這個故事中來。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        想要用戶參與到故事中來的另外一種方式則是視差滾動。它從視覺上鼓勵用戶持續地向下滾動,在保證體驗愉悅的同時,用動態而有趣的視覺設計,強化互動。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        一個好故事并不需要做的太復雜。Humaan 就很直接的借助團隊照片和懸浮動效來講述故事,幫助訪客了解這個團隊的成員。這種設計簡單而有效。(注意懸浮狀態下每個成員姿勢和表情的變化,非常有意思)PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        4、游戲PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngPFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        故事本身的構建可能是麻煩的地方,相反,講述故事反而是簡單的事情。如果你不知道要如何呈現故事,那么不妨將它設計成一個簡單的游戲,為用戶提供一個有趣的聽故事的渠道。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        而借助游戲講述故事的技巧在于,保持簡單和提供獎勵。不論是虛擬的成就徽章,還是優惠券,你要讓用戶從中獲利,才能促進他們繼續聽取你的故事。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        你所提供的游戲并不一定要像Pokemon Go 那樣有趣而好玩,Dropbox 通過完成任務獲得額外的云盤空間,一樣是非常有效的手段。Dropbox 所設定的任務多種多樣,有邀請好友,也有帳號鏈接郵箱,但是無論是哪種,都具有一定的游戲性,達成了一定有獎勵。許多忠誠的Dropbox 用戶都是這么一步一步過來的。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        當然,對于不想玩這些游戲的用戶而言,直接付費一樣可以達成效果。你要讓用戶覺得,不論怎么玩,他們都是贏家。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        5、微交互PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngPFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        如今的網頁和APP設計中,有著大量的動效和微交互。許多社交媒體都樂于使用微交互,因為它們簡單,并且能夠帶來優秀的體驗。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        微交互所帶來的有趣體驗為用戶創造出一個有趣的瞬間。每次保存設置,發送消息,登錄帳號,都會伴隨著好玩而微妙的微交互,以Instagram 中點贊的按鈕為例,用戶在嘗試過之后,對于這種交互會有的沉迷的感覺,樂此不疲。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        有意義的微交互非常重要。就像上面所說的點贊,它是具有功能性的,它給整個產品的體驗帶來了明顯的提升。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        6、敘述PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngPFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        故事的構成大多不復雜,開頭,過程,結局,這三者是絕大部分的故事的三個基本環節。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        如果你需要講述故事,這種公式化的結構其實是容易為用戶所接受的:
        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        開頭:LOGO和標題。讓用戶知道這是什么網站,以及他們為什么會在這里。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        過程:通過陳述內容,展現特殊性。你的網站能給用戶帶來什么不一樣的東西?他們能預期一些什么東西?
        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        結局:行為召喚,呼吁用戶購買,或者訂閱,等等。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        7、簡單PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        blob.pngPFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        雖然這可能會和上面的一條有所沖突,但是故事好還是保持簡單。簡單的故事往往能更快的讓用戶Get到核心信息。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        故事要能夠抓住用戶的注意力,給用戶留下好印象,讓他們成為回頭客。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

         在自己的首頁上就做到了這一點——雖然用戶可以通過滾動,到中間部位查看更多的內容,但是只需快速的掃視開頭,中間和結尾三個部分,就能搞清楚這個故事的全貌。通過視覺設計搭配文字,就能搭建出一個故事的梗概。此外,屏幕上的“參與”按鈕也相當的“誘人”。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        簡單的故事往往更加有效。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯


        PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        結語PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        你在設計故事的時候應該明白,你自己的故事往往更加動人。一個真實的故事,帶有你自己的烙印,講述出來才更容易觸動到用戶。PFG北京網站設計開發,小程序開發,公眾號,微信開發-云智互聯

        原創不易,未經授權,嚴禁轉載

        原文地址:http://www.lizothman.com/i,72,7207,0.html

        客戶評價

        更多+
        • 感謝云智互聯,系統提前完成,在整個項目周期內,云智互聯對待我們并不像是對待客戶,更像是朋友一樣,每一次,都能以專業的角度向我們提出更合理、更有效的解決方案,并快速、細致地完成我們的每一個需求,再次感謝以至誠之心做事的云智互聯團隊。

          潘濤

        • 我是東方龍馬集團,在云智家做了2個企業官網,服務態度超級好。如果想做網站,選擇他家一定不后悔。性價比高,服務態度好。值得你的信賴!

          譚嬌

        • 技術好,設計精良,操作便利,很專業!配套的服務和后續的服務都很好,網站封面堪稱精品,運行方便,后臺操作的簡單。技術還會耐心教我,很好的云智互聯(北京)科技有限公司,建站很不錯的。

          陳曦

        • 不錯,價格比較合適,重點是響應速度蠻快,有什么問題都會馬上給你解決,公司很滿意,因為他們都是針對每個項目建了相應的討論組,有問題可以再里面提出,人員分工到位,解決問題很及時。

          張經理

        聯系方式

        工作時間:10:00-19:00
        咨詢電話:010-64758810
        客服郵箱:net@cnlink.cc

        合作伙伴

        All Rights Reserved.©2010-2016 YZLINK.CN 京公網安備 110105019435 京ICP備14020656號
        本網站設計已受版權保護,任何公司及個人不得復制,違者將依法追究責任,特此聲明。法律顧問:北京市輝瑞律師事務所。
        嘿,我來幫您!
        高H猛烈失禁潮喷A片在线播放,日本久久精品一区二区三区,精品无码综合一区二区三区,在厨房被夫上司强迫BD,一边摸一边添下面动态图,18禁止美女脱了内裤让男生摸,中国老妇女50XX