智能手機的功能越來越齊全，手機的界面設計常常會涉及到ui設計。那大家知道手機ui界面設計圖片尺寸是多少嗎？還有，ui手機界面設計的注意事項有哪些呢？下面就跟小編來詳細了解一下吧。

　　手機ui界面設計圖片尺寸是多少？

　　從設計方面來看，做手機界面設計的尺寸一bai般分為iPhone和Android兩種設備。

　　如果以iPhone為設計設備，尺寸一般是使用750x1334，1125 x 2436，1242 x 2208這三種尺寸設計都可以，750x1334是2倍圖設計，1125x2346和1242x2208都是3倍圖來進行設計。

（圖片來自網絡）

　　如果是用PS做設計稿就用750*1334，如果是用SKetch或者XD來設計，常見是用1倍尺寸來說，也就是375*667或者375*812（iPhone X）。

　　如果以Android為設備進行設計，尺寸一般使用720x1280，1080x1920進行設計第一種是2倍圖，第二種是3倍圖。

　　ui手機界面設計的三個方面

　　一、界面效果的整體性、一致性

　　手機軟件運行于手機操作系統的軟件環境，界面的設計應該是基于這個應用平臺的整體風格，這樣有利于產品外觀的整合。

　　1、界面的色彩及風格與系統界面統一

　　軟件界面的總體色彩應該接近和類似系統界面的總體色調，例如：系統色調以藍色為主，我們的軟件界面的默認色彩最好與之吻合，若使用與之大相徑庭的色彩，比如大紅、檸檬黃，色彩的強烈變化會影響用戶的使用情緒，假想你買了一款從外觀到系統界面都很滿意的手機，操作的時候突然發現內置的應用軟件和系統界面不統一，你會有何感想呢?第一感覺不好的東西我們的用戶還會去用它嗎?所以我們要知道手機的外觀和系統界面已經是由手機制造商根據用戶審美習慣定制的，它應該有他們的審美群體，我們要給這款手機做軟件就應該有效地利用制造商基于此款手機的審美特征，以贏得喜愛此款手機的用戶，使他們對系統界面的肯定和喜愛有效的轉移到我們的產品上來。當然合理地結合系統界面進行設計還包括圖標、按鈕的風格及在不同操作狀態下的視覺效果。

　　2、操作流程的系統化

　　手機用戶的操作習慣是基于系統的，我們的界面設計在操作流程的安排上，也得遵循系統的規范性，讓用戶達到可以使用手機就會使用我們的軟件，簡化用戶操作流程!

　　二、界面效果的個性化

　　是不是我們追求整體性和一致性，就忽略軟件界面的個性化呢?整體性和一致性是基于手機系統視覺效果的和諧統一而考慮，個性化是基于軟件本身的特征和用途而考慮。因此這一點也是不容忽視的!

　　1、特有的界面構架

　　軟件的實用性是軟件應用的根本，我們設計應該結合軟件的應用范疇，合理的安排版式，以求達到美觀適用的目的，這一點不一定能與系統達到一致的標準，它應該具有它所具有的行業標準，例如:證券交易、地圖操作等界面特征，需要分析軟件應用的特征和流程制定相對規范性的界面構架。界面構架的功能操作區、內容顯示區、導航控制區都應該統一規范，不同功能模塊的相同操作區域的元素風格應該一致，讓用戶能夠對不同的模塊的操作迅速掌握。從而也使整個界面統一在一個特有的整體之中。

　　2、專用的界面圖標

　　軟件的圖標按鈕是基于自身應用的命令集，它的每一個圖形內容映射的是一個目標動作，因此作為體現目標動作的圖標，它應該有強烈的表意性，制作過程中選擇具有典型行業特征的圖符，有助于用戶的識別，方便操作。圖標的圖形制作不能太繁瑣，要適應手機本身顯示面積很小的屏幕，在制作上盡量使用像素圖，確保圖形質量清晰，如果針對立體化的界面，可考慮部分像素羽化的效果，以增強圖標的層次感。

　　3、界面色彩的個性化設置

　　色彩影響一個人的情緒，不同的色彩會讓人產生不同的心理效應，反之不同的心理狀態所能接受的色彩也是不同的，不斷變化的事物才能引起人的注意，界面設計的色彩個性化，目的就是用色彩的變換來協調用戶的心理，讓用戶對軟件產品時常保持一種新鮮度，它是通過用戶根據自己的需要來改變默認的系統設置，選擇一種自己滿意的個性化設置，達到軟件產品與用戶之間的協調性。在眾多的軟件產品中都涉及到了界面的換膚技術，在手機的軟件界面設計過程中，應用這一個性設置可以更大的提升軟件的魅力，滿足用戶的多方面需要!在具體操作實現的過程中，色彩的搭配顯得尤為重要，要考慮圖標色彩與換膚色彩的色彩反差和效果的統一，以不至于造成花、亂的界面效果。

　　三、界面視覺元素的規范

　　1、圖形圖像元素的質量

　　盡量使用較少的色深表現色彩豐富的圖形圖像，既確保數據量小又確保圖形圖像的效果完好，使圖形圖像在軟件系統中所占數據量盡量減小，提高程序的工作效率。

　　2、線條色塊與圖形圖像的結合

　　界面上的線條和色塊后期都會用程序來實現，這就需要考慮程序部分和圖像部分的結合，需要自然的結合才能協調界面效果的整體感，所以需要需要程序員與界面設計人員的密切溝通，達成一致。

（圖片來自網絡）

　　閱讀了上文小編的介紹，相信大家對手機ui界面設計圖片尺寸是多少以及ui手機界面設計的注意事項有大致的了解了。不同類型的手機，其界面設計規格也是有所不同的。