創(chuàng)新互聯(lián)小編要與大家分享《app界面設(shè)計(jì)注意事項(xiàng)》，之前也與大家分享過(guò)《2018年APP界面設(shè)計(jì)指南》，其中的東西更偏重于APP界面設(shè)計(jì)的要站在多種角度上去看問(wèn)題。

站在不同的角度思考設(shè)計(jì)，發(fā)現(xiàn)設(shè)計(jì)的新出路。

平面設(shè)計(jì)3天時(shí)間完成~

這個(gè)界面不難的，按照我的交互稿上個(gè)色就好了~

簡(jiǎn)單設(shè)計(jì)一下，馬上給我~

再調(diào)幾個(gè)顏色給我選一下~

模塊先設(shè)計(jì)，顏色最后調(diào)一下也很快的~…

熟悉吧，以上是作為平面設(shè)計(jì)師的你，幾乎每天都能聽(tīng)到的把。拜托，就算是路邊打印店，讓人家?guī)湍阍O(shè)計(jì)個(gè)名片，你也會(huì)問(wèn)人家什么時(shí)候能做好吧。難不成設(shè)計(jì)這么好做？要不你行你上？我做不了~慢著，我做，我做，誰(shuí)讓你給我發(fā)錢(qián)，給錢(qián)就是老大，要做就做吧~于是出現(xiàn)了以下設(shè)計(jì)稿

常說(shuō)設(shè)計(jì)是一個(gè)用戶(hù)接觸產(chǎn)品的第一道門(mén)。從應(yīng)用市場(chǎng)的圖標(biāo)開(kāi)始到用戶(hù)下載打開(kāi)app的啟動(dòng)頁(yè)，再到用戶(hù)進(jìn)入app后看到的首頁(yè)。難道設(shè)計(jì)師真的不考慮什么嗎?真的按照產(chǎn)品或交互設(shè)計(jì)稿做嗎。從圖標(biāo)在應(yīng)用市場(chǎng)的吸引力，到用戶(hù)使用app后的留存率，請(qǐng)問(wèn)哪一個(gè)不是和UI設(shè)計(jì)師有關(guān)系!業(yè)績(jī)好，業(yè)務(wù)好是產(chǎn)品的營(yíng)銷(xiāo)和自然增長(zhǎng)率。業(yè)務(wù)差就是設(shè)計(jì)不吸引人沒(méi)有感染力，嗯哼???

在此呼吁廣大項(xiàng)目管理者，請(qǐng)給我們的設(shè)計(jì)師一些思考的時(shí)間，一些打磨設(shè)計(jì)的時(shí)間。好了，廢話(huà)不多說(shuō)，進(jìn)入正題。假設(shè)有一天，公司給了你足夠的時(shí)間設(shè)計(jì)。你該如何思考?你要怎么不受約束的將自己的產(chǎn)品觀融入你的設(shè)計(jì)中?從現(xiàn)在開(kāi)始，即使產(chǎn)品給你的設(shè)計(jì)時(shí)間很短，你也要學(xué)著思考，學(xué)著加入自己的思維，做一個(gè)有思想的設(shè)計(jì)師。做到這一點(diǎn)很難，但是你必須學(xué)著這樣做，跟我沒(méi)關(guān)系，但對(duì)你有益。

1.學(xué)著像產(chǎn)品經(jīng)理一樣思考

產(chǎn)品經(jīng)理是怎么思考的。產(chǎn)品經(jīng)理是產(chǎn)品的CEO，手握著產(chǎn)品的生殺大權(quán)?？紤]的會(huì)更偏像于產(chǎn)品的核心觀。幫助用戶(hù)解決什么痛點(diǎn)，通過(guò)什么方式解決這個(gè)痛點(diǎn)，怎么為公司提高贏利、如何提高轉(zhuǎn)化、如何提升留存…當(dāng)然你并不需要完全知道所有的東西，因?yàn)槟阌心阕约旱膶?zhuān)長(zhǎng)(UI設(shè)計(jì))。

