后來自己做啟動頁的時候,也只放了一個圖標(biāo),客戶說看看能不能用別的方式,然后我就去研究了一下,看看到底啟動圖有多少種做法。
1.圖標(biāo)
第一種就是我們最常見的,也是啟動圖成本最小的一種方式,圖標(biāo)直接往上面咔咔一放,就像下面這種:
但并不是所有的都是白色底哦,有一些會使用全屏色塊的形式,比如這些:
這樣的沖擊力會比較強(qiáng),但也需要注意,顏色別整太刺眼了,那樣會看著很難受的。
2.solan
有一些平臺會宣傳自己的使命、價值等等,比如最常見:
知乎: 有問題就會有答案
貓眼: 娛樂看貓眼
糗事百科:快樂你就不孤單
效果圖如下:
這其中,有些修了字體,有些做了排版等等,當(dāng)然他們并不是只放solan,頁面下方還是會放上圖標(biāo)。
這種突出價值、使命的方式也是非常不錯的,也是啟動圖常用的一種表現(xiàn)形式。
3.插畫
接下來的方式是突出插畫,用自己的形象延展一些好看的插畫,比如咸魚:
再比如躺平:
再比如唱吧:
等等,這種方式會讓品牌更加生動、豐富,一張好看的插圖會讓用戶印象深刻。
4.圖形
圖形是在app設(shè)計體系內(nèi)非常重要的一個元素,比如我們圖標(biāo)本身就是一個圖形,像qq這種,讓其圖形外輪廓與一些效果相互結(jié)合:
達(dá)到一種沖擊較強(qiáng)的效果,以此來凸顯圖形本身。
再比如,我們還可以利用圖標(biāo)來延展圖形,就像uc頭條鹿角延展出的圖形:
或者像moo music延展出兩個圓形,表達(dá)星球的含義:
用圖形延展做啟動圖,有一個很重要的優(yōu)勢,那就是設(shè)計感很強(qiáng),讓用戶感覺很高級很舒服!
5.圖片
還有一種方式就是利用圖標(biāo)來做啟動圖,一般會使用這種方式的,基本都是產(chǎn)品本身比較注重“圖片“這個元素,比如像健身啊、交友啊、設(shè)計類產(chǎn)品啊等等,希望通過圖片(比如異性圖片,高質(zhì)量作品)來吸引用戶。
比如ui中國的啟動圖:
再比如陌陌的啟動圖:
6.3D
現(xiàn)在3d這么火,3d的設(shè)計表現(xiàn)形式肯定是少不了的,比如下面這些:
都是用了3d的表現(xiàn)手法,而且我覺得以后可能會有越來越多的產(chǎn)品選擇這種形式,來增加沖擊力和獨(dú)特性!
總結(jié)
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)