手機設計規范

『壹』 做手機界面設計的尺寸是多少

從設計方面來看，做手機界面設計的尺寸一般分為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倍圖。

近年來iPhone和Android的設備增多，各尺寸也逐漸變多，下面有一份安卓屏幕尺寸表：

(1)手機設計規范擴展閱讀：

1、UI界面設計的基本要素：

機界面層級：idle(待機界面) Mainmenu(主菜單) Submenu(二級菜單)Third level menu(三級菜單) 界面除了包括圖標和文字外，比較重要的還有function animation(呼叫，發送信息等) 以及 function interface(計算器，日歷界面等)

明確意義的圖標，風格鮮明的版面設計是手機界面設計的重要工作，較為流行的是以Motorola，Nokia等為代表的歐洲簡單風格，以及韓國的時尚絢麗的風格。

2、設計注意事項：

尺寸問題： 480X800，540X960，720X1280，1080X1920象素尺寸是較常見的手機屏幕尺寸，在設計時可以根據實際產品要求進行設計，更大的屏幕可以有更多的交互表現和視覺元素的支持，較為自由。

色彩問題： 由於手機lcd本身的限制，在色彩的還原程度上沒有pc如此完善，因此在選用色彩時要根據使用的屏幕進行調節。

可實現性問題： 受到硬體運算速度和內存的影響，以及不可預計的後台程序開發難度，過於復雜的效果將很難進行實現，與程序工程師和ui工程師，硬體工程師的溝通顯得尤為重要。

『貳』 手機軟體用戶界面UI設計規范是怎樣的

用戶界面設計的規范性顯得尤為重要。 一些事一、界面效果的整體性、一致性yixieshi手機軟體運行於手機操作系統的軟體環境，界面的設計應該是基於這個應用平台的整體風格，這樣有利於產品外觀的整合。 yixieshi1、界面的色彩及風格與系統界面統一互聯網的一些事軟體界面的總體色彩應該接近和類似系統界面的總體色調，例如：系統色調以藍色為主，我們的軟體界面的默認色彩最好與之吻合，若使用與之大相徑庭的色彩，比如大紅、檸檬黃，色彩的強烈變化會影響用戶的使用情緒，假想你買了一款從外觀到系統界面都很滿意的手機，操作的時候突然發現內置的應用軟體和系統界面不統一，你會有何感想呢?第一感覺不好的東西我們的用戶還會去用它嗎?所以我們要知道手機的外觀和系統界面已經是由手機製造商根據用戶審美習慣定製的，它應該有他們的審美群體，我們要給這款手機做軟體就應該有效地利用製造商基於此款手機的審美特徵，以贏得喜愛此款手機的用戶，使他們對系統界面的肯定和喜愛有效的轉移到我們的產品上來。當然合理地結合系統界面進行設計還包括圖標、按鈕的風格及在不同操作狀態下的視覺效果。互聯網的一些事2、操作流程的系統化互聯網的一些事手機用戶的操作習慣是基於系統的，我們的界面設計在操作流程的安排上，也得遵循系統的規范性，讓用戶達到可以使用手機就會使用我們的手機軟體，簡化用戶操作流程一些事二、界面效果的個性化一些事是不是我們追求整體性和一致性，就忽略軟體界面的個性化呢?整體性和一致性是基於手機系統視覺效果的和諧統一而考慮，個性化是基於軟體本身的特徵和用途而考慮。因此這一點也是不容忽視的!一些事1、特有的界面構架yixieshi軟體的實用性是軟體應用的根本，我們設計應該結合軟體的應用范疇，合理的安排版式，以求達到美觀適用的目的，這一點不一定能與系統達到一致的標准，它應該具有它所具有的行業標准，例如:證券交易、地圖操作等界面特徵，需要分析軟體應用的特徵和流程制定相對規范性的界面構架。界面構架的功能操作區、內容顯示區、導航控制區都應該統一規范，不同功能模塊的相同操作區域的元素風格應該一致，讓用戶能夠對不同的模塊的操作迅速掌握。從而也使整個界面統一在一個特有的整體之中。 互聯網的一些事2、專用的界面圖標一些事軟體的圖標按鈕是基於自身應用的命令集，它的每一個圖形內容映射的是一個目標動作，因此作為體現目標動作的圖標，它應該有強烈的表意性，製作過程中選擇具有典型行業特徵的圖符，有助於用戶的識別，方便操作。圖標的圖形製作不能太繁瑣，要適應手機本身顯示面積很小的屏幕，在製作上盡量使用像素圖，確保圖形質量清晰，如果針對立體化的界面，可考慮部分像素羽化的效果，以增強圖標的層次感。互聯網的一些事3、界面色彩的個性化設置互聯網的一些事色彩影響一個人的情緒，不同的色彩會讓人產生不同的心理效應，反之不同的心理狀態所能接受的色彩也是不同的，不斷變化的事物才能引起人的注意，界面設計的色彩個性化，目的就是用色彩的變換來協調用戶的心理，讓用戶對軟體產品時常保持一種新鮮度，它是通過用戶根據自己的需要來改變默認的系統設置，選擇一種自己滿意的個性化設置，達到軟體產品與用戶之間的協調性。在眾多的軟體產品中都涉及到了界面的換膚技術，在手機的軟體界面設計過程中，應用這一個性設置可以更大的提升軟體的魅力，滿足用戶的多方面需要!在具體操作實現的過程中，色彩的搭配顯得尤為重要，要考慮圖標色彩與換膚色彩的色彩反差和效果的統一，以不至於造成花、亂的界面效果。一些事三、界面視覺元素的規范。互聯網的一些事1、圖形圖像元素的質量一些事盡量使用較少的色深表現色彩豐富的圖形圖像，既確保數據量小又確保圖形圖像的效果完好，使圖形圖像在軟體系統中所佔數據量盡量減小，提高程序的工作效率。