但是，必須留意的幾點(diǎn)就是:(1)用戶(hù)群體(2)相關(guān)競(jìng)品(3)主要商業(yè)模式

(1)對(duì)于用戶(hù)群體的了解，你能夠通過(guò)這部分用戶(hù)群體找到相關(guān)的用戶(hù)畫(huà)像。這一點(diǎn)很重要(因?yàn)閺哪闳肼殲閁I設(shè)計(jì)師的那天開(kāi)始，你的設(shè)計(jì)是幫助公司服務(wù)于用戶(hù)的，并不是為了表達(dá)你崇高的藝術(shù)涵養(yǎng)的)。通過(guò)用戶(hù)畫(huà)像，你能找到這部分人的主要特征，這將會(huì)有助于你選擇設(shè)計(jì)中使用的顏色、字體大小。 打個(gè)比方來(lái)說(shuō)，總不能為服務(wù)于紅綠色盲人群設(shè)計(jì)的產(chǎn)品，UI做出了綠色界面+紅色按鈕吧?你以為你通過(guò)顏色對(duì)比突出了按鈕，實(shí)際…對(duì)吧?你可以用顏色來(lái)讓界面產(chǎn)生差異，單不能僅依賴(lài)于顏色提升設(shè)計(jì)效果，因?yàn)椴⒉皇敲總€(gè)人都能精確的分辨出各種顏色。

(2)產(chǎn)品的競(jìng)品，對(duì)于相關(guān)競(jìng)品的研究，也是目前UI設(shè)計(jì)師設(shè)計(jì)過(guò)程中常用的一種方法。好處呢當(dāng)然顯而易見(jiàn)，競(jìng)品的顏色用取，設(shè)計(jì)風(fēng)格…這些都是已經(jīng)線(xiàn)上經(jīng)過(guò)驗(yàn)證了的。有很多設(shè)計(jì)師是在看完競(jìng)品后恍然大悟，顏色該用啥，按鈕用啥色。但這是萬(wàn)萬(wàn)不可取的。這會(huì)導(dǎo)致你們的產(chǎn)品沒(méi)有任何競(jìng)爭(zhēng)力，上線(xiàn)比人家晚，看著有和人家差不多。怎么打差異化的戰(zhàn)?取其優(yōu)，去其差。思考人家設(shè)計(jì)師為什么這么做，他們是怎么想的，如果我設(shè)計(jì)會(huì)設(shè)計(jì)成什么樣?

(3)你必須要了解你的商業(yè)模式。作為設(shè)計(jì)師有權(quán)知道公司的基本商業(yè)模式，這也是考慮在整體設(shè)計(jì)里程里面。霧里看花管中窺豹，你永遠(yuǎn)看不到你所設(shè)計(jì)的產(chǎn)品本質(zhì)。再打個(gè)比方：假設(shè)你的產(chǎn)品是通過(guò)用戶(hù)購(gòu)買(mǎi)相關(guān)服務(wù)進(jìn)行盈利的，那么設(shè)計(jì)前你得思考整個(gè)產(chǎn)品其實(shí)是需要安全、信任、服務(wù)作為設(shè)計(jì)主旨，其中突出“服務(wù)”作為亮點(diǎn)，需要傳遞給用戶(hù)一種安全可靠的情感，最終引導(dǎo)消費(fèi)者完成支付購(gòu)買(mǎi)。

2.學(xué)著像交互設(shè)計(jì)師一樣思考

用戶(hù)體驗(yàn)、使用場(chǎng)景、信息優(yōu)先級(jí)、轉(zhuǎn)場(chǎng)、使用習(xí)慣…對(duì)于交互設(shè)計(jì)師來(lái)說(shuō)這是多么熟悉的名詞。確實(shí)，交互設(shè)計(jì)師考慮更多的是怎么讓用戶(hù)在app上操作的爽了，最符合用戶(hù)的操作習(xí)慣，將產(chǎn)品經(jīng)理傳達(dá)下來(lái)的商業(yè)模式/邏輯變?yōu)榱鞒痰男问揭龑?dǎo)用戶(hù)進(jìn)行使用。通過(guò)數(shù)據(jù)的分析，不斷優(yōu)化上線(xiàn)后產(chǎn)品的相關(guān)體驗(yàn)。作為設(shè)計(jì)師的你，怎么像交互設(shè)計(jì)師一樣思考呢?

