沉浸式Web初體驗

2021-09-07 22:36:39 字數 649 閱讀 2770

沉浸就是讓人專注在當前的情境下感到愉悅和滿足,而忘記真實世界的情境。心流理論能有力解釋人們廢寢忘食地投入一件事情的狀態。

心流理論的核心就是說當人的技能與挑戰最佳匹配時能達到心流狀態。比如玩乙個遊戲,如果遊戲太難,遊戲者會感到焦慮;如果遊戲太容易,遊戲者會感到無聊;當遊戲者覺得有能力挑戰遊戲時,才會投入地玩遊戲。

通過怎樣的方式才能達到沉浸式體驗呢?乙個是通過感官體驗,比如座過山車,乙個是通過認知體驗,比如玩遊戲,而同時包含豐富感官、認知體驗時就極有可能創造最佳的心流狀態。

當使用者會花較長時間並集中絕大部分注意力去與產品進行互動時,可以使用沉浸式設計。

在web設計中,如何達到沉浸效果呢?來看幾個例子:

以上,在頁面載入的時候,在內容或選單切換之際都用了動畫,讓使用者對網頁有所期待,感到有趣。當然,動畫效果還可以用來提示使用者,顯示重要資訊,實現選單效果,以及實現滑鼠滾動效果,等等。

以上,通過滑鼠的滾動逐步展示該公司10年來的資料。

我想,在將來,這種互動式的、沉浸式的web會越來越多。

安卓沉浸式狀態列初體驗

初次接觸沉浸式,本文先從純色入手。安卓狀態列沉浸式從大於等於19即安卓4.4開始有了第一種實現方案即使用systembartintmanager window window activity.getwindow window.setflags windowmanager.layoutparams.f...

Android 沉浸式 體驗

首先宣告一下這個叫法應該是不對的,translucent翻譯過來的是半透明效果,不是ios的那種什麼沉浸式 首先要明確1個概念,在android上,沉浸式 叫沉浸式全屏模式以及透明化系統狀態列其實這個也沒啥好說的,不管你是android粉還是ios粉,在日常玩機的過程中,都見過這種介面效果 強調一下...

Android 沉浸式體驗

1 平時我們寫 的習慣都會在專案中設定乙個baseactivity,用來實現一些activity的共有操作,此時正好用到 再baseactivity中的布局中新增乙個20dp的view 狀態列的高度一般就是20dp view的背景色就設定為你的標題欄顏色 2 在baseactivity中將狀態列設定...