網頁設計中的七個維度來設計好網站
網站能承載多種多樣的內容,但無論是哪種內容,通常都會遵循一定的信息架構。在這其中,故事是很特別的一種類型。講故事,往往能以更敍事、更情感化的方式,將內容傳遞給用户。一個好的故事,往往始於筆端,但是最終呈現,還是要依靠精巧的設計。那麼設計是如何講好故事的呢?今天的文章,為你分享一下創造故事的7個維度。
1、圖片
首先,想要講好故事,要通過設計在視覺上吸引用户。這一切要從乾淨清晰的視覺設計開始。壯美的圖片,有趣的插畫,驚豔的視頻,都會抓住用户的注意力,並給予用户第一印象。 在視覺上足夠突出的圖片,搭配以文案,一切開始擁有了畫面感,而故事因此而誕生。從照片到色彩,從文字到細節,故事所傳達出來的信息和氣質,和整個視覺設計應該是保持一致的,而好的故事,能夠帶着用户一路走過來。
2、角色
當我們在設計網站的時候,常常會探討用户本身和故事的角色。在網站的開發過程中,用户所代表的身份,和呈現在用户面前的角色,有着怎樣的'關係,這是內容和設計上需要探討的關鍵問題。 這個角色可以是一個貫穿整個設計是實體角色,也可以是被包含在視覺和文字內容中的一種“氣質”,或者“腔調”。 Freddie 公司旗下產品MailChimp 中所創建的視覺形象就是一隻有趣的猴子,而這隻猴子不僅僅是他們的LOGO,而且這個形象貫穿了整個設計,這個角色為整個產品作出了不小的貢獻: 首先,這個形象和公司、產品的名稱相互呼應,也解釋了為什麼叫MailChimp。雖然MailChimp 這個生造的詞彙會讓用户感到迷惑,可是看到猴子的形象,他們能夠很快Get到這個命名的含義。 這個形象還揭示出了這個公司的特色,有趣的設計和獨特的氣質。 猴子Freddie 本身就代表着故事,它是怎麼來的?名字怎麼起的?這個形象本身就自帶故事屬性。
3、互動
引導用户與內容進行互動,這是設計能帶來的重要價值之一。通過動效和行為召喚(CTA)讓用户自然地注意到關鍵的內容和重要的控件,引導用户與之交互,這是為了促使用户與內容緊交互,參與到這個故事中來。 想要用户參與到故事中來的另外一種方式則是視差滾動。它從視覺上鼓勵用户持續地向下滾動,在保證體驗愉悦的同時,用動態而有趣的視覺設計,強化互動。 一個好故事並不需要做的太複雜。Humaan 就很直接的藉助團隊照片和懸浮動效來講述故事,幫助訪客瞭解這個團隊的成員。這種設計簡單而有效。(注意懸浮狀態下每個成員姿勢和表情的變化,非常有意思)
4、遊戲
故事本身的構建可能是最麻煩的地方,相反,講述故事反而是簡單的事情。如果你不知道要如何呈現故事,那麼不妨將它設計成一個簡單的遊戲,為用户提供一個有趣的聽故事的渠道。 而藉助遊戲講述故事的技巧在於,保持簡單和提供獎勵。不論是虛擬的成就徽章,還是優惠券,你要讓用户從中獲利,才能促進他們繼續聽取你的故事。 你所提供的遊戲並不一定要像Pokemon Go 那樣有趣而好玩,Dropbox 通過完成任務獲得額外的雲盤空間,一樣是非常有效的手段。Dropbox 所設定的任務多種多樣,有邀請好友,也有帳號鏈接郵箱,但是無論是哪種,都具有一定的遊戲性,達成了一定有獎勵。許多忠誠的Dropbox 用户都是這麼一步一步過來的。 當然,對於不想玩這些遊戲的用户而言,直接付費一樣可以達成效果。你要讓用户覺得,不論怎麼玩,他們都是贏家。
5、微交互
如今的網頁和APP設計中,有着大量的動效和微交互。許多社交媒體都樂於使用微交互,因為它們簡單,並且能夠帶來優秀的體驗。
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
javascript閉包的定義及應用實例分析
官方解釋“閉包”是一個擁有許多變量和綁定了這些變量的環境表達式(通常是一個函數),因而這些變量也是環境表達式的一部分。通俗解釋Javascript中所有的函數都是一個閉包。不過一般來説,嵌套的function產生的閉包更為強大,也是大部分時候我們所説的“閉包”。看如下...
-
win2008 ASP顯示500內部錯誤不能顯示詳細錯誤的解決方法
在win2008系統中,有用户遇到這樣的情況:網站後台顯示500內部錯誤,但是卻無法打開詳細的錯誤信息。無法查看詳細的錯誤信息,用户就不能根據具體問題來解決了,這是一件很麻煩的事情。其實用户可以通過修改win2008系統中的IIS設置來顯示這個詳細的錯誤信息。一、造成50...
-
學習JavaScript的7個理由
為什麼要學習JavaScript?學習JavaScript對我們的工作有什麼幫助麼?下面YJBYS小編為大家講解!需求我之所以這樣説的主要原因是,隨着JavaScript的日漸成熟,以及方案變得越來越可行,我們對JavaScript程序員的需求正在持續增長。JavaScript在需求比例上已經超過了C#,僅...