(1)用戶(hù)體驗(yàn)=顏色是否和諧。顏色的使用，之前已經(jīng)說(shuō)過(guò)了，考慮用戶(hù)群體的基礎(chǔ)上，看你顏色的配比是否讓人舒適，是否準(zhǔn)確的傳遞出了產(chǎn)品想給用戶(hù)的那種感覺(jué)。產(chǎn)品正式設(shè)計(jì)前，通常會(huì)進(jìn)行所謂的風(fēng)格探索階段。是允許設(shè)計(jì)師根據(jù)提供的用戶(hù)群體發(fā)揮自己的創(chuàng)意進(jìn)行設(shè)計(jì)的。當(dāng)找到那種適合的顏色搭配后，接下去的設(shè)計(jì)會(huì)顯得游刃有余。但是目前很多公司都是略過(guò)探索這一步的。為追求產(chǎn)品的快速上線(xiàn)，基本都是領(lǐng)導(dǎo)找競(jìng)品給顏色，設(shè)計(jì)師根據(jù)這個(gè)顏色(衍生色)進(jìn)行設(shè)計(jì)。缺乏用色的專(zhuān)業(yè)性。

(2)使用場(chǎng)景=顏色使用是否符合用戶(hù)使用產(chǎn)品時(shí)的場(chǎng)景。這個(gè)就比較好理解了，產(chǎn)品到底是晚上用的還是白天用的，到底是地鐵上用的還是書(shū)房里用戶(hù)。不同的使用場(chǎng)景在設(shè)計(jì)時(shí)也應(yīng)該考慮在內(nèi)。例如，晚上使用的產(chǎn)品顏色一定會(huì)偏暗一些、白天熱鬧場(chǎng)所使用的產(chǎn)品一定會(huì)是偏簡(jiǎn)潔、書(shū)房使用的產(chǎn)品一定是偏溫和…

(3)信息優(yōu)先級(jí)=如何通過(guò)設(shè)計(jì)的方法(大小、位置、形狀、顏色、動(dòng)畫(huà))突出產(chǎn)品重點(diǎn)。通過(guò)對(duì)比、突出等手法，將重要信息直接展示給用戶(hù)。做到簡(jiǎn)單直接有效。

(4)轉(zhuǎn)場(chǎng)=如何通過(guò)動(dòng)效的方式便于用戶(hù)理解邏輯跳轉(zhuǎn)。這一點(diǎn)特別是在相對(duì)復(fù)雜的產(chǎn)品的時(shí)候較為常用，例如層級(jí)相對(duì)比較深，則會(huì)通過(guò)轉(zhuǎn)場(chǎng)的引導(dǎo)告知用戶(hù)從哪來(lái)到哪兒去。引領(lǐng)用戶(hù)使用你的產(chǎn)品，不至于在產(chǎn)品使用過(guò)程中迷失。

(5)使用習(xí)慣=相關(guān)設(shè)計(jì)規(guī)范。用戶(hù)長(zhǎng)時(shí)間使用完你的產(chǎn)品后，已養(yǎng)成了使用習(xí)慣。知道哪個(gè)位置是重要的內(nèi)容。如果用戶(hù)已經(jīng)建立了產(chǎn)品工作原理的心理模型，他們可能會(huì)有非常強(qiáng)烈的觀點(diǎn)，認(rèn)為某些東西就應(yīng)該在某些特定的位置，通常設(shè)計(jì)師可以利用這一特點(diǎn)來(lái)引導(dǎo)用戶(hù)發(fā)現(xiàn)重要功能。

