APP開發(fā)前端設(shè)計(jì)的審美性、統(tǒng)一性、與易用性的三個(gè)原則。
APP開發(fā)公司認(rèn)為移動(dòng)端店鋪的頁(yè)面設(shè)計(jì)看上去應(yīng)該是美觀、舒適的，這一點(diǎn)毋庸置疑，但美觀、舒適的標(biāo)準(zhǔn)是什么呢？深圳APP開發(fā)公司資深設(shè)計(jì)師提醒，首先，合格的店鋪?lái)?yè)面結(jié)構(gòu)布局應(yīng)該符合人們的瀏覽習(xí)慣，因?yàn)閺男○B(yǎng)成的閱讀習(xí)慣，大多數(shù)人都是按照由左至右、自上而下的順序?yàn)g覽頁(yè)面。這種瀏覽的視覺軌跡稱作動(dòng)線，如圖1-11所示。
根據(jù)動(dòng)線的理論，在設(shè)計(jì)頁(yè)面布局時(shí)，把主推商品、導(dǎo)航和促銷信息等重要元素放在左側(cè)更能引起消費(fèi)者的注意。我們還可以將均分法、黃金分割等構(gòu)圖規(guī)律以及色彩心理學(xué)原理應(yīng)用到頁(yè)面布局和圖片設(shè)計(jì)中，如圖1-12所示。
這些視覺規(guī)律不但可以讓頁(yè)面看起來(lái)更符合大眾的審美觀，配合一些細(xì)節(jié)設(shè)計(jì)，還可以產(chǎn)生視覺暗示和視覺引導(dǎo)的效果。
為了避免視覺疲勞，搶占消費(fèi)者的注意力和記憶力，移動(dòng)端店鋪還應(yīng)具有易于識(shí)別的獨(dú)特風(fēng)格。“風(fēng)格”這個(gè)詞很抽象，可以將其理解為店鋪的整體形象帶給消費(fèi)者的綜合感受。某店鋪利用了極具商品特點(diǎn)的修飾元素，配合貼近民族風(fēng)情的圖片風(fēng)格，將民族風(fēng)的特點(diǎn)充分體現(xiàn)出來(lái)，讓消費(fèi)者留下獨(dú)特印象的同時(shí)對(duì)商品產(chǎn)生認(rèn)同感。
APP開發(fā)關(guān)于移動(dòng)端店鋪視覺的統(tǒng)一性
移動(dòng)端店鋪視覺設(shè)計(jì)中最容易犯的錯(cuò)誤就是設(shè)計(jì)不統(tǒng)一，主要體現(xiàn)在店鋪形象和商品定位不統(tǒng)一，如銷售日韓商品的店鋪卻使用歐美的模特與設(shè)計(jì)風(fēng)格；銷售模塊的風(fēng)格不統(tǒng)一，如上一組模塊是時(shí)尚、清新的風(fēng)格，下一組模塊突然又變成成熟、穩(wěn)重的風(fēng)格；圖片的尺寸規(guī)格不統(tǒng)一，如圖片忽大忽小，不按照視覺規(guī)律排列組合；字體和顏色隨意使用，不但起不到美化頁(yè)面的效果，還會(huì)讓頁(yè)面看起來(lái)雜亂無(wú)章。
提升店鋪形象最有效的方法就是統(tǒng)一設(shè)計(jì)風(fēng)格，在設(shè)計(jì)店鋪效果前首先做好基本元素的設(shè)計(jì)規(guī)范工作，這樣既有利于打造店鋪的整體形象，又為模塊和元素的設(shè)計(jì)提供了參考和依據(jù)。
APP開發(fā)關(guān)于移動(dòng)端店鋪的易用性
易用性的核心是充分考慮移動(dòng)端消費(fèi)者的瀏覽習(xí)慣，在設(shè)計(jì)商品頁(yè)面布局時(shí)從消費(fèi)者的角度來(lái)思考，通過(guò)交互設(shè)計(jì)讓頁(yè)面易懂、易用。如果消費(fèi)者長(zhǎng)期瀏覽某個(gè)店鋪，便會(huì)習(xí)慣其結(jié)構(gòu)和布局，一旦發(fā)生改變，消費(fèi)者在短時(shí)間內(nèi)很難去做習(xí)慣上的調(diào)整。如果頁(yè)面布局和功能按鈕的位置與消費(fèi)者的瀏覽習(xí)慣不符，那么消費(fèi)者不但會(huì)感覺不適應(yīng)，可能還會(huì)因?yàn)檎也坏叫枰哪K或商品類別而離開。移動(dòng)端店鋪的易用性設(shè)計(jì)主要體現(xiàn)在商品類目的劃分、購(gòu)物路徑的優(yōu)化和功能按鈕的設(shè)置三個(gè)方面。
在商品類目的劃分方面，商品類目的劃分層次不要過(guò)多，大量重復(fù)的分類既不能很好地展示商品，還會(huì)讓消費(fèi)者產(chǎn)生混亂的感覺。通常來(lái)說(shuō)，商品類目按照商品的屬性、風(fēng)格和使用效果進(jìn)行分類即可，新品和特價(jià)商品的分類應(yīng)盡量靠前，類目之間最好有明顯的區(qū)分，如圖1-14所示。
圖1-14 類目區(qū)分對(duì)比
在購(gòu)物路徑的設(shè)計(jì)方面，無(wú)論消費(fèi)者瀏覽到頁(yè)面的哪部分，都要能夠方便地進(jìn)入到下一個(gè)目標(biāo)頁(yè)面，并且能夠快速返回到首頁(yè)或是頁(yè)面的頂部，如圖1-15所示。
在功能按鈕的設(shè)置方面，客服按鈕要安排在頁(yè)面最醒目的位置，方便消費(fèi)者在產(chǎn)生疑問時(shí)可以隨時(shí)咨詢。在頁(yè)面合適的位置安排搜索欄，方便消費(fèi)者查找自己需要的商品，搜索欄上還可以設(shè)置關(guān)鍵詞的提醒。為了提升點(diǎn)擊量，可以在主推商品的分類或商品圖上利用按鈕等方式暗示消費(fèi)者點(diǎn)擊，如圖1-16所示。
好了，
深圳APP開發(fā)公司本文關(guān)于“APP開發(fā)前端設(shè)計(jì)的審美性、統(tǒng)一性、與易用性的三個(gè)原則”知識(shí)就分享到這里。如果您需要深圳APP開發(fā)公司定制開發(fā)服裝類APP商城，請(qǐng)聯(lián)系我們網(wǎng)站在線客服或者撥打我們APP技術(shù)客服聯(lián)系電話。為您提供更詳細(xì)的電商APP開發(fā)解決方案。謝謝關(guān)注，博納網(wǎng)絡(luò)編輯整理。
