APP開發(fā)公司關(guān)于設(shè)計(jì)效果圖時(shí)的注意事項(xiàng)。APP開發(fā)手機(jī)上的APP可以說是種類繁多，也非常方便，只有你想不到的需求，沒有APP開發(fā)公司開發(fā)者做不出來的功能，所以說APP的用途非常之廣。但其實(shí)在app的開發(fā)和測(cè)試的過程中，要做的事情往往比人們想的要多得多
。APP開發(fā)公司下文就為您介紹app開發(fā)在設(shè)計(jì)過程中都要經(jīng)過哪些步驟，注意哪些事項(xiàng)。
(1）設(shè)計(jì)師在設(shè)計(jì)效果圖的時(shí)候，最好按APP適配的最小尺寸設(shè)計(jì)布局，且在文字顯示區(qū)域放的字符個(gè)數(shù)就是實(shí)際要顯示的最大字符個(gè)數(shù)，這樣很容易發(fā)現(xiàn)控件顯示區(qū)域不足的問題。如在電商APP中，最長(zhǎng)的商品名稱可能有20個(gè)字符，那么在效果圖上就要放20個(gè)字符。
(2）各種元素區(qū)域的尺十要符合Apple和Goosle的設(shè)計(jì)規(guī)范要求。如果最小點(diǎn)擊區(qū)域太小，會(huì)導(dǎo)致用戶無法正常操作。
對(duì)于ioS APP，就是在iPhone 3手機(jī)上，也就是@1x分辨率下，最小點(diǎn)擊區(qū)域不能小于44pX×44pX;對(duì)于Android APP，就是在屏幕像素密度為MDPI時(shí)，最小點(diǎn)擊區(qū)域不能小于44px×44px。在@2x分辨率和像素密度為XHDPI時(shí)，最小點(diǎn)擊區(qū)域不能小于的邏輯像素為88px×88pX。
(3）在用戶第一次使用APP時(shí)，許多界面沒有數(shù)據(jù)顯示，其內(nèi)容為空。如用戶第一次使用電商APP時(shí)，購物車和訂單界面內(nèi)容為空，就需要設(shè)計(jì)這些界面內(nèi)容為空時(shí)的效果圖。
(4）除了正常顯示數(shù)據(jù)的界面外，還需設(shè)計(jì)從服務(wù)器或本地獲取數(shù)據(jù)時(shí)的提示界面和無法正常獲取數(shù)據(jù)時(shí)的界面。
(5） iPhone手機(jī)基本都使用系統(tǒng)自帶的輸入法，在用戶點(diǎn)擊搜索區(qū)域，彈出輸入法軟鍵盤時(shí)，軟鍵盤上會(huì)顯示
搜索按鈕;Android手機(jī)上使用的輸入法各式各樣，輸入法軟鍵盤上不一定會(huì)有搜索按鈕。
在設(shè)計(jì)搜索界面時(shí)，ioS APP的右上角通常不需要有搜索按鈕，但Android APP的右上角最好要設(shè)計(jì)有搜索按鈕。同時(shí)要設(shè)計(jì)搜索不到數(shù)據(jù)時(shí)的界面。
(6）在設(shè)計(jì)搜索界面時(shí)，需要設(shè)計(jì)有搜索歷史和無搜索歷史的兩種界面，同時(shí)明確顯示搜索歷史的個(gè)數(shù)。
(7）如果在一塊區(qū)域中，只有一個(gè)元素需要用戶點(diǎn)擊，那可適當(dāng)放大這個(gè)元素的長(zhǎng)度和高度，或設(shè)計(jì)整個(gè)區(qū)域都響應(yīng)用戶點(diǎn)擊，以方便用戶操作。主要是讓用戶點(diǎn)擊右邊的箭頭圖標(biāo)，可以把箭頭圖標(biāo)設(shè)計(jì)得大點(diǎn)，或把這一整行區(qū)域都設(shè)計(jì)能夠響應(yīng)用戶點(diǎn)擊，方便用戶操作。按鈕。同時(shí)要設(shè)計(jì)搜索不到數(shù)據(jù)時(shí)的界面。
(6）在設(shè)計(jì)搜索界面時(shí)，需要設(shè)計(jì)有搜索歷史和無搜索歷史的兩種界面，同時(shí)明確顯示搜索歷史的個(gè)數(shù)。
(7）如果在一塊區(qū)域中，只有一個(gè)元素需要用戶點(diǎn)擊，那可適當(dāng)放大這個(gè)元素的長(zhǎng)度和高度，或設(shè)計(jì)整個(gè)區(qū)域都響應(yīng)用戶點(diǎn)擊，以方便用戶操作。主要是讓用戶點(diǎn)擊右邊的箭頭圖標(biāo)，可以把箭頭圖標(biāo)設(shè)計(jì)得大點(diǎn)，或把這一整行區(qū)域都設(shè)計(jì)能夠響應(yīng)用戶點(diǎn)擊，方便用戶操作。
(8）在許多APP，尤其是電商APP中，會(huì)在購物車、訂單或消息圖標(biāo)的右上角設(shè)計(jì)一個(gè)數(shù)字角標(biāo)，顯示購物車中的商品數(shù)量、訂單個(gè)數(shù)或消息個(gè)數(shù)。通常會(huì)把角標(biāo)區(qū)域設(shè)計(jì)成圓形，如果數(shù)量不到100時(shí)，可以正常顯示:超過過了99，就用99+表示;右邊購物車?yán)锏纳唐穫€(gè)數(shù)超過了100，達(dá)到了1000，把圓形角標(biāo)改成了橢圓形角標(biāo)，以便完整顯示1000這個(gè)數(shù)字。
(9）在設(shè)計(jì)圖片顯示區(qū)域的時(shí)候，不同界面圖片顯示區(qū)域的長(zhǎng)寬比最好一致。如電商APP在商品列表和商品詳情界面都需要顯示圖片，商品詳情界面的圖片顯示區(qū)域設(shè)計(jì)為300px×300px，商品列表中的圖片顯示區(qū)域可設(shè)計(jì)為100px×100px，這樣在服務(wù)器端可以只放一張300px×300px的圖片，在APP端的商品列表界面顯示圖片時(shí)，服務(wù)器端可把300pxx300px圖片的寬度和高度直接都除以3，再發(fā)給APP，而不用擔(dān)心在商品列表界面圖片會(huì)變形。
(10）按最新的Google文檔要求，Android APP中各控件的尺寸數(shù)值及控件間的間距數(shù)值最好是8的倍數(shù)。
(11）用戶使用APP的時(shí)候使用得最多的操作是點(diǎn)擊操作，要想設(shè)計(jì)使用滑動(dòng)操作，如在消息列表中通過滑動(dòng)刪除某條消息，最好給用戶某種提示，否則用戶通常不會(huì)使用滑動(dòng)操作。
好了，
深圳APP開發(fā)公司本文關(guān)于“APP開發(fā)公司關(guān)于設(shè)計(jì)效果圖時(shí)的注意事項(xiàng)”就分享到這里。如果您需要聯(lián)系深圳的APP開發(fā)公司為您開發(fā)在線教育、家電維修、在線預(yù)約等原生APP開發(fā)項(xiàng)目，請(qǐng)咨詢我們網(wǎng)站在線客服或者撥打我們APP開發(fā)技術(shù)客服聯(lián)系電話，為您提供詳細(xì)的高端APP項(xiàng)目解決方案。謝謝關(guān)注，博納網(wǎng)絡(luò)編輯整理。
