當前位置:首頁 » 軟體設計 » 手機網站設計尺寸

手機網站設計尺寸

發布時間: 2021-01-01 13:33:52

1. 做一個手機網站在用PS設計時的尺寸要多少才合適

320*640 640*480 480*800 800*600等等, 我之前做的手機網站用的是480*800的 ,作圖的時候尺寸要求不是很嚴格,主要是切圖的時候 寬度要自適應

2. 做手機界面設計的尺寸是多少

從設計方面來看,做手機界面設計的尺寸一般分為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的設備增多,各尺寸也逐漸變多,下面有一份安卓屏幕尺寸表:

(2)手機網站設計尺寸擴展閱讀:

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

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

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

2、設計注意事項:

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

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

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

3. 手機網頁UI設計尺寸是多少

這個不同手機尺寸不一樣,比如
iphone3 320*480 iphone4 640 * 960
android 240*320 320* 480 480* 854 這些比較常用,還有一些其他解析度
看你具體是針對什麼手機做的了!

4. 有誰知道手機網頁設計尺寸。

iPhone手機網頁的設計尺寸
iPhone5尺寸是640x1136px解析度是326PPI
iPhone4和iPhone4S尺寸內是640x960px解析度是326PPI
iPhone和iPodTouch第一代、第二容代、第三代尺寸是320x480px解析度是163PPI
安卓網頁的設計尺寸
320dp:一個普通的手機屏幕(240X320,320×480,480X800)
480dp:一個中間平板電腦像(480×800)
600dp:7寸平板電腦(600×1024)
720dp:10寸平板電腦(720×1280,800×1280)
ipad網頁的設計尺寸
iPad第三代第四代尺寸是2048x1536px解析度是264PPI
iPad第一代第二代尺寸是1024x768px解析度是132PPI
iPad Mini尺寸是1024x768px解析度是163PPI
以上是移動端的尺寸,單獨的如果某一個移動的網站的尺寸是沒有的,因為移動網站的一半情況是按照%比的尺寸 來自動適應屏幕的大小,或者也通過設置,iphone執行什麼尺寸,安卓情況執行什麼尺寸的。

5. 設計手機網站的尺寸是多少解析度,解析度為多少ppi

一般為640的寬度,長度沒啥要求

6. 智能手機的網頁設計尺寸多大為佳

現在的手機網站設計大都會採用百分比,所以不用考慮這個問題了。因為不是所版有手機權的屏幕大小都是一樣的。【Mcmore手機商城系統】採用行業先進的HTML5技術,與傳統意義上的WAP手機商城不同,使你的手機網店更加接近手機APP界面,界面交互完美而且功能完善。http://www.mcmore.com/ydds/

7. 設計一個手機網站的尺寸寬度是用640px還是750px

iPhone手機網頁的設計尺寸
iPhone5尺寸是640x1136px解析度是專326PPI
iPhone4和iPhone4S尺寸是640x960px解析度是326PPI
iPhone和iPodTouch第一代、屬第二代、第三代尺寸是320x480px解析度是163PPI
安卓網頁的設計尺寸
320dp:一個普通的手機屏幕(240X320,320×480,480X800)
480dp:一個中間平板電腦像(480×800)
600dp:7寸平板電腦(600×1024)
720dp:10寸平板電腦(720×1280,800×1280)
ipad網頁的設計尺寸
iPad第三代第四代尺寸是2048x1536px解析度是264PPI
iPad第一代第二代尺寸是1024x768px解析度是132PPI
iPad Mini尺寸是1024x768px解析度是163PPI

8. 手機端網頁設計尺寸多少

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

一般做效果圖主流都是做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

(8)手機網站設計尺寸擴展閱讀:

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

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

9. 網頁設計標准字體大小為多少毫米電腦顯示器,包括手機的,最好還有畫布畫板的尺寸 懂得給分

一般中文的字體大小是12px或者14px。隨著顯示器解析度不斷提高,12px的文字在大於1440*900的顯示器里看起專來會顯得比較小,閱讀起屬來不是很容易,所以現在網頁設計裡面用12px的已經比較少了,特別是文章正文部分,普遍都會用14px。13px的字體在IE6下面會有一點點顯示上的bug,所以現在用得也不太多,不過隨著IE6慢慢被淘汰,這個問題也不再是一個問題了。而對於標題欄的文字大小,沒有特別的限制,視覺上感覺舒服就行。
字體大小代碼:font-size:14px(字體大小14像素)
對於font-family,一般來說14px及以下大小的文字,應當設置為宋體,當然也可以設置為微軟雅黑。不過在XP下默認是沒有雅黑字體的,所以在css裡面可以這樣設置字體:
font-family:"Microsoft Yahei",simSun,Arial;
把幾個字體用逗號隔開,如果系統沒有第一種字體,就用第二種,如果沒有第二種就用第三種,以此類推。

10. 急 請問觸屏版網站設計尺寸

首先,我們先來定義一下手機的屏幕大小的歸類檔次:

A. 小屏幕:寬度240 px 以下屏幕或者2.4 以下屏幕

一般以非智能機為主,歸在這個分類中的手機屏幕,一般是以java版本的客戶端為主。

B. 中等屏幕:寬度240~320 px,或者2.4~3.0吋屏幕

智能手機以Symbian或S60 v1,2,3,Windows mobile為主流;或者是非智能手機的客戶端以java版本為主。

同時包括240*320的寬屏手機。

C. 大屏幕:寬度320 px以上屏幕或者 3.0吋以上的屏幕

iPhone 手機只有兩個版本的適配,屏幕物理尺寸保持一致;

Android 系統手機及衍生平台手機

Win phone 7 系統手機

Nokia S60 v5,symbian 3等

2.適配原則

1) 客戶端的logo,在各個手機上都應該清晰地顯示

2) 標題或者底部欄必須100%的與手機寬度適配

3) 文字內容如果顯示不下的話,可以自動適配寬度進行折行

4) 圖片可以根據寬度進行自動縮放,屏幕寬度超過圖片本身時,顯示圖片本身的大小

5) 適配過程中,界面的元素的寬高最小值應該符合用戶的主觀舒適范圍值。

6) 不能完全使用解析度的絕對比例來對界面布局進行縮放;

熱點內容
美發店認證 發布:2021-03-16 21:43:38 瀏覽:443
物業糾紛原因 發布:2021-03-16 21:42:46 瀏覽:474
全國著名不孕不育醫院 發布:2021-03-16 21:42:24 瀏覽:679
知名明星確診 發布:2021-03-16 21:42:04 瀏覽:14
ipad大專有用嗎 發布:2021-03-16 21:40:58 瀏覽:670
公務員協議班值得嗎 發布:2021-03-16 21:40:00 瀏覽:21
知名書店品牌 發布:2021-03-16 21:39:09 瀏覽:949
q雷授權碼在哪裡買 發布:2021-03-16 21:38:44 瀏覽:852
圖書天貓轉讓 發布:2021-03-16 21:38:26 瀏覽:707
寶寶水杯品牌 發布:2021-03-16 21:35:56 瀏覽:837