1、做好信息傳達,貼近用戶心理
啟動圖標是壹個工具、壹個符號、壹種溝通手段。啟動圖標設計的精確與精致,能夠提升移動端應用軟件的吸引力。設計師可以根據自己的經驗,理解功能需求,確立符號圖像,也可以將想法在搜索引擎中查找相關含義,收集大量詞語到圖形之間轉化的視覺元素,表達功能信息。
貼近用戶的心理模型最好,用常見的視覺元素來表達所要傳達的信息,例如:音樂符圖形、放大鏡圖形就經常在音樂類、查詢類應用圖標中出現。
2、要運用隱喻,註意色彩的運用
在圖標設計中隱喻是必要的思維方法,特別是在對抽象事物進行理解和表述的過程中起到了重要作用,在具體設計中,設計師要對抽象概念先進行描述,然後提取出關鍵詞,再使用字典或網絡來檢測關鍵詞與抽象概念間是否具有同壹性。
其次,啟動圖標色彩要明快多彩,但色彩的數量也不要太多太雜,只要能使圖標在顯示屏幕中可以與任何背景對比明顯,可被用戶立即識別就好。
以上就是環球青藤小編關於APP啟動圖標的設計要點的相關分享,希望對大家有所幫助,想要了解更多相關內容,歡迎關註本平臺!
案例——APP啟動頁B612把首頁首先加載狀態圖作為啟動頁面,當在主屏幕上點擊B612圖標時會立即顯示上面這個啟動圖像。真正啟動後界面會把視頻及細節顯示出來。
優點:遵循ios建議,盡量讓用戶不去感知頁面的存在,“無縫”進入到應用中去。
缺點:啟動頁較為單調,不易變通,少了為品牌宣傳及獲取更多商業價值的途徑。
美柚、順豐速運、滴滴出行,利用品牌性質,加強用戶對品牌的直觀印象,拉近應用與用戶之間的距離。均包含三大要素:LOGA、品牌名稱、Slogan。
啟動頁簡約,品牌展示型也是用的較多的啟動頁類型,是任何app啟動頁設計均可采用的方式。上述三個app均為白底,美柚和滴滴出行要素均位於底部,純白色背景,需要時可流暢無縫變通設計成擴展定制型,為需要的功能或活動做推廣宣傳。
品牌展示型啟動頁面對於產品而言,可以提高它們的知名度,很好的起到了宣傳的作用。在做這類頁面時,要註意風格的搭配,不要太突兀,影響了產品整體的視覺效果。如果沒有商業需求,有品牌名稱和LOGO就足夠了,代入感也強,不會犯錯。
這三個較前面幾個品牌展示型app,啟動頁更為豐富。飛豬根據app內容特征,在啟動頁底部增添了類似地球的元素,表示世界之大,有壹定情懷性;百果園app利用新鮮甜美的水果作為背景,也跟自身內容很好結合,讓人看了垂涎欲滴,也是利用啟動頁起到了宣傳引人購買的作用;百度地圖則將其圖標放大置於中心,更清楚明了,也讓用戶感覺定位精準的含義。
根據app內容增添元素可帶用戶更好的認識理解品牌,加強用戶對品牌的記憶,或增加情懷,同時達到潛在目的,但要與app整體效果搭配,不要喧賓奪主、造成混亂。
推廣宣傳型的變招,普通啟動頁和推廣宣傳啟動頁的結合。在APP啟動界面出現後,再次疊加壹張頁面,通過對第二張頁面的定制達到想要的效果。
此類啟動頁視覺要銜接、色彩搭配,否則就會像硬廣告、突兀。如QQ音樂用了漸變效果,視覺銜接性更強。而智聯招聘、婚禮紀的整個色彩也能承上啟下,比較搭配,讓用戶不會過於反感。
品牌頁加入了定制語言,讓人內心平靜,有閱讀情懷;同時運用了動畫,使畫面更銜接流暢,但由於運用動畫,啟動速度相對較慢。
全面K歌品牌型用的白色,app主頁面也是白色背景,而推廣宣傳則不同。同樣,愛奇藝品牌型用的黑色,app主頁面也是黑色,而推廣宣傳是大紅色背景。色彩上不能承上啟下,給用戶就是硬加廣告,突兀閃屏的感覺。
啟動頁面使用意境化啟動頁,引起情感上的***鳴。音樂本來就要走情懷,酷狗音樂品牌頁上用了很多人聽演唱的背景,暗含音樂背後的力量,表達音樂能深入人心,亦能凝聚人。
信息強調型更加註重自身APP的宣傳,壹般為某壹功能或特點的認知加強。酷狗音樂利用啟動頁強調5.1全景音效功能,為app功能做了宣傳,依舊用藍色背景作為過渡,有承上啟下作用。
運用了動畫,畫面較流暢,使得廣告植入不那麽生硬,用戶接受度會相對較高。但缺點是容易拖慢啟動速度,等待時間較長。
如何設計APP軟件圖標每壹個iOS應用都會以壹枚APP啟動圖標的形式展現給使用者,它能傳達應用程序的基礎信息,並能夠給用戶帶來第壹印象感受。它能直接引導用戶下載並使用應用程序。UI設計人員有時設計出來的圖標看起來很炫,但是投入市場後卻得不到用戶的認可,點擊率很低,這其中的原因很多,單從視覺設計的層面講,如何提升APP軟件圖標的視覺效果從而提升點擊率已經成為每壹個UI設計人員都應該考慮的問題。
壹、APP軟件圖標的視覺設計
1.視覺設計要符合平臺開發的設計規範性
——不同的應用平臺往往會產生截然不同設計結果。了解學習平臺開發規範,磨刀不誤砍柴工。例如蘋果移動平臺和Windows_Phone_7移動平臺的視覺規範就有很大不同。
2.視覺設計要找到***性,抓住個性
——分析了解同類的APP軟件及各自圖標設計的定位,找到設計方向的***性及其自身軟件的獨特個性。在itunes裏搜索軟件關鍵字會發現有很多相似的圖標。從搜索結果中不難發現,那些APP軟件圖標會吸引用戶的關註。
3.視覺設計要力求設計表現的完整性
——明確任務,大膽設計;簡化設計元素(主圖形、輔助圖形),突出設計主題;層次分明,不刻意追求質感。
4.視覺設計要遵循橫向、縱向比較的統壹性
——設計好圖標後,放在同類別APP圖標中,去審視自己設計的圖標是否能夠抓住用戶的眼球;有時不同平臺會產生不同的視覺效果,某些系列化的APP軟件產品更需要通過比較來分析產品的統壹性。比較之後可以有針對性的微調、預調,但不要隨便更改設計意圖及表現形式。
5.視覺設計要保持設計過程的連續性
——隨著軟件版本的升級,APP軟件圖標也應該在產品升級的大背景下有所體現。比較好的做法是有計劃有組織的視覺遞進式改進。
二、APP軟件圖標的設計方法
2.重視APP圖標視覺設計的層次感,質感表現恰到好處。
3.在APP圖標的視覺設計過程中不要浪費壹個知名品牌的現有的元素。
4.在設計過程中運用直接了當的文字內容表現隱喻的設計主題。
5.在設計過程中運用行業標準圖形或主題圖像概括主要內容。
6.在設計過程中最大限度的激發用戶的好奇心。
三、設計APP軟件圖標時容易出現的問題
1.陶醉於無意義的視覺質感,主題重點本末倒置。
2.APP軟件啟動圖標主題元素與軟件內容脫節,缺少關聯。
3.在設計過程中胡亂使用文字表達主題。
4.設計方案裏的圖像元素在不同平臺、不同尺寸下的視覺呈現存在明顯差異,看不清所要表達的主題。
5.APP軟件圖標給用戶的視覺感受“粉”“灰”“模糊”。1、色彩方面:簡單特別的圖案有助於icon脫穎而出。慎重使用顏色不要打翻調色板,有時候甚至壹兩種顏色就已經足夠了。
2、試著去只用壹個標識或者字母去完成icon吧,Ness,Pocket,Vine,Snapguide和Pinterest都是成功的案例。
3、保持創意創意是脫穎而出的好辦法。
4、完成了壹個icon之後,不要忘了在各種顏色的桌布上測試icon的顯示效果。另外也不要忘了將icon放在資料夾中測試壹下顯示效果。最後,在使用者的設備上,icon會以不同尺寸出現,設計者需要確保icon在所有尺寸下看上去都很舒服。
5、在老款的屏幕只能提供16位標準色彩。新款屏幕的色彩深度和光滑度則要更好,但不同款屏幕之間的差別也大。基於此,設計師應優先為原始16位色彩的設備設計Logo,以保證Logo在所有設備上都能良好顯示。APP圖標應與品牌的全尺寸Logo有所關聯。壹些設計師將這定義為“視覺易辨認性”。保持概念簡潔。在小型設備上,復雜的設計不可取。