2022-06-18 分類: 網(wǎng)站建設(shè)
編者按:今天這篇從品牌、顏色方案、愉悅感、精煉簡(jiǎn)化等方面提出不少實(shí)在的建議,而且全是作者通過(guò)某個(gè)APP設(shè)計(jì)實(shí)戰(zhàn)后概括出來(lái)的經(jīng)驗(yàn),不少觀點(diǎn)很受用,收。
很多人對(duì)Parable的設(shè)計(jì)贊不絕口,然后他們的第一反應(yīng)就是問(wèn):“設(shè)計(jì)師哪兒找的?”我們的回答是,我們并沒(méi)有一個(gè)專門(mén)的設(shè)計(jì)師,而是團(tuán)隊(duì)中每個(gè)人都參與設(shè)計(jì)。大多數(shù)人都覺(jué)得這個(gè)回答難以置信。
偉大的設(shè)計(jì)來(lái)源于一致性和細(xì)致化,而其實(shí)只要有足夠的紀(jì)律,每個(gè)團(tuán)隊(duì)都可以實(shí)現(xiàn)這一點(diǎn)。在這里,我概括了Parable視覺(jué)設(shè)計(jì)的一些經(jīng)驗(yàn),它將有助于我們?cè)O(shè)計(jì)出漂亮的應(yīng)用。
品牌
品牌是應(yīng)用設(shè)計(jì)的基石。它回答了“用戶使用應(yīng)用時(shí)應(yīng)該獲得何等感受”這個(gè)問(wèn)題。首先,你應(yīng)該確定你的主要目標(biāo)人群或者產(chǎn)業(yè)是哪些:兒童,青少年,專業(yè)人士,媽媽,學(xué)生,醫(yī)生,設(shè)計(jì)師,老年人,等等。應(yīng)用的設(shè)計(jì)風(fēng)格必須與品牌相一致,這樣才能建立更強(qiáng)的品牌認(rèn)知,并消除用戶疑慮。例如,為老年人設(shè)計(jì)的社交應(yīng)用就應(yīng)該用大號(hào)字體,而股票交易應(yīng)用就得有策略地使用安全鎖圖標(biāo)來(lái)讓用戶有安全感。如果可能,你還該考慮為品牌找一個(gè)吉祥物。吉祥物可以將品牌擬人化,同時(shí)強(qiáng)化應(yīng)用留給用戶的印象。
顏色方案
顏色方案決定了應(yīng)用的形象,它應(yīng)該是品牌主題色的擴(kuò)展。它是視覺(jué)設(shè)計(jì)的核心,因?yàn)閼?yīng)用所有可見(jiàn)的地方都會(huì)使用這些顏色。首先,你需要選擇一個(gè)能增強(qiáng)品牌形象的主題色。例如,Evernote的主題色是綠色。然后,你應(yīng)該圍繞這個(gè)主題色來(lái)創(chuàng)建顏色方案。亮色可以吸引人的目光,所以適合那些消費(fèi)導(dǎo)向的應(yīng)用;中間色可以讓人把精力集中在信息本身,所以更適合專業(yè)性的應(yīng)用。Parable的主題色是“Tangelo橙”,因此我們選擇了灰度作為主要顏色方案,這也符合我們一貫的時(shí)尚創(chuàng)意。另一個(gè)例子是SnapChat,它使用了華麗的亮色方案來(lái)吸引青少年用戶。
直觀
在高度競(jìng)爭(zhēng)的應(yīng)用市場(chǎng),根本沒(méi)時(shí)間讓用戶仔細(xì)品味你的應(yīng)用——我們講究的是“一見(jiàn)鐘情”。能讓你第一眼就明白其功能的應(yīng)用才是最好的應(yīng)用。有一個(gè)管用的小方法,就是去研究一下那些熱門(mén)應(yīng)用是怎么做的,盡量別讓用戶產(chǎn)生困惑。然后,要全面地測(cè)試所有的交互環(huán)節(jié),充分優(yōu)化應(yīng)用。到達(dá)最重要的交互環(huán)節(jié)之前,用戶的操作步驟不能超過(guò)三個(gè),例如,發(fā)布到Meerkat上只用點(diǎn)一下,發(fā)布到Instagram上只用點(diǎn)三下。一些用戶熟知的平臺(tái)上有特定的交互方式,使用它們往往會(huì)效果拔群。
發(fā)布到Meerkat上只用點(diǎn)一下,發(fā)布到Instagram上只用點(diǎn)三下
愉悅感
用戶評(píng)價(jià)應(yīng)用的首要標(biāo)準(zhǔn)是體驗(yàn)。想要獲得死忠用戶,你必須得提供一些意料之外的愉悅感。隨著時(shí)間的推移,這些愉悅的體驗(yàn)就會(huì)給用戶留下深刻印象,從而讓?xiě)?yīng)用成為他們?nèi)粘I畋匾囊徊糠?。像Pinterest和Parable里點(diǎn)擊分享時(shí)候出現(xiàn)的動(dòng)畫(huà),還有刷新SnapChat時(shí)候的動(dòng)畫(huà),都是很好的例子。
Pinterest的分享動(dòng)畫(huà),SnapChat的刷新動(dòng)畫(huà),Parable的分享動(dòng)畫(huà)
精煉
卓越的視覺(jué)設(shè)計(jì)都是細(xì)節(jié)為王,每一個(gè)像素都要好無(wú)缺。首先是排版。字體是應(yīng)用的臉面,一個(gè)好的字體可以讓你的應(yīng)用脫穎而出。你可以從50多個(gè)iOS字體中精心挑選一個(gè)來(lái);當(dāng)然,如果你能購(gòu)買并制作屬于自己的字體那就更好了——總之,千萬(wàn)別吊死在默認(rèn)字體這棵樹(shù)上。Serif字體適合長(zhǎng)文章;san-serif字體可以使用更多字體大小而不讓頁(yè)面看起來(lái)?yè)頂D。緊湊型字體可以讓屏幕上顯示更多文字,但它跟普通字體放一起就會(huì)很奇怪。接下來(lái),我們來(lái)談?wù)剤D標(biāo)的問(wèn)題。能準(zhǔn)確傳達(dá)情緒的圖標(biāo)才是最好的。你可以利用一些免費(fèi)的圖標(biāo)資源,然后在Photoshop里面稍加修改,把它們變成自己的圖標(biāo)。當(dāng)創(chuàng)建純色圖標(biāo)時(shí),堅(jiān)持使用單一色彩可以避免讓用戶感到擁擠和混亂。最后,讓我們把重點(diǎn)放在視覺(jué)資源上。Post-skeuomorphic時(shí)代讓資源開(kāi)發(fā)變簡(jiǎn)單了。我們應(yīng)當(dāng)盡量在代碼中進(jìn)行渲染,以盡可能地縮小應(yīng)用包。添加資源時(shí)需要確保它們能正確匹配屏幕大小;粗制劣造的一大表現(xiàn)就是資源的像素化。
Path和Flipboard是每個(gè)像素都趨近好的典范。不過(guò)要注意,如果一個(gè)段落混合了粗體緊湊型的san-serif字體與serif字體,它會(huì)在Flipboard上表現(xiàn)得不平衡。
Path和Flipboard
簡(jiǎn)化
開(kāi)發(fā)者總喜歡添加一些復(fù)雜的導(dǎo)航界面或者用無(wú)關(guān)的信息,結(jié)果把界面搞得一團(tuán)糟。這簡(jiǎn)直讓用戶崩潰。讓一切保持簡(jiǎn)單!屏幕布局應(yīng)當(dāng)保持整潔,信息應(yīng)該分層排列,重要的在上面,不重要的在下面。只顯示相關(guān)度高的細(xì)節(jié),用統(tǒng)計(jì)工具分析有哪些動(dòng)作是沒(méi)用的,然后把它們刪掉??梢越梃b蘋(píng)果的理念:無(wú)贅物即為好。分析下面這個(gè)簡(jiǎn)潔的Pinterest個(gè)人主頁(yè)。它把用戶和分塊展示區(qū)放在一起,最重要的關(guān)注和點(diǎn)贊按鈕被小心地放在了合適的位置。要做應(yīng)用則需更深刻地貫徹這一原則,讓內(nèi)容動(dòng)態(tài)化,例如在滾動(dòng)瀏覽時(shí)導(dǎo)航欄要隨著動(dòng)畫(huà)隱藏,再如在多步驟的交互中要隱藏按鈕。
Pinterest的個(gè)人主頁(yè)界面
每個(gè)應(yīng)用都有不同的目標(biāo),但良好的應(yīng)用設(shè)計(jì)具有共性。請(qǐng)你在設(shè)計(jì)下一款應(yīng)用的時(shí)候遵循上面說(shuō)的這些步驟,并且請(qǐng)把想法在我的推特(@amitpaka)上發(fā)給我。另外,歡迎下載Parable。
分享文章:國(guó)外干貨!6個(gè)方法助你設(shè)計(jì)出優(yōu)秀的APP
本文鏈接:http://jinyejixie.com/news/168941.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計(jì)、全網(wǎng)營(yíng)銷推廣、域名注冊(cè)、移動(dòng)網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、定制開(kāi)發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容