如何打造運營設計中打動人心的情景體驗

2022-09-21 19:33:09 字數 1852 閱讀 6422

編者按:參與感一詞最近很火,也是打動使用者乙個非常有效的表現手法,今天阿里的同學從這個角度聊聊如何設計網頁,利用空間法則、抽象法則和換角度法則給使用者更多的愉悅感和融入感,非常有料的一篇教程,來漲姿勢吧。

遇到的問題

在設計運營類需求時,我們採用的比較常規的設計形式是先設計乙個漂亮的頭圖然後再將資訊內容進行排版填充,當遇到頁面中的文字元素比較繁冗時,大量內容的堆砌不僅很容易讓使用者瀏覽時產生疲勞,而且設計師在這個過程中也會容易陷入在傳統框框裡無法突破,在設計時感到枯燥乏味、越做越無趣。平時採集設計靈感時我們會注意到現在很多優秀的運營設計已經不僅僅侷限於常規的形式,而是越來越注重整體畫面給使用者帶來的更多愉悅感及融入感。怎樣突破常規,讓頁面在形式及情感上更吸引使用者是我們設計師值得思考的問題。

什麼樣的設計形式能更有趣、更容易打動使用者?運營設計主要表現手法之一就是通過製造情景來渲染主題氣氛。對「情景」的理解一層指場景、環境;氛圍有了,那試試再增加一些情緒上的感染和共鳴把,「情景」的另一層就是指人物,情節,景物喚起人的程式設計客棧情緒和內心境界。製造情景體驗一方面是把頁面資訊放置到貼近生活的真實環境中,讓畫面符合主題並且非常直觀,另一方面能引導使用者展開想象,喚起某種記憶,讓使用者有身臨其境的感受。

使用者不僅作為乙個看客,還能以第一人物的視角參與到畫面中,讓使用者迅速置身場景中,帶動情緒,引發使用者興趣去完成後續操作。這裡總結出一些打造情景體驗的具體方法及例子幫助大家去設計更有意思的運營頁面:

空間法則

空間感的渲染能讓人更有「身臨其境」的感覺,這種方式主要根據主題模擬真實場景,再通過整體透視的構圖使畫面呈現立體空間感,增加畫面衝擊力強,一下子吸引把使用者代入到氛圍中。我們來看幾個例子:

以上的例子都通過空間打造增加畫面代入感,畫面的氣氛和現實生活中的場景極其相似,使用者很容易被吸引到氣氛中。需要注意的是這種立體場景的搭建對素材及整體層次的控制力要求比較高,在設計的時候需要先搭建大的畫面關係,再往裡頭添細節和內容,同時也要注意不要讓場景搶了內容的視覺焦點,在適當的時候還需要做些減法。

抽象法則

不同於上面提到的逼真空間搭建方法,這種設計方式雖然也是選取現實存在的物件,但是需要提煉乙個可以將內容資訊巧妙的融合串聯的承載容器構建出主體輪廓,然後再將內容填充到輪廓裡面。這種形式能夠讓使用者一眼就能了解到一些資訊,同時又能貼合主題很好地傳達情景氛圍,讓頁面生動更有趣味性,特別適合一些節日主題的運營頁面。

把內容放到盒子裡或者一封情書中,頓時就產生了親切感,抽象的主題通過實體顯性化地表達出來,第一眼就能明白主題。這種方法需要選取合適的現實元素並對其高度概括,注意將形狀盡量精簡強調,避免太具象,程式設計客棧適當地捨棄一些繁瑣的、不程式設計客棧必要的元素,以免影響閱讀的內容。

換角度原則

除了還原真實場景,角度的不同也會呈現不一樣的形式和感受,千篇一律的規則視角會難免讓頁面顯得單調平庸。不妨試試模擬真實生活中的視角,我們來看幾個例子:

這些例子往往是我們生活中很熟悉的情景卻容易被忽略,工作中俯視看到正在寫作的區域,對頁面的傾斜還原最真實的狀態;吃飯時關注自己盤子中食物的角度,親切的視覺感受令人置身其中,感染力非常強。同樣的元素主題往往變換一下畫面視角的方式能巧妙的打破常規構圖的呆板並不落俗套,讓頁面輕鬆活躍。同時真實的場景一下次拉近了和使用者的距離,也很容易和使用者內心產生共鳴。不過變換角度可能不太適合文字正常閱讀,要注意文字排版保證流量的舒適性。

區域性突出法則

我們常常看到很多電影海報的設計中會擷取某部分的方式作為的重心集中表現,最大化也是最突出,以小見大來引起注意,同時「猶抱琵琶半遮面」的方式製造更多懸念,引起觀眾興趣及思考。具體運用在運營設計中又是怎麼做的呢?我們來看幾個例子來體會其中的設計思路。

以上的例子都是通過擷取區域性來吸引眼球,這種某個區域性特徵被放大強調的方式推翻我們常規的視覺習慣從而讓感情集中強化,視覺充滿神秘感瞬間抓住了使用者的眼球,頁面的目的也就達到了。這種方法可以多從電影、攝影中借鑑手法,通過特殊的視角打造出精彩的畫面。

小結

抖音賬號如何打造運營?

當然了,每個人運營賬號都是為了後期的變現做準備,那麼首先是否熟悉抖音呢?比如,賬號註冊,認證,定位,如何的來布局,怎麼才能避免防止封號,預防限制流量,什麼樣的內容才是非常受歡迎的呢?抖音內容的製作,你知道最怕的是什麼嗎?如果你不知道耐心往下面接著看 首先既然做了抖音,那麼就不要急功近利。一口吃不了胖...

產品設計如何打動使用者

拿破崙曾說過 只有千瘡百孔的部隊才是戰無不勝的,這句話也許有些絕對 或者說是被中國的雞湯廚師們斷章取義了 但那些裝備精良 旗甲鮮明,在戰場上排著近乎完美的整齊方隊的部隊卻屢屢被拿破崙的大炮肆意屠戮,卻至少證明了 過於追求完美的部隊,是會吃敗仗的。在電影 亮劍 裡,某師長被俘後非常不服氣地和李雲龍說 ...

如何打造豐富 充滿呼吸感的網頁設計布局

人類千人千面,但怎麼長都不會偏離骨骼。因此,保持了內在的堅固恆久性,外表就一齣戲,相對自由式的進行視覺想象編結。布局排版說來很容易,無 非就是整理好網頁的元素清單,然後一一放上版面即可。其實就因為自由搭配的方式千差萬別,我們總為最好解決方案心懸一線,其實最後的結果又馬馬虎虎。優秀的排版是構圖 配色 ...