『叄』 安卓UI界面設計規范標准

簡單來說Mobile GUI設計就來是手持設備的自圖形用戶界面設計，狹義上來看是手機和PPC，廣義上可以推廣至手機，移動電視，車載系統，手持游戲機，MP3，GPS等一切手持移動設備。
Mobile GUI的設計基於對手持設備產品的使用特性的理解，對用戶的研究和對界面使用情景的深入研究。GUI的設計分為平台內置和主題設計部分，前者需要專業的design house根據廠家的實際產品進行設計分析後進行整體設計，後者則可以經由任何用戶進行自主設計，當然後者的設計限制和平台限制都比較大。
目前索愛和三星以及Nokia的S60平台支持用戶的Theme自定義設計。
設計研究的流程為：產品特性--用戶心理--市場背景--圖形設計策略--設計檢驗--實際設計投放

『肆』 按app界面設計規范設計的頁面做成手機網頁瀏覽尺寸太大

那隻能做自適應寬度的頁面了

『伍』 手機版網頁設計規范

手機版網頁設計和PC端網頁設計大同小異，只要注意手機端的整體排布盡量採用豎排，橫排太多會壓縮文字和圖片空間，影響呈現效果，手機頁面的尺寸一般寬度設置為640像素，高度不限，其他就沒什麼了！~

『陸』 安卓手機ui設計尺寸規范

眾所周知，安卓系統是開源的，國內又有超多的手機廠商，小米、魅族、華為、oppo、三星等，每一個品牌有屬於自己的UI設計規范，但是我們主要分析UI界面尺寸規范。
1、字體
安卓系統中文採用的是思源黑體，英文字體為robot字體。
只使用偶數單位 24 pt，28 pt，36 pt等字體大小
2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什麼意思？
講圖標之前先來分析一下一排英文的意思：
mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小，依次數值越大，其解析度越高。常用的是xxhdpi和xxxhdpi。
dp是安卓系統專用的長度單位，設備獨立像素的意思。不同設備有不同的顯示效果,這個和設備硬體有關。多為圖標使用，文字則用sp(放大像素)，主要用於字體顯示best for textsize。
px是像素的意思， 不同設備顯示效果相同。
從左到右依次是：① 應用欄高度：56dp；應用欄左右內邊距為16dp；應用欄圖標上下左內邊距為16dp；應用欄標題左內邊距為72dp；應用欄標題下邊距：20dp；
②應用欄高度為128dp；
③操作欄高度為56dp；標題欄高度：80dp；標題欄底部內邊距：8dp；描述區域高度：72dp；描述區底部內邊距：16dp。
5、列表高度
垂直邊框、水平外邊距、邊框左右外邊距各16dp；帶有圖標或者頭像的內容有72dp的左邊距。
垂直邊距
①狀態欄：24dp；②工具欄：56dp；③子標題：48dp；④列表項：72dp

『柒』 手機端網頁設計尺寸多少

要根據不同手機不同的屏幕解析度來規定尺寸。

一般做效果圖主流都是做480*800來測試，iphone4（或s)就用640*960，但這個都只是效果圖，真正開發還需要切圖用點9來做屏幕適配。

常見手機顯示屏解析度：96x65，96x96，128x96，128x128，160x128，160x160，176x144，220x176，240x176，320x240，640x480，800x480

蘋果4:960×640 像素，3.5英寸

三星：480×800 解析度

小米：480×854 4英寸TFT屏幕

android手機屏幕尺寸

1280×800 854×480 640×480 480×800 432×240 400×240 320×480 320×512 320×240

(7)手機設計規范擴展閱讀：

手機ui設計是手機軟體的人機交互、操作邏輯、界面美觀的整體設計。置身於手機操作系統中人機交互的窗口，設計界面必須基於手機的物理特性和軟體的應用特性進行合理的設計，界面設計師首先應對手機的系統性能有所了解。手機UI設計一直被業界稱為產品的「臉面」，好的UI設計不僅是讓軟體變得有個性有品味，還要讓軟體的操作變得舒適、簡單、自由，充分體現軟體的定位和特點。

隨著手機移動設備不斷普及，對手機設備的軟體需求越來越多，手機移動操作系統廠商正在不約而同地建立手機設備應用程序市場，如Apple的App Store、Google的Android Market、Microsoft的Windows Phone 7 Marketplace，給手機的終端用戶帶來巨量的應用軟體。這些軟體良莠不齊，界面各異，手機的終端用戶在眾多的應用使用中，最終會選擇界面視覺效果良好，且具有良好體驗的應用留在自己的手機上長期使用。

