設(shè)計APP的幾個步驟。

2019-01-05    分類: 網(wǎng)站建設(shè)

在國內(nèi)APP設(shè)計相關(guān)的書籍滿大街都是,但是大部分都是講規(guī)范,講具體的執(zhí)行技巧,而如何設(shè)計出優(yōu)秀的APP的相關(guān)資料卻非常少,而今天分享的文章就是幫助您解決這個問題的,希望對您有用,enjoy!

很多人對Parable的設(shè)計贊不絕口,然后他們的第一反應(yīng)就是問:“設(shè)計師哪兒找的?”我們的回答是,我們并沒有一個專門的設(shè)計師,而是團隊中每個人都參與設(shè)計。大多數(shù)人都覺得這個回答難以置信。

偉大的設(shè)計來源于一致性和細致化,而其實只要有足夠的紀律,每個團隊都可以實現(xiàn)這一點。在這里,我概括了Parable視覺設(shè)計的一些經(jīng)驗,它將有助于我們設(shè)計出漂亮的應(yīng)用。

設(shè)計APP的幾個步驟。

品牌

品牌是應(yīng)用設(shè)計的基石。它回答了“用戶使用應(yīng)用時應(yīng)該獲得何等感受”這個問題。首先,你應(yīng)該確定你的主要目標人群或者產(chǎn)業(yè)是哪些:兒童,青少年,專業(yè)人士,媽媽,學(xué)生,醫(yī)生,設(shè)計師,老年人,等等。應(yīng)用的設(shè)計風(fēng)格必須與品牌相一致,這樣才能建立更強的品牌認知,并消除用戶疑慮。例如,為老年人設(shè)計的社交應(yīng)用就應(yīng)該用大號字體,而股票交易應(yīng)用就得有策略地使用安全鎖圖標來讓用戶有安全感。如果可能,你還該考慮為品牌找一個吉祥物。吉祥物可以將品牌擬人化,同時強化應(yīng)用留給用戶的印象。


顏色方案

顏色方案決定了應(yīng)用的形象,它應(yīng)該是品牌主題色的擴展。它是視覺設(shè)計的核心,因為應(yīng)用所有可見的地方都會使用這些顏色。首先,你需要選擇一個能增強品牌形象的主題色。例如,Evernote的主題色是綠色。然后,你應(yīng)該圍繞這個主題色來創(chuàng)建顏色方案。亮色可以吸引人的目光,所以適合那些消費導(dǎo)向的應(yīng)用;中間色可以讓人把精力集中在信息本身,所以更適合專業(yè)性的應(yīng)用。Parable的主題色是“Tangelo橙”,因此我們選擇了灰度作為主要顏色方案,這也符合我們一貫的時尚創(chuàng)意。另一個例子是SnapChat,它使用了華麗的亮色方案來吸引青少年用戶。

設(shè)計APP的幾個步驟。

直觀

在高度競爭的應(yīng)用市場,根本沒時間讓用戶仔細品味你的應(yīng)用——我們講究的是“一見鐘情”。能讓你第一眼就明白其功能的應(yīng)用才是最好的應(yīng)用。有一個管用的小方法,就是去研究一下那些熱門應(yīng)用是怎么做的,盡量別讓用戶產(chǎn)生困惑。然后,要全面地測試所有的交互環(huán)節(jié),充分優(yōu)化應(yīng)用。到達最重要的交互環(huán)節(jié)之前,用戶的操作步驟不能超過三個,例如,發(fā)布到Meerkat上只用點一下,發(fā)布到Instagram上只用點三下。一些用戶熟知的平臺上有特定的交互方式,使用它們往往會效果拔群。

六大步驟助你設(shè)計出優(yōu)秀應(yīng)用

設(shè)計APP的幾個步驟。

發(fā)布到Meerkat上只用點一下,發(fā)布到Instagram上只用點三下

愉悅感

