國外乾貨!6個方法助你設計出優秀的APP,乾貨app
偉大的設計來源於一致性和細緻化,而其實只要有足夠的紀律,每個團隊都可以實現這一點。
品牌(源碼:http://www.jinhusns.com/Products/Download/?type=xcj)
品 牌是應用設計的基石。它回答了“使用者使用應用時應該獲得何等感受”這個問題。首先,你應該確定你的主要目標人群或者產業是哪些:兒童,青少年,專業人士, 媽媽,學生,醫生,設計師,老年人,等等。應用的設計風格必須與品牌相一致,這樣才能建立更強的品牌認知,並消除使用者疑慮。例如,為老年人設計的社交應用 就應該用大號字型,而股票交易應用就得有策略地使用安全鎖表徵圖來讓使用者有安全感。如果可能,你還該考慮為品牌找一個吉祥物。吉祥物可以將品牌擬人化,同時 強化應用留給使用者的印象。
顏色方案
顏 色方案決定了應用的形象,它應該是品牌主題色的擴充。它是視覺設計的核心,因為應用所有可見的地方都會使用這些顏色。首先,你需要選擇一個能增強品牌形象 的主題色。例如,Evernote的主題色是綠色。然後,你應該圍繞這個主題色來建立顏色方案。亮色可以迷人的目光,所以適合那些消費導向的應用;中間 色可以讓人把精力集中在資訊本身,所以更適合專業性的應用。Parable的主題色是“Tangelo橙”,因此我們選擇了灰階作為主要顏色方案,這也符 合我們一貫的時尚創意。另一個例子是SnapChat,它使用了華麗的亮色方案來吸引青少年使用者。
直觀
在 高度競爭的應用市場,根本沒時間讓使用者仔細品味你的應用——我們講究的是“一見鐘情”。能讓你第一眼就明白其功能的應用才是最好的應用。有一個管用的小方 法,就是去研究一下那些熱門 App是怎麼做的,盡量別讓使用者產生困惑。然後,要全面地測試所有的互動環節,充分最佳化應用。到達最重要的互動環節之前,使用者的 操作步驟不能超過三個,例如,發布到Meerkat上只用點一下,發布到Instagram上只用點三下。一些使用者熟知的平台上有特定的互動方式,使用它 們往往會效果拔群。
發布到Meerkat上只用點一下,發布到Instagram上只用點三下
愉悅感
用 戶評價應用的首要標準是體驗。想要獲得死忠使用者,你必須得提供一些意料之外的愉悅感。隨著時間的推移,這些愉悅的體驗就會給使用者留下深刻印象,從而讓應用 成為他們日常生活必要的一部分。像Pinterest和Parable裡點擊分享時候出現的動畫,還有重新整理SnapChat時候的動畫,都是很好的例子。
Pinterest的分享動畫,SnapChat的重新整理動畫,Parable的分享動畫
精鍊
卓 越的視覺設計都是細節為王,每一個像素都要完美無缺。首先是排版。字型是應用的臉面,一個好的字型可以讓你的應用脫穎而出。你可以從50多個iOS字型中 精心挑選一個來;當然,如果你能購買並製作屬於自己的字型那就更好了——總之,千萬別弔死在預設字型這棵樹上。Serif字型適合長文章;san- serif字型可以使用更多字型大小而不讓頁面看起來擁擠。緊湊型字型可以讓螢幕上顯示更多文字,但它跟普通字型放一起就會很奇怪。接下來,我們來談談圖 標的問題。能準確傳達情緒的表徵圖才是最好的。你可以利用一些免費的表徵圖資源,然後在Photoshop裡面稍加修改,把它們變成自己的表徵圖。當建立純色圖 標時,堅持使用單一色彩可以避免讓使用者感到擁擠和混亂。最後,讓我們把重點放在視覺資源上。Post-skeuomorphic時代讓資源開發變簡單了。 我們應當盡量在代碼中進行渲染,以儘可能地縮小應用程式套件。添加資源時需要確保它們能正確匹配螢幕大小;粗製劣造的一大表現就是資源的像素化。
Path和Flipboard是每個像素都趨近完美的典範。不過要注意,如果一個段落混合了粗體緊湊型的san-serif字型與serif字型,它會在Flipboard上表現得不平衡。
Path和Flipboard
簡化(體驗站:http://demo.jinhusns.com/?type=xcj)
開 發者總喜歡添加一些複雜的導航介面或者用無關的資訊,結果把介面搞得一團糟。這簡直讓使用者崩潰。讓一切保持簡單!螢幕布局應當保持整潔,資訊應該分層排 列,重要的在上面,不重要的在下面。只顯示相關度高的細節,用統計工具分析有哪些動作是沒用的,然後把它們刪掉。可以借鑒蘋果的理念:無贅物即為完美。分 析下面這個簡潔的Pinterest個人首頁。它把使用者和分塊展示區放在一起,最重要的關注和點贊按鈕被小心地放在了合適的位置。要做最佳應用則需更深刻 地貫徹這一原則,讓內容動態化,例如在滾動瀏覽時導覽列要隨著動畫隱藏,再如在多步驟的互動中要隱藏按鈕。
Pinterest的個人首頁介面
轉載自:近乎