3.學(xué)著像用戶(hù)一樣思考

(1)用戶(hù)在使用產(chǎn)品的時(shí)候，最優(yōu)考慮的是，這個(gè)產(chǎn)品是不是能幫我解決我的問(wèn)題(賺錢(qián)、記賬、提醒…)，產(chǎn)品的核心功能一定是用戶(hù)最先考慮的。

(2)你的設(shè)計(jì)是不是好看，他會(huì)考慮說(shuō)，這個(gè)東西怎么看著這么low，是不是公司不正規(guī)啊?前文也提到了，每個(gè)產(chǎn)品都有自己的目標(biāo)人群，那么研究這部分目標(biāo)人群的相關(guān)喜好，通過(guò)設(shè)計(jì)的方式將其重現(xiàn)給用戶(hù)。

(3)這個(gè)產(chǎn)品用起來(lái)爽不爽，怎么這么卡頓、怎么看起來(lái)能點(diǎn)實(shí)際不能點(diǎn)、怎么功能這么多都沒(méi)用、怎么…當(dāng)然用戶(hù)有千千萬(wàn)萬(wàn)，你不可能完全都能像所有用戶(hù)那樣思考，滿(mǎn)足大部分用戶(hù)就可以了。

4.學(xué)著像你自己一樣思考

是否在為產(chǎn)品設(shè)計(jì)的過(guò)程中，已經(jīng)忘了像自己一樣思考了。滿(mǎn)腦子都是產(chǎn)品經(jīng)理想要什么樣的，用戶(hù)想要什么樣的。這也會(huì)讓你喪失自己的思考能力。

(1)學(xué)著像自己一樣思考，不是說(shuō)按照自己的喜好來(lái)，而是你在設(shè)計(jì)的過(guò)程中是否偏離了自己的設(shè)計(jì)觀。對(duì)于明顯是錯(cuò)誤的設(shè)計(jì)，你選擇接受。

(2)以調(diào)研或用戶(hù)研究結(jié)果為準(zhǔn)則，完全喪失你自己對(duì)這個(gè)產(chǎn)品應(yīng)有的樣子的判斷。做個(gè)半理性半感性的設(shè)計(jì)師，會(huì)讓你的設(shè)計(jì)既符合用戶(hù)口味，又有自己的韻味。

總結(jié)

記住設(shè)計(jì)產(chǎn)品的人是你，對(duì)產(chǎn)品美化體驗(yàn)的是你，如果你的設(shè)計(jì)和使用不再適用于用戶(hù)，他們可以毫不留情的轉(zhuǎn)向其他產(chǎn)品，而作為設(shè)計(jì)師的你不能這么做。用戶(hù)不知道你的設(shè)計(jì)是怎么來(lái)的是怎么想的，但是你了解這一點(diǎn)。用戶(hù)不知道你是通過(guò)調(diào)研或研究得出他們的相關(guān)喜好最終選擇了這樣的設(shè)計(jì)，但是你很清楚。真正受制于產(chǎn)品設(shè)計(jì)的人是你，因此要確保它仍是你值得付出，引以為傲的東西。

綜上是APP開(kāi)發(fā)公司——創(chuàng)新互聯(lián)小編與大家分享的《app界面設(shè)計(jì)注意事項(xiàng)》內(nèi)容，更多APP界面設(shè)計(jì)資訊，可在創(chuàng)新互聯(lián)官網(wǎng)上的APP界面最新設(shè)計(jì)資訊中查看，可直接點(diǎn)擊：APP界面設(shè)計(jì)，找APP商城開(kāi)發(fā)服務(wù)，可直接聯(lián)系創(chuàng)新互聯(lián)在線(xiàn)客服。

新聞名稱(chēng)：app界面設(shè)計(jì)注意事項(xiàng)
文章地址：http://www.rwnh.cn/news/159605.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、用戶(hù)體驗(yàn)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站建設(shè)、App開(kāi)發(fā)、域名注冊(cè)

廣告

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