用戶評價應(yīng)用的首要標準是體驗。想要獲得死忠用戶,你必須得提供一些意料之外的愉悅感。隨著時間的推移,這些愉悅的體驗就會給用戶留下深刻印象,從而讓應(yīng)用成為他們?nèi)粘I畋匾囊徊糠?。像Pinterest和Parable里點擊分享時候出現(xiàn)的動畫,還有刷新SnapChat時候的動畫,都是很好的例子。

六大步驟助你設(shè)計出優(yōu)秀應(yīng)用

設(shè)計APP的幾個步驟。

Pinterest的分享動畫,SnapChat的刷新動畫,Parable的分享動畫

精煉

卓越的視覺設(shè)計都是細節(jié)為王,每一個像素都要好無缺。首先是排版。字體是應(yīng)用的臉面,一個好的字體可以讓你的應(yīng)用脫穎而出。你可以從50多個iOS字體中精心挑選一個來;當(dāng)然,如果你能購買并制作屬于自己的字體那就更好了——總之,千萬別吊死在默認字體這棵樹上。Serif字體適合長文章;san-serif字體可以使用更多字體大小而不讓頁面看起來擁擠。緊湊型字體可以讓屏幕上顯示更多文字,但它跟普通字體放一起就會很奇怪。接下來,我們來談?wù)剤D標的問題。能準確傳達情緒的圖標才是最好的。你可以利用一些免費的圖標資源,然后在Photoshop里面稍加修改,把它們變成自己的圖標。當(dāng)創(chuàng)建純色圖標時,堅持使用單一色彩可以避免讓用戶感到擁擠和混亂。最后,讓我們把重點放在視覺資源上。Post-skeuomorphic時代讓資源開發(fā)變簡單了。我們應(yīng)當(dāng)盡量在代碼中進行渲染,以盡可能地縮小應(yīng)用包。添加資源時需要確保它們能正確匹配屏幕大??;粗制劣造的一大表現(xiàn)就是資源的像素化。

Path和Flipboard是每個像素都趨近好的典范。不過要注意,如果一個段落混合了粗體緊湊型的san-serif字體與serif字體,它會在Flipboard上表現(xiàn)得不平衡。

設(shè)計APP的幾個步驟。

Path和Flipboard

簡化

開發(fā)者總喜歡添加一些復(fù)雜的導(dǎo)航界面或者用無關(guān)的信息,結(jié)果把界面搞得一團糟。這簡直讓用戶崩潰。讓一切保持簡單!屏幕布局應(yīng)當(dāng)保持整潔,信息應(yīng)該分層排列,重要的在上面,不重要的在下面。只顯示相關(guān)度高的細節(jié),用統(tǒng)計工具分析有哪些動作是沒用的,然后把它們刪掉。可以借鑒蘋果的理念:無贅物即為好。分析下面這個簡潔的Pinterest個人主頁。它把用戶和分塊展示區(qū)放在一起,最重要的關(guān)注和點贊按鈕被小心地放在了合適的位置。要做好應(yīng)用則需更深刻地貫徹這一原則,讓內(nèi)容動態(tài)化,例如在滾動瀏覽時導(dǎo)航欄要隨著動畫隱藏,再如在多步驟的交互中要隱藏按鈕。

設(shè)計APP的幾個步驟。

Pinterest的個人主頁界面

每個應(yīng)用都有不同的目標,但良好的應(yīng)用設(shè)計具有共性。請你在設(shè)計下一款應(yīng)用的時候遵循上面說的這些步驟,并且請把想法在我的推特(@amitpaka)上發(fā)給我。另外,歡迎下載Parable。

轉(zhuǎn)載請注明北京網(wǎng)站建設(shè)公司 www.bm7419.com

新聞標題:設(shè)計APP的幾個步驟。
網(wǎng)站路徑:http://www.bm7419.com/news2/78952.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、微信公眾號、小程序開發(fā)網(wǎng)站設(shè)計公司、Google、網(wǎng)站內(nèi)鏈

廣告

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

手機網(wǎng)站建設(shè)