2022-05-25 分類: 網(wǎng)站建設(shè)
APP設(shè)計風(fēng)格是指APP通過主要的幾種顏色搭配、頁面布局和NPC等給用戶呈現(xiàn)出的整體視覺感受。
一個APP開始啟動設(shè)計時,第一步應(yīng)該用主要頁面定下整個APP的設(shè)計風(fēng)格,然后其他頁面按著統(tǒng)一的設(shè)計風(fēng)格進(jìn)行細(xì)致的設(shè)計美化。統(tǒng)一設(shè)計風(fēng)格能給用戶呈現(xiàn)整體一致的視覺體驗(yàn),有利于傳達(dá)產(chǎn)品整體的品牌形象;也方便設(shè)計團(tuán)隊(duì)制定設(shè)計規(guī)范,減少設(shè)計風(fēng)格不一致帶來的溝通成本。
APP設(shè)計風(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è)計風(fēng)格差距這么大?這正是由產(chǎn)品的定位和目標(biāo)用戶決定的。微信口號是“微信,是一個生活方式”,這種大而全的定位,注定微信設(shè)計風(fēng)格要更謹(jǐn)慎和中性化;另一方面據(jù)騰訊官方數(shù)據(jù)統(tǒng)計86%微信用戶年齡集中在18-35歲,90%用戶職業(yè)為企業(yè)員工、學(xué)生,目標(biāo)用戶也決定了微信設(shè)計風(fēng)格的穩(wěn)重、成熟和高端化。而QQ口號是“樂在溝通”,定位明確為娛樂化的社交應(yīng)用,因此QQ設(shè)計風(fēng)格是允許活潑有趣、甚至個性化(用戶可切換多種不同設(shè)計風(fēng)格皮膚);另一方面QQ兼容人群更廣,相對微信來說更年輕、更活潑,如中小學(xué)生的忠實(shí)溝通工具仍是QQ。
原則上產(chǎn)品經(jīng)理不應(yīng)該干擾限制設(shè)計師的創(chuàng)意和靈感,但產(chǎn)品定位是什么、產(chǎn)品目標(biāo)人群是誰。以上兩點(diǎn)產(chǎn)品經(jīng)理在提設(shè)計需求之前務(wù)必清晰傳達(dá)到給設(shè)計師。
那么設(shè)計師出的稿子,如何判斷是不是符合我們產(chǎn)品的設(shè)計風(fēng)格呢?這里要求產(chǎn)品經(jīng)理必須把設(shè)計的常識和基礎(chǔ)原理弄懂,閱讀相關(guān)的設(shè)計書籍,并且有意識的去體驗(yàn)和對比各種App產(chǎn)品的設(shè)計,提高產(chǎn)品的鑒賞能力。
移動APP產(chǎn)品的設(shè)計首先應(yīng)該緊跟業(yè)界的主流設(shè)計風(fēng)格:扁平化設(shè)計。扁平化設(shè)計有明顯的幾個好處:
1、界面美觀、簡約大方、條理清晰
2、設(shè)計元素上強(qiáng)調(diào)抽象、極簡、符號化,去除冗余的裝飾效果突顯App的文字圖片等信息內(nèi)容。
3、好兼容pc網(wǎng)站、安卓、ios等不同系統(tǒng)的平臺和不同屏幕分辨率的設(shè)備,適應(yīng)性強(qiáng)。
APP產(chǎn)品設(shè)計定為扁平化,然后考驗(yàn)的是設(shè)計師界面配色的專業(yè)功力了。在設(shè)計風(fēng)格表現(xiàn)上,顏色占據(jù)了80%以上的視覺體驗(yàn)。因此要做好設(shè)計風(fēng)格,主要做好界面的顏色搭配和分布。另外顏色是有情感的,不同的色彩能給于用戶不同的印象和感受,而且不同的人群對顏色偏好也是不一樣的。所以在為APP設(shè)計進(jìn)行配色時,需要考慮不同用戶的喜好和體會配色給用戶帶來的視覺感受。
參考:客戶網(wǎng)站分析公司KISSmetrics的調(diào)查報告圖表
從圖表上看男女都喜歡綠色、藍(lán)色,這里也說明微信和QQ為什么分別使用綠色和藍(lán)色作為APP重要的配色之一;男女都討厭橙色、褐色。不同的是男喜好黑色,女喜好紫色;男討厭紫色,女討厭灰色。圖表僅供參考,在本人的產(chǎn)品體驗(yàn)考察來看,在女性的顏色偏好中有著不可撼動的地位卻是紅色、粉紅色。如使用紅色作為主要設(shè)計風(fēng)格的女性app:
閨蜜圈、lespark、美啦、美柚界面截圖
設(shè)計風(fēng)格的配色除了要注意男女性的喜好差別,還應(yīng)該重視通過冷暖色彩+明暗亮度搭配表現(xiàn)給用戶的印象和心理感受。詳見《色彩在移動APP設(shè)計中的應(yīng)用》
色彩情感:紅色、金黃色、橙色
色彩情感:深灰藍(lán)、中性灰
facebook界面截圖
色彩情感:綠色、紫色、青色
地鐵跑酷界面截圖
配色方案反饋的情感意像
總的來說,設(shè)計風(fēng)格是設(shè)計起始的第一步,定好了設(shè)計風(fēng)格,后續(xù)的設(shè)計工作才能繼續(xù)安排。要確保設(shè)計風(fēng)格匹配用戶人群的喜好,符合APP的定位以及給用戶傳遞APP正面良好的形象。確定設(shè)計風(fēng)格階段,產(chǎn)品經(jīng)理和設(shè)計師花費(fèi)再多的時間和精力來折騰也是值得的。
分享名稱:App界面設(shè)計風(fēng)格
當(dāng)前路徑:http://m.newbst.com/news3/158953.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設(shè)計公司、品牌網(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)
猜你還喜歡下面的內(nèi)容