任憑網站建設如何高速發(fā)展，以及融入何種高級定制需求，網頁設計、制作及開發(fā)仍然離不開“組件化”規(guī)則。網站組件化不但沒有讓網頁失去靈活性，反而是更加品牌化、規(guī)范化、統(tǒng)一化，最終提高網站建設效率和視覺品質。今天我們重點分享網站建設中啟動畫面Splash Screen組件化的技巧及案例。

我們通常接觸到的企業(yè)網站的組件化有，LOGO, 菜單導航Menu, 搜索及登錄，啟動畫面Splash Screen,主體內容Main, Product產品模塊，注冊或意見反饋表單Registration，簡介概述Profile，添加到購物車Add等等，但凡可以抽取提煉出來作為整站的公共部分，或者類似原型圖設計里的母模版等等，都可當作是組件的定義。

而做企業(yè)官網常常遇到的首頁第一屏內容，通常都是Banner。Banner是一個圖像輪播控件，可作為單獨的一個組件定義，但一般企業(yè)網站很少會有多個欄目頁面都采用同樣的輪播，包含規(guī)格、播放速度等等，通常只是保持了左右切換的按鈕、提示bar等基本的交互統(tǒng)一性，所以Banner嚴格上來說還不能算是一個組件，只能是一個模塊。并且也有不少企業(yè)官網進來的首屏，并非都是一個通欄或全屏輪播的結構，準確的說，應該是所有官網首頁首屏都是Splash Screen——啟動畫面作為開篇。比如：

01.

-

SUSTech School of Design

02.

-

POLLEN

03.

-

Onsysdesign

04.

-

OLAF

05.

-

Graphic Design in China

06.

-

WILD

07.

-

SHARYNCAIRNS

因此，我們總結下來，通常的啟動動畫版式樣式有大概十種左右：

好了，關于網站組件化建設及啟動動畫的趨勢，今天就分享到這，大家喜歡的話請關注設計公眾號或綁定知乎機構號——設計，我們下期再見。