全網(wǎng)網(wǎng)站建設(shè)
手機(jī)、電腦...全網(wǎng)通用
全程免費(fèi)升級維護(hù)
免費(fèi)優(yōu)化推廣排名好
<
上一期回顧:小紅點(diǎn)索引導(dǎo)航分段控制網(wǎng)站建設(shè)
框架屏幕/負(fù)載占位符
骨骼屏幕(Skeleton Screen)是近年來流行的加載控件,通常采取在界面上待加載區(qū)域填充灰色占領(lǐng)位圖的形式,與線框的效果非常相似。網(wǎng)站建設(shè)包括了前期網(wǎng)站定位、內(nèi)容差異化、頁面溝通等戰(zhàn)略性調(diào)研,這些確立后,再去注冊域名、租用空間、網(wǎng)站風(fēng)格設(shè)計(jì)、網(wǎng)站代碼制作五個部分,這個過程需要網(wǎng)站策劃人員、美術(shù)設(shè)計(jì)人員、WEB程序員共同完成。網(wǎng)站設(shè)計(jì)涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。不同領(lǐng)域的網(wǎng)頁設(shè)計(jì),網(wǎng)頁圖形設(shè)計(jì),界面設(shè)計(jì),創(chuàng)作,其中包括標(biāo)準(zhǔn)化的代碼和專有軟件,用戶體驗(yàn)設(shè)計(jì)和搜索引擎優(yōu)化。網(wǎng)站制作目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字,圖片(GIF, JPEG,PNG)和表格,都可以通過使超文件標(biāo)示語言、可擴(kuò)展超文本標(biāo)記語言等標(biāo)示語言放置到網(wǎng)站頁面上。而更復(fù)雜的信息如矢量圖形、動畫、視頻、聲頻等多媒體檔案則需要插件程序來運(yùn)行,同樣地它們亦需要標(biāo)示語言移植在網(wǎng)站內(nèi)。骨架屏本質(zhì)上是界面加載過程中的過渡效果。
△ Facebook的Skeleton Screen
Skeleton Screen的由來
Launch Screen
當(dāng)你啟動建設(shè)一個App時,需要從學(xué)生手機(jī)存儲器和網(wǎng)絡(luò)系統(tǒng)加載所需的控件和多數(shù)據(jù),由于我國手機(jī)使用性能和網(wǎng)絡(luò)發(fā)展?fàn)顩r的差異,加載我們需要通過等待時間無法有效避免。為了自己解決問題等待加載過程中不斷出現(xiàn)白屏或者管理界面閃爍造成的割裂感,iOS規(guī)范中規(guī)定把界面控件框架的輪廓做成靜態(tài)圖片用于Launch Screen,把Launch Screen放在企業(yè)用戶點(diǎn)擊啟動App之后和App真正能夠正常工作啟動方式完成國家之間做過渡,從而達(dá)到消滅白屏和界面閃爍,給用戶提供一種App啟動很快的錯覺。
△ Launch Screen
非控制輪廓區(qū)域的內(nèi)容差異很大。
Progress Indicator
如果 Bunch 屏幕持續(xù)的時間要長一點(diǎn),并且用戶正盯著 Bunch 屏幕上的大量空內(nèi)容區(qū)域,他們可能會認(rèn)為應(yīng)用程序已不在 BUG 中,即使應(yīng)用背景正努力加載最新數(shù)據(jù)。因此,我們需要使用進(jìn)度指示器告訴用戶它當(dāng)前正在加載。進(jìn)度指示器分為"活動指標(biāo)"和"Progres Bar",前者是我們非常熟悉的"菊花轉(zhuǎn)"。
△ Activity Indicator和Progress Bar
有了動態(tài)效果豐富的進(jìn)度指示器,用戶會知道我們的應(yīng)用程序不是在竊聽,而是在努力加載數(shù)據(jù),很快就能正常顯示內(nèi)容。
進(jìn)度指示器的設(shè)計(jì)是有充分理由的,但它并不總是能帶來很好的體驗(yàn)。進(jìn)度指示器的到來意味著等待,當(dāng)用戶關(guān)注進(jìn)度指示器時,就好像學(xué)生們在課程結(jié)束前五分鐘盯著時鐘,滴答作響,時間似乎變慢了。我們當(dāng)然不希望我們的用戶對進(jìn)度指示器失去耐心。
骷髏屏幕應(yīng)運(yùn)而生
如果需要我們自己能在加載前把內(nèi)容的大概輪廓預(yù)先展現(xiàn)出來,然后再通過逐步的加載真正的內(nèi)容,這樣既用戶提供一種教學(xué)內(nèi)容以及正在發(fā)展逐漸加載即將開始呈現(xiàn)的期待,降低了焦躁情緒,又使得管理界面加載的過程控制變得更順暢,感官上會覺得比其他加載方式能夠更快。
相關(guān)鏈接:長春網(wǎng)站建設(shè),長春網(wǎng)站制作,長春網(wǎng)站設(shè)計(jì),長春做網(wǎng)站,長春建網(wǎng)站,長春網(wǎng)站公司,長春網(wǎng)絡(luò)公司,http://m.xlyor.cn/
全網(wǎng)網(wǎng)站建設(shè)
手機(jī)、電腦...全網(wǎng)通用
全程免費(fèi)升級維護(hù)
免費(fèi)優(yōu)化推廣排名好