App界面設(shè)計(jì)風(fēng)格

APP設(shè)計(jì)風(fēng)格是指APP通過主要的幾種顏色搭配、頁面布局和NPC等給用戶呈現(xiàn)出的整體視覺感受。

　　一個APP開始啟動設(shè)計(jì)時，第一步應(yīng)該用主要頁面定下整個APP的設(shè)計(jì)風(fēng)格，然后其他頁面按著統(tǒng)一的設(shè)計(jì)風(fēng)格進(jìn)行細(xì)致的設(shè)計(jì)美化。統(tǒng)一設(shè)計(jì)風(fēng)格能給用戶呈現(xiàn)整體一致的視覺體驗(yàn)，有利于傳達(dá)產(chǎn)品整體的品牌形象;也方便設(shè)計(jì)團(tuán)隊(duì)制定設(shè)計(jì)規(guī)范，減少設(shè)計(jì)風(fēng)格不一致帶來的溝通成本。

　　APP設(shè)計(jì)風(fēng)格從視覺效果上至少給用戶傳達(dá)了兩個信息：一是APP的整體基調(diào)。二是APP的目標(biāo)人群。

　　微信、QQ界面截圖

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

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

　　原則上產(chǎn)品經(jīng)理不應(yīng)該干擾限制設(shè)計(jì)師的創(chuàng)意和靈感，但產(chǎn)品定位是什么、產(chǎn)品目標(biāo)人群是誰。以上兩點(diǎn)產(chǎn)品經(jīng)理在提設(shè)計(jì)需求之前務(wù)必清晰傳達(dá)到給設(shè)計(jì)師。

　　那么設(shè)計(jì)師出的稿子，如何判斷是不是符合我們產(chǎn)品的設(shè)計(jì)風(fēng)格呢?這里要求產(chǎn)品經(jīng)理必須把設(shè)計(jì)的常識和基礎(chǔ)原理弄懂，閱讀相關(guān)的設(shè)計(jì)書籍，并且有意識的去體驗(yàn)和對比各種App產(chǎn)品的設(shè)計(jì)，提高產(chǎn)品的鑒賞能力。

　　移動APP產(chǎn)品的設(shè)計(jì)首先應(yīng)該緊跟業(yè)界的主流設(shè)計(jì)風(fēng)格：扁平化設(shè)計(jì)。扁平化設(shè)計(jì)有明顯的幾個好處：

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

　　2、設(shè)計(jì)元素上強(qiáng)調(diào)抽象、極簡、符號化，去除冗余的裝飾效果突顯App的文字圖片等信息內(nèi)容。

　　3、好兼容pc網(wǎng)站、安卓、ios等不同系統(tǒng)的平臺和不同屏幕分辨率的設(shè)備，適應(yīng)性強(qiáng)。

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

　　參考：客戶網(wǎng)站分析公司KISSmetrics的調(diào)查報(bào)告圖表

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

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

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

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

　　色彩情感：深灰藍(lán)、中性灰

　　facebook界面截圖

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

　　地鐵跑酷界面截圖

　　配色方案反饋的情感意像

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

分享名稱：App界面設(shè)計(jì)風(fēng)格
當(dāng)前路徑：http://www.bm7419.com/news3/158953.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計(jì)公司、品牌網(wǎng)站制作、ChatGPT、軟件開發(fā)、企業(yè)網(wǎng)站制作、虛擬主機(jī)

廣告

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