UI設計靈感:優秀的APP啟動頁
當你下載一款APP應用的時候,首先映入眼簾的是它的啟動頁面。啟動頁就像是一場預演,用來介紹它能為使用者做什麼和怎麼用。可是這個東西說時容易做時難。Anastasiia Andriichuk明白,用宇航員和熱氣球表現快遞業務會很有表現力。
這是Virgil Pana網站中的設計。看看這些流暢的插畫和生機勃勃的啟動頁,你能不能獲取點靈感?學院派的風格!
頁面中的這些插畫是為一款看似是旅行的APP而設計,它將山放大作為背景,全部圈在同一個大小的圓裡。在設計師Anggit Yuniar Pradito的網站中你會找到更多啟動頁的設計作品和創意。
下面這款APP由Rosario Sarracino and Ivan Paudice設計。這是一款叫做Bemyspot的APP需要展現的一部分,它像是一個購物應用,提醒你發自拍、發現新點子和資源共享。
Sasha Gorosh做了一張迷人而有趣的啟動頁,靈感來源於太空旅行。插畫寥寥幾筆,但卻能時刻讓你感覺到“啟動”。
“原力與你同在!”設計師Anton Chandra從《星球大戰》中獲取靈感,將星球風格做了個大轉變。
Aika用一些線條畫向你解釋瞭如何使用這款APP。你可以通過滑動螢幕啟動應用,或者點選“X”關掉它。
佈局、坡度、插畫和線條在這款APP上的運用簡直是神奇。CTA的按鈕用橘色突出顯示,在深藍色的背景上顯得異類卻很好看。
這裡還有一款設計,使用了極其簡潔的線條和green-eco的主題。為了方便使用,航標放在了頁面底部。這是Martin Strba設計的。
這些插畫提示我們,全世界有很多不同的地方值得我們參觀。這看起來像是旅行導航應用。它簡要描述了地點概況,從而增加應用的吸引力。又一款偉大的作品,來自Anton Chandra。
Faiz Al-Qurni設計的這組插畫和Ghani Pradita的軌道風格很相似,但是也被廣泛接受。
Ivy Mukherjee的這組插畫有趣而富有創造力,然而字小了點,不方便閱讀。不過這依然是一個非常棒的案例,告訴我們為什麼插畫在這類設計中扮演了這麼重要的角色。
我很喜歡這種頁面,它使用了插畫和色彩組合。簡單、分散,卻很有意義。設計師Mariusz Onichowski的作品。
下面是來自Anton Chandra的另一款設計。Anton將太空元素運用到他的設計中,包括這個。
Wayne Baryshev在設計這個頁面時,適當性地用插畫描述了APP的三個特點:速度、運動和友善。
Katya Dihich的目的就是使購物體驗更加流暢。
這個是設計師Anggit Yuniar Pradito的啟動頁作品。它顯示預定已成功,並且不介意使用多種顏色來表達。相當簡潔哦!
說到色彩,Dux Nguyen作品的用色可是相當豐富多彩、色澤豔麗。這些色彩無一不告訴你,你可以和朋友一起用這款APP玩遊戲和閒聊。
像這種有趣的插畫設計顯然會讓啟動體驗更加舒服。如你所想,這螢幕是為花店APP設計的。設計出自Jocelyn Crankshaw,顏色美美噠~
這個為鎖屏設計的啟動頁也適用於提供天氣或者出行資訊的APP。色彩運用得很到位!在設計師Xiu Yuan的個人網站中可以找到更多中式風格的設計哦。
非常有個性的設計對嗎?每一個螢幕都用不同的顏色和以人物為中心的插畫來強調。想必設計師Min一定樂在其中!
George Gao選擇灰色作為主色,吉祥物是一種很溫暖的存在,它出現在每一個螢幕中,使之看起來有良好的延續性。
Ray Martin的這套設計用於社交類APP。梯度元素在Vue上的運用迸發出驚人的效果。有時候,我們在用色方面只需要再勇敢一點。
這是為國際通話業務APP設計的頁面,設計師是Ivy Mukherjee。亮麗的綠色主題讓我想起了WhatsApp。
設計師Anandu Sivan承擔了下面這個APP繪畫和設計的所有工作。插畫作品在頁面上顯得幽默而富有創造力。畫面沒有說明這是個什麼程式,但是繪畫藝術是一個亮點。
看到下面這個你一定會想到吃的。Syafrizal Wardhana的插畫以連續的、循序漸進的方式連線兩個螢幕,這種方式很不錯。
Jinyi Fu提示我們如何將色彩和插畫大膽地結合起來。由於缺少文字說明,它好像還是一件半成品。
我也熱衷於使用Wenhui Yu這種描邊設計。儘管運用明亮的色彩和美妙的插圖的水平一般,但它還是讓人感覺輕盈、簡單。
Wenhui Yu還設計了另外一件作品,作品中用照片代替了插圖。它為年輕的時尚達人而作,設計師也很支援這款應用哦。
一本食譜來了!烹飪方式可不只一種。看到這個設計有沒有讓你想驅車回家研究它的衝動?
Melvin Johnson把人物畫和不同的背景色運用到他的頁面上,同時他自己也提到,當因為最初的構想使設計變得有趣起來時,這將會成為設計的一個理念。
在Carlos Ramos的設計中,插畫變成了配角。儘管圖不大,也很細緻。
當在電腦或者手機裡發現相同的照片時,應用會自動刪除掉重複的。這張歡迎頁讓我們瞭解到APP的功能。Tetiana Zahorska設計這頁面時,背景用色很大膽,而前景圖案則是簡單的白色線條。
感謝您 的閱讀
喜歡請分享轉發給身邊的朋友吧
往期精彩推文:
月薪過萬UI設計正確的學習步驟: ofollow,noindex">http://dwz.cn/1vYyOBEU
課程資源分享:
photoshop精品案例課程一學就會: http://www.ui.cn/detail/384613.html
全套photoshop零基礎人像修飾教程大彙總:
http://www.ui.cn/detail/384613.html
PS精品素材、21款設計常用字型,共15G免費送: