ui設(shè)計是現(xiàn)在非常熱門的設(shè)計行業(yè)，在很多人看來ui設(shè)計可能很難，其實了解ui設(shè)計的操作其實不難，難在如何將設(shè)計的APP讓大眾認可。今天就讓faceui為大家介紹ui設(shè)計app的相關(guān)規(guī)范，app界面設(shè)計風(fēng)格。

　　ui設(shè)計app的相關(guān)規(guī)范

　　APP版式設(shè)計規(guī)范：

　　版式設(shè)計又叫做版面編輯，即在有限的版面空間里，將版面的構(gòu)成要素如文字、圖片、控件等根據(jù)特定的內(nèi)容進行組合排列。

　　1、對齊

　　對齊是貫穿版式設(shè)計的最基礎(chǔ)，最重要的原則之一，它能建立起一種整齊劃一的外觀，帶給用戶有序一致的瀏覽體驗。

　　2、對稱

　　對稱是宇宙間的設(shè)計哲學(xué)，是對立統(tǒng)一規(guī)律的本質(zhì)屬性，呈現(xiàn)出一種和諧自然的美，在應(yīng)用界面的設(shè)計中，引導(dǎo)頁設(shè)計、注冊登錄輸入框和按鈕等無一不是對稱的設(shè)計。

　　3、分組

　　物以類聚，人以群分。分組是將同類別的信息組合在一起，直觀的呈現(xiàn)在用戶的面前，這樣的設(shè)計能夠減少用戶的認知負擔(dān)，在移動端界面的設(shè)計中最常見的分組方式就是卡片，為用戶選擇提供專注而又明確的瀏覽體驗。

　　ui設(shè)計app

　　界面文字設(shè)計規(guī)范：

　　文字是 APP 中最核心的元素，是產(chǎn)品傳達給用戶的主要內(nèi)容。

　　在一款 APP 中字號范圍一般在20-36之間（@2x）,當(dāng)然 iOS 11中出現(xiàn)了大標題的設(shè)計，字號還是要根據(jù)產(chǎn)品屬性酌情設(shè)定。另外需要注意的一點是所有的字號設(shè)置都必須為偶數(shù)，上下級內(nèi)容字號極差關(guān)系為2-4號。

　　關(guān)于字體：在 iOS 9推出之前設(shè)計師普遍采用華文黑體、谷歌思源、冬青等字體進行設(shè)計，iOS 9推出了蘋果自己的字體——蘋方！自此之后蘋方字體被廣泛應(yīng)用于移動端設(shè)計中。

　　關(guān)于字體顏色和是否加粗：字體的顏色設(shè)置我們一般很少用純黑色，一般用深灰色和淺灰色、細體和粗體（注意要用字體本身的字重，不能用 PS 的加粗功能）來區(qū)分重要信息和次要信息，進行信息層級的劃分。

　　app界面設(shè)計風(fēng)格

　　app設(shè)計風(fēng)格是指app通過主要的幾種顏色搭配、頁面布局和NPC等給用戶呈現(xiàn)出的整體視覺感受。

　　一個app開始啟動設(shè)計時，第一步應(yīng)該用主要頁面定下整個app的設(shè)計風(fēng)格，然后其他頁面按著統(tǒng)一的設(shè)計風(fēng)格進行細致的設(shè)計美化。統(tǒng)一設(shè)計風(fēng)格能給用戶呈現(xiàn)整體一致的視覺體驗，有利于傳達產(chǎn)品整體的品牌形象；也方便設(shè)計團隊制定設(shè)計規(guī)范，減少設(shè)計風(fēng)格不一致帶來的溝通成本。

　　app設(shè)計風(fēng)格從視覺效果上至少給用戶傳達了兩個信息：一是app的整體基調(diào)。二是app的目標人群。原則上產(chǎn)品經(jīng)理不應(yīng)該干擾限制設(shè)計師的創(chuàng)意和靈感，但產(chǎn)品定位是什么、產(chǎn)品目標人群是誰。以上兩點產(chǎn)品經(jīng)理在提設(shè)計需求之前務(wù)必清晰傳達到給設(shè)計師。

　　ui設(shè)計app

　　那么設(shè)計師出的稿子，如何判斷是不是符合我們產(chǎn)品的設(shè)計風(fēng)格呢？這里要求產(chǎn)品經(jīng)理必須把設(shè)計的常識和基礎(chǔ)原理弄懂，閱讀相關(guān)的設(shè)計書籍，并且有意識的去體驗和對比各種app產(chǎn)品的設(shè)計，提高產(chǎn)品的鑒賞能力。

　　1、移動app產(chǎn)品的設(shè)計首先應(yīng)該緊跟業(yè)界的主流設(shè)計風(fēng)格：扁平化設(shè)計。扁平化設(shè)計有明顯的幾個好處：界面美觀、簡約大方、條理清晰；設(shè)計元素上強調(diào)抽象、極簡、符號化，去除冗余的裝飾效果突顯app的文字圖片等信息內(nèi)容；完美兼容pc網(wǎng)站、安卓、ios等不同系統(tǒng)的平臺和不同屏幕分辨率的設(shè)備，適應(yīng)性強。

　　2、app產(chǎn)品設(shè)計定為扁平化，然后考驗的是設(shè)計師界面配色的專業(yè)功力了。在設(shè)計風(fēng)格表現(xiàn)上，顏色占據(jù)了80%以上的視覺體驗。因此要做好設(shè)計風(fēng)格，主要做好界面的顏色搭配和分布。另外顏色是有情感的，不同的色彩能給于用戶不同的印象和感受，而且不同的人群對顏色偏好也是不一樣的。所以在為app設(shè)計進行配色時，需要考慮不同用戶的喜好和體會配色給用戶帶來的視覺感受。設(shè)計風(fēng)格的配色除了要注意男女性的喜好差別，還應(yīng)該重視通過冷暖色彩+明暗亮度搭配表現(xiàn)給用戶的印象和心理感受。

　　總的來說，設(shè)計風(fēng)格是設(shè)計起始的第一步，定好了設(shè)計風(fēng)格，后續(xù)的設(shè)計工作才能繼續(xù)安排。要確保設(shè)計風(fēng)格匹配用戶人群的喜好，符合app的定位以及給用戶傳遞app正面良好的形象。確定設(shè)計風(fēng)格階段，產(chǎn)品經(jīng)理和設(shè)計師花費再多的時間和精力來折騰也是值得的。

　　以上就是faceui為大家介紹的關(guān)于ui設(shè)計app的相關(guān)內(nèi)容。ui設(shè)計的內(nèi)容很多，app只是一個展示ui設(shè)計的成果。ui設(shè)計app要想設(shè)計出優(yōu)秀的作品，還是要多站在用戶的角度去思考和設(shè)計。