『捌』 iOS和安卓的設計規范有何不同

是一種基於Linux的自由及開放源代碼的操作系統。主要使用於移動設備，如智能手機和平板電腦，由Google公司和開放手機聯盟領導及開發。
iOS是蘋果公司的移動操作系統。
iOS是由蘋果公司開發的移動操作系統，蘋果公司最早於2007年1月9日的Macworld大會上公布這個系統，最初是設計給iPhone使用的，後來陸續套用到iPod touch、iPad以及Apple TV等產品上。
iOS和安卓的ui區別二：UI設計規范不一樣。
具體的UI設計規范詳解請點擊閱讀：iOS、Android、WindowsPhone官方設計規范匯總
比如現在通常設計的尺寸對比如下：
iOS： 750*1334 或者 1242*2208
android 720*1280 或者 1080*1920
iOS和安卓的ui區別三：導航方式不一樣
iOS的Tab放在頁面底部，不能通過滑動來切換，只能點擊。也有放在上面的，也不能滑動，但有些Tab本身可以滑動，比如天貓的。還有新聞類的應用。
Android一般放在頁面頂端，可以通過滑動頁面來切換Tab，當然Tab可以點擊切換，Tab多的話，Tab本身也可以滑動。比如豌豆莢，網路貼吧，QQ。總之，Android啥都可以有。
iOS和安卓的UI區別四：單條item的操作
iOS單條item的操作有兩種，點擊和滑動，點擊一般進入一個新的頁面，滑動會出現對這條item的一些常用操作，如微信里滑動一條對話，會出現標記未讀和刪除。
Android中，單條item的操作也有兩種，點擊和長按，點擊一般進入一個新的頁面。長按進入一個編輯模式，可以在裡面進行批量和其他一個操作，比如刪除，頂置等等。比如小米的簡訊頁面；長按也可以彈出情境操作欄dialog，進行操作，比如Android版的微信。
OS和安卓的UI區別五：實體鍵
iOS只有一個實體鍵（音量，電源不算哈），home鍵，這個鍵有這么幾個功能：
1、按一次，回到桌面。
2 、雙擊，出現多任務界面
3、iOS8裡面，輕觸兩下Home鍵，調出單手模式
4 、指紋解鎖
Android有四個實體鍵（現在很多被屏幕上的虛擬鍵代替，但功效是一樣的）4.4一下的分別是back鍵，home鍵，menu鍵，和搜索鍵。4.4及以上，是back鍵，home鍵，多任務鍵。安卓原生是這樣，經過優化的Android就不一定了，比如魅族的smart bar，根據當前頁面情景變化，不過蠻好用。
Android的back鍵，在大部分情況下，和頁面上的返回功效一樣。不過，Android的back鍵可以在應用件切換，還可以返回主屏幕。這個iOS裡面的鍵不能在應用間直接切換。
iOS和安卓的UI區別六：浮窗設計元素不一樣
安卓里可以看到各種浮窗，流量，清理內存等等。iOS暫時還不支持這樣的浮窗。越獄的貌似可以。
iOS和安卓的UI區別七：圖標尺寸和命名規范不一樣
1、iOS和安卓手機的APP圖標尺寸規范和圖標命名規范
2、對比PC、iOS、Android等終端APP的交互設計的差異化

『玖』 如何評價新版 iPhone X 的設計規范

10 個設計師里 9 個強迫症，剩下那個去設計了 iPhone X……
發布會謝幕了，媒體們也發完了新聞稿，朋友圈也熱鬧過了，接下來的工作該輪到設計師了。iPhone X 11月才發貨，但你也許已經接到做適配設計的任務了。在這之前，讓我們先來看看這個 iPhone X，對 UI 設計師的日常工作有什麼影響。
新增的虛擬 Home 指示條——你不得不考慮的設計元素之一
iPhone X 邁向了全面屏，移除了原本在手機底部的實體 Home 鍵，取而代之的是一條 134 x 5 pt 的虛擬 Home 指示條。「底端上劃」成為了全局性的系統操作，它可以讓你返回桌面（原本的單擊 Home 鍵），或者切換應用程序（原本雙擊 Home 鍵）。我將這個虛擬 Home 指示條的特性總結為以下五點：
特性一：如影隨形
蘋果在最新的開發文檔中指出，這個 Home 指示條是「至關重要的系統元素」，除了在某種特殊條件下，這個指示條將永遠伴隨著你的 App，成為強制的設計元素出現在屏幕中。這就意味著，在你的 App 設計中你將不得不為它保留位置，並考慮好周圍元素與它的兼容關系。

特性二：黑白雙煞
什麼？你說你想做彩虹漸變指示條？少俠你太天真了……這個虛擬 Home 指示條只有亮／暗兩種模式，它會自動根據周圍背景，選擇將自己變身成白色或是黑色，從而盡可能地和周圍背景有所區分。