|
您的位置: 首頁 > 網(wǎng)站資訊 > 小白學習APP設(shè)計5步讓你設(shè)計出漂亮的APP |
小白學習APP設(shè)計5步讓你設(shè)計出漂亮的APP發(fā)布日期:2017/8/23
這節(jié)課的主題就是讓大家快速上手學習APP設(shè)計,關(guān)鍵詞漂亮、簡潔。 漂亮的APP界面設(shè)計都保持的一致性和詳盡化的設(shè)計。 下面25學堂的小編教大家如何運用6個步驟來設(shè)計出漂亮的APP UI界面。 步、關(guān)注和正視品牌的LOGO 準確理解品牌的意義是APP設(shè)計的步。APP的取色和風格都與APP品牌相關(guān)的冠盟金融投資理財珠海流水線,品牌是APP設(shè)計的基石。 APP案例分析:Cal日歷 相信每一位用過Any.Do的用戶都曾贊嘆過它的精簡設(shè)計,而現(xiàn)在Any.Do團隊又一次打破了日歷市場,推出了「Cal日歷」。這次的新作品不僅在設(shè)計上完全繼續(xù)了Any.Do一貫簡潔優(yōu)雅的作風,在使用體驗和功能方面更加的出類拔萃。 「Cal日歷」可以主動添加中國節(jié)氣等信息,添加事項也更加完整。不僅如此,「Cal日歷」還支撐添加位置信息、聯(lián)系人、響鈴提醒、文字注釋、運動主動重復等實用功能。 Cal用一段描述美好生活–陽光、運動、笑容、孩子和美食的宣傳視頻作為開場,給用戶帶來溫馨和美好的感覺,我們期望中的生活不就是如此嗎? 所以Cal用一段特別很是貼近人心而又吻合自身產(chǎn)品定位的視頻吸引住了用戶,這一點與那些開場使用文本指導的應用有著很大區(qū)別,避免讓用戶覺得枯燥乏味。 第二步:選取舒適的配色方案 舒適的配色方案決定了APP的形象,它應該是品牌主題色的擴展。它是視覺設(shè)計的核心,因為APP所有可見的地方都會使用這些顏色。所以你需要選擇一個能增強品牌形象的主題色是關(guān)鍵當中的關(guān)鍵。 25學堂提醒我們,通常可以按三個大類的配色方法,結(jié)合一些案例,分析色彩在頁面中的APP手法。 配色方案舉例分析: Very的案例 柔和的調(diào)子使頁面顯得明快溫暖,就算色彩許多也不會造成視覺負重。頁面的同色調(diào)搭配,顏色作為不同模塊的信息分類品牌策劃,不搶主體的重點,還能襯托不同類型載體的內(nèi)容信息。 25學堂的觀點:同色調(diào)不同色彩的模塊,就算承載著不同的信息內(nèi)容也能體現(xiàn)很協(xié)調(diào)。 第三步:直觀的布局 這里講究的是一見鐘情。能讓你的用戶眼就曉暢其APP功能才是的APP設(shè)計。 25學堂認為App主頁面設(shè)計特別很是簡潔但并不簡單。 如下圖APP設(shè)計: 多去研究和臨摹一下那些熱門和相關(guān)APP是怎么做的,盡量別讓用戶產(chǎn)生疑心。盡量選擇比較小眾的APP設(shè)計參考。 第四步:簡化和卡片化 這一步我們可以借鑒蘋果的理念:無贅物即為完美。25學堂告訴大家萬萬不要去”畫蛇添足“。 屏幕布局應當保持整潔網(wǎng)絡(luò)營銷推廣,信息應該分層排列,主要的在上面,不主要的在下面。 具體的我們看下APP設(shè)計案例吧! 第五步:精煉和做減法 卓越的視覺設(shè)計都是細節(jié)為王,每一個像素都要完美無缺。首先是排版。字體是應用的臉面,一個好的字體可以讓你的應用脫穎而出。 各位APP設(shè)計小白,要能準確傳達情緒的圖標才是的。你可以行使一些免費的圖標資源,然后在Photoshop里面稍加修改,把它們變成自己的圖標。 ,Path和Flipboard是每個像素都趨近完美的典范。大家有愛好可以下載下來慢慢學習和瀏覽。 一個APP開始啟動設(shè)計時,步應該用主要頁面定下整個APP的設(shè)計風格,然后其他頁面按著同一的設(shè)計風格進行詳盡的設(shè)計美化。同一設(shè)計風格能給用戶呈現(xiàn)整體一致的視覺體驗,有利于傳達產(chǎn)品整體的品牌形象;也方便設(shè)計團隊制訂設(shè)計規(guī)范,削減設(shè)計風格不一致帶來的溝通成本。25學堂今天就跟大家分享到這里。 |
其他相關(guān)文章 |
|
|
|
||||||||
Copyright 2012-2025 上海蒙狼網(wǎng)絡(luò)科技有限公司 m.aqdzp.cn All Rights Reserved |