<

網站構建的加載位置圖和頁面指示器

上一期回顧：小紅點索引導航分段控制網站建設

框架屏幕/負載占位符

骨骼屏幕(Skeleton Screen)是近年來流行的加載控件，通常采取在界面上待加載區域填充灰色占領位圖的形式，與線框的效果非常相似。網站建設包括了前期網站定位、內容差異化、頁面溝通等戰略性調研，這些確立后，再去注冊域名、租用空間、網站風格設計、網站代碼制作五個部分，這個過程需要網站策劃人員、美術設計人員、WEB程序員共同完成。網站設計涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。不同領域的網頁設計，網頁圖形設計，界面設計，創作，其中包括標準化的代碼和專有軟件，用戶體驗設計和搜索引擎優化。網站制作目的就是產生網站。簡單的信息如文字，圖片（GIF， JPEG，PNG）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。而更復雜的信息如矢量圖形、動畫、視頻、聲頻等多媒體檔案則需要插件程序來運行，同樣地它們亦需要標示語言移植在網站內。骨架屏本質上是界面加載過程中的過渡效果。

△ Facebook的Skeleton Screen

Skeleton Screen的由來

Launch Screen

當你啟動建設一個App時，需要從學生手機存儲器和網絡系統加載所需的控件和多數據，由于我國手機使用性能和網絡發展狀況的差異，加載我們需要通過等待時間無法有效避免。為了自己解決問題等待加載過程中不斷出現白屏或者管理界面閃爍造成的割裂感，iOS規范中規定把界面控件框架的輪廓做成靜態圖片用于Launch Screen，把Launch Screen放在企業用戶點擊啟動App之后和App真正能夠正常工作啟動方式完成國家之間做過渡，從而達到消滅白屏和界面閃爍，給用戶提供一種App啟動很快的錯覺。

△ Launch Screen

非控制輪廓區域的內容差異很大。

Progress Indicator

如果 Bunch 屏幕持續的時間要長一點，并且用戶正盯著 Bunch 屏幕上的大量空內容區域，他們可能會認為應用程序已不在 BUG 中，即使應用背景正努力加載最新數據。因此，我們需要使用進度指示器告訴用戶它當前正在加載。進度指示器分為"活動指標"和"Progres Bar"，前者是我們非常熟悉的"菊花轉"。

△ Activity Indicator和Progress Bar

有了動態效果豐富的進度指示器，用戶會知道我們的應用程序不是在竊聽，而是在努力加載數據，很快就能正常顯示內容。

進度指示器的設計是有充分理由的，但它并不總是能帶來很好的體驗。進度指示器的到來意味著等待，當用戶關注進度指示器時，就好像學生們在課程結束前五分鐘盯著時鐘，滴答作響，時間似乎變慢了。我們當然不希望我們的用戶對進度指示器失去耐心。

骷髏屏幕應運而生

如果需要我們自己能在加載前把內容的大概輪廓預先展現出來，然后再通過逐步的加載真正的內容，這樣既用戶提供一種教學內容以及正在發展逐漸加載即將開始呈現的期待，降低了焦躁情緒，又使得管理界面加載的過程控制變得更順暢，感官上會覺得比其他加載方式能夠更快。

相關鏈接：長春網站建設，長春網站制作，長春網站設計，長春做網站，長春建網站，長春網站公司，長春網絡公司，http://m.fbpdx.cn/