App界面設計風格

APP設計風格是指APP通過主要的幾種顏色搭配、頁面布局和NPC等給用戶呈現出的整體視覺感受。

　　一個APP開始啟動設計時，第一步應該用主要頁面定下整個APP的設計風格，然后其他頁面按著統一的設計風格進行細致的設計美化。統一設計風格能給用戶呈現整體一致的視覺體驗，有利于傳達產品整體的品牌形象;也方便設計團隊制定設計規范，減少設計風格不一致帶來的溝通成本。

　　APP設計風格從視覺效果上至少給用戶傳達了兩個信息：一是APP的整體基調。二是APP的目標人群。

　　微信、QQ界面截圖

　　拿微信和QQ例子來說：微信是黑、綠、白三種主要顏色搭配，中規中矩的布局呈現給用戶穩重、信賴的感覺，更像是成人的溝通工具。QQ默認皮膚是淺藍、淺灰、白三種主要顏色搭配，靈活的布局交互呈現給用戶活潑、有趣的感覺，更偏向愛玩、愛新奇的年輕用戶。

　　為什么同樣是即時通訊社交應用，設計風格差距這么大?這正是由產品的定位和目標用戶決定的。微信口號是“微信，是一個生活方式”，這種大而全的定位，注定微信設計風格要更謹慎和中性化;另一方面據騰訊官方數據統計86%微信用戶年齡集中在18-35歲，90%用戶職業為企業員工、學生，目標用戶也決定了微信設計風格的穩重、成熟和高端化。而QQ口號是“樂在溝通”，定位明確為娛樂化的社交應用，因此QQ設計風格是允許活潑有趣、甚至個性化(用戶可切換多種不同設計風格皮膚);另一方面QQ兼容人群更廣，相對微信來說更年輕、更活潑，如中小學生的忠實溝通工具仍是QQ。

　　原則上產品經理不應該干擾限制設計師的創意和靈感，但產品定位是什么、產品目標人群是誰。以上兩點產品經理在提設計需求之前務必清晰傳達到給設計師。

　　那么設計師出的稿子，如何判斷是不是符合我們產品的設計風格呢?這里要求產品經理必須把設計的常識和基礎原理弄懂，閱讀相關的設計書籍，并且有意識的去體驗和對比各種App產品的設計，提高產品的鑒賞能力。

　　移動APP產品的設計首先應該緊跟業界的主流設計風格：扁平化設計。扁平化設計有明顯的幾個好處：

　　1、界面美觀、簡約大方、條理清晰

　　2、設計元素上強調抽象、極簡、符號化，去除冗余的裝飾效果突顯App的文字圖片等信息內容。

　　3、好兼容pc網站、安卓、ios等不同系統的平臺和不同屏幕分辨率的設備，適應性強。

　　APP產品設計定為扁平化，然后考驗的是設計師界面配色的專業功力了。在設計風格表現上，顏色占據了80%以上的視覺體驗。因此要做好設計風格，主要做好界面的顏色搭配和分布。另外顏色是有情感的，不同的色彩能給于用戶不同的印象和感受，而且不同的人群對顏色偏好也是不一樣的。所以在為APP設計進行配色時，需要考慮不同用戶的喜好和體會配色給用戶帶來的視覺感受。

　　參考：客戶網站分析公司KISSmetrics的調查報告圖表

　　從圖表上看男女都喜歡綠色、藍色，這里也說明微信和QQ為什么分別使用綠色和藍色作為APP重要的配色之一;男女都討厭橙色、褐色。不同的是男喜好黑色，女喜好紫色;男討厭紫色，女討厭灰色。圖表僅供參考，在本人的產品體驗考察來看，在女性的顏色偏好中有著不可撼動的地位卻是紅色、粉紅色。如使用紅色作為主要設計風格的女性app：

　　閨蜜圈、lespark、美啦、美柚界面截圖

　　設計風格的配色除了要注意男女性的喜好差別，還應該重視通過冷暖色彩+明暗亮度搭配表現給用戶的印象和心理感受。詳見《色彩在移動APP設計中的應用》

　　色彩情感：紅色、金黃色、橙色

　　色彩情感：深灰藍、中性灰

　　facebook界面截圖

　　色彩情感：綠色、紫色、青色

　　地鐵跑酷界面截圖

　　配色方案反饋的情感意像

　　總的來說，設計風格是設計起始的第一步，定好了設計風格，后續的設計工作才能繼續安排。要確保設計風格匹配用戶人群的喜好，符合APP的定位以及給用戶傳遞APP正面良好的形象。確定設計風格階段，產品經理和設計師花費再多的時間和精力來折騰也是值得的。

分享名稱：App界面設計風格
當前路徑：http://m.kartarina.com/news3/158953.html

成都網站建設公司_創新互聯，為您提供網頁設計公司、品牌網站制作、ChatGPT、軟件開發、企業網站制作、虛擬主機

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