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

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

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

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

　　微信、QQ界面截圖

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

　　為什么同樣是即時(shí)通訊社交應(yīng)用，設(shè)計(jì)風(fēng)格差距這么大?這正是由產(chǎn)品的定位和目標(biāo)用戶決定的。微信口號(hào)是“微信，是一個(gè)生活方式”，這種大而全的定位，注定微信設(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口號(hào)是“樂(lè)在溝通”，定位明確為娛樂(lè)化的社交應(yīng)用，因此QQ設(shè)計(jì)風(fēng)格是允許活潑有趣、甚至個(gè)性化(用戶可切換多種不同設(shè)計(jì)風(fēng)格皮膚);另一方面QQ兼容人群更廣，相對(duì)微信來(lái)說(shuō)更年輕、更活潑，如中小學(xué)生的忠實(shí)溝通工具仍是QQ。

　　原則上產(chǎn)品經(jīng)理不應(yīng)該干擾限制設(shè)計(jì)師的創(chuàng)意和靈感，但產(chǎn)品定位是什么、產(chǎn)品目標(biāo)人群是誰(shuí)。以上兩點(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ì)的常識(shí)和基礎(chǔ)原理弄懂，閱讀相關(guān)的設(shè)計(jì)書(shū)籍，并且有意識(shí)的去體驗(yàn)和對(duì)比各種App產(chǎn)品的設(shè)計(jì)，提高產(chǎn)品的鑒賞能力。

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

　　1、界面美觀、簡(jiǎn)約大方、條理清晰

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

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

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

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

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

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

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

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

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

　　facebook界面截圖

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

　　地鐵跑酷界面截圖

　　配色方案反饋的情感意像

　　總的來(lái)說(shuō)，設(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)再多的時(shí)間和精力來(lái)折騰也是值得的。

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

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

廣告

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