任憑網站建設如何高速發展,以及融入何種高級定制需求,網頁設計、制作及開發仍然離不開“組件化”規則。網站組件化不但沒有讓網頁失去靈活性,反而是更加品牌化、規范化、統一化,最終提高網站建設效率和視覺品質。今天我們重點分享網站建設中啟動畫面Splash Screen組件化的技巧及案例。
我們通常接觸到的企業網站的組件化有,LOGO, 菜單導航Menu, 搜索及登錄,啟動畫面Splash Screen,主體內容Main, Product產品模塊,注冊或意見反饋表單Registration,簡介概述Profile,添加到購物車Add等等,但凡可以抽取提煉出來作為整站的公共部分,或者類似原型圖設計里的母模版等等,都可當作是組件的定義。
而做企業官網常常遇到的首頁第一屏內容,通常都是Banner。Banner是一個圖像輪播控件,可作為單獨的一個組件定義,但一般企業網站很少會有多個欄目頁面都采用同樣的輪播,包含規格、播放速度等等,通常只是保持了左右切換的按鈕、提示bar等基本的交互統一性,所以Banner嚴格上來說還不能算是一個組件,只能是一個模塊。并且也有不少企業官網進來的首屏,并非都是一個通欄或全屏輪播的結構,準確的說,應該是所有官網首頁首屏都是Splash Screen——啟動畫面作為開篇。比如:
01.
-
SUSTech School of Design
http://designschool.sustech.edu.cn
02.
-
POLLEN
https://pollenlondon.com/
03.
-
Onsysdesign
https://www.onsysdesign.com
04.
-
OLAF
https://olafhussein.com/
05.
-
Graphic Design in China
http://gdc.sgda.cc
06.
-
WILD
https://wild.as/
07.
-
SHARYNCAIRNS
http://www.sharyncairns.com.au/
因此,我們光龍網絡總結下來,通常的啟動動畫版式樣式有大概十種左右:
好了,關于網站組件化建設及啟動動畫的趨勢,今天就分享到這.