<

網(wǎng)站構(gòu)建的加載位置圖和頁面指示器

上一期回顧：小紅點索引導(dǎo)航分段控制網(wǎng)站建設(shè)

框架屏幕/負載占位符

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

△ Facebook的Skeleton Screen

Skeleton Screen的由來

Launch Screen

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

△ Launch Screen

非控制輪廓區(qū)域的內(nèi)容差異很大。

Progress Indicator

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

△ Activity Indicator和Progress Bar

有了動態(tài)效果豐富的進度指示器，用戶會知道我們的應(yīng)用程序不是在竊聽，而是在努力加載數(shù)據(jù)，很快就能正常顯示內(nèi)容。

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

骷髏屏幕應(yīng)運而生

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

相關(guān)鏈接：長春網(wǎng)站建設(shè)，長春網(wǎng)站制作，長春網(wǎng)站設(shè)計，長春做網(wǎng)站，長春建網(wǎng)站，長春網(wǎng)站公司，長春網(wǎng)絡(luò)公司，http://xlyor.cn/