漂亮人妻洗澡被公强啪啪_中文字幕AV人妻少妇一区二区_亚洲日韩精品欧美一区二区一_中文字幕亚洲乱码熟女一区二区

分享到:

陜西無憂互聯網絡科技有限公司2陜西無憂互聯致力php網站建設,搜索引擎推廣優化

聯系資料

陜西無憂互聯網絡科技有限公司2
所在地區:
陜西省 西安市
公司主頁:
暫無
電話號碼:
029-*******
傳真號碼:
暫無
聯 系 人:
姚經理
移動電話:
1340*******
電子郵箱:
***996193@qq.com***

手機網站設計尺寸及界面布局

發布于:2015年(nian)03月18日 來源:springcrossstitch.cn
[摘要]隨著手機網民的巨曾以及各個手機應用平臺的上線,幾乎所有的互聯網應用都紛紛往手機平臺上遷移。但是當前的手機種類繁多,手機屏幕的大小、分辨率各異,因此既要考慮應用在不同屏幕大小上的兼容,又要保持其一致性,那么手機網站設計尺寸及界面布局是怎么樣滿足這一要求的呢?很多人不是很清楚下面小編給大家介紹一下:


在客戶端的設(she)計過程中,針對不同的屏幕大小,應該如(ru)何來設(she)計?是否(fou)每個(ge)大小的屏幕尺寸都需要(yao)一個(ge)新(xin)的界(jie)面布局,
一.屏幕大小(xiao)正確理解
說起屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)大(da)(da)小(xiao)的(de)(de)(de)時(shi)候,會有兩種表達方式,1) 我的(de)(de)(de)屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)2.4寸(cun),你的(de)(de)(de)屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)3.5寸(cun),2)這個屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)分(fen)辨率(lv)(lv) 240*320,那(nei)個屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)分(fen)辨率(lv)(lv)為320*480。但在(zai)設計過(guo)程中,屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)的(de)(de)(de)分(fen)辨率(lv)(lv)和(he)屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)的(de)(de)(de)實(shi)際(ji)尺寸(cun)必(bi)須(xu)同(tong)時(shi)考慮,屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)物理(li)尺寸(cun):屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)對角線長(chang)的(de)(de)(de)實(shi)際(ji)尺寸(cun),如2.4寸(cun),3.5寸(cun)等等;屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)分(fen)辨率(lv)(lv):屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)所(suo)能顯示像(xiang)素的(de)(de)(de)多(duo)少。物理(li)尺寸(cun)決(jue)定了屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)的(de)(de)(de)實(shi)際(ji)尺寸(cun),而分(fen)辨率(lv)(lv)可以表示屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)上(shang)可以呈現的(de)(de)(de)像(xiang)素點數,屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)密(mi)(mi)度(du)決(jue)定了屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)的(de)(de)(de)精細(xi)程度(du)。相(xiang)(xiang)同(tong)的(de)(de)(de)屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)大(da)(da)小(xiao),如果(guo)分(fen)辨率(lv)(lv)高(gao),則屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)元(yuan)素更精細(xi)。一(yi)個界(jie)面元(yuan)素在(zai)屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)里的(de)(de)(de)實(shi)際(ji)尺寸(cun)卻是與屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)密(mi)(mi)度(du)相(xiang)(xiang)關,屏(ping)(ping)(ping)(ping)幕(mu)(mu)(mu)(mu)(mu)密(mi)(mi)度(du)較小(xiao)的(de)(de)(de)屏(ping)(ping)(ping)(ping)上(shang),界(jie)面元(yuan)素的(de)(de)(de)實(shi)際(ji)尺寸(cun)就會大(da)(da)些(xie)。
二.設計過程(cheng)與(yu)屏(ping)幕適(shi)配思(si)路
確(que)定(ding)目標的(de)(de)(de)屏(ping)(ping)幕(mu)大小,屏(ping)(ping)幕(mu)大小由寬(kuan)(kuan)度(du)(du)(du)和高度(du)(du)(du)兩個因素決定(ding),但是(shi)在(zai)布(bu)局手機客戶端的(de)(de)(de)過程中,最(zui)關(guan)心的(de)(de)(de)是(shi)寬(kuan)(kuan)度(du)(du)(du)值。寬(kuan)(kuan)度(du)(du)(du)確(que)定(ding)后(hou),高度(du)(du)(du)可以由滾動或者翻頁來顯示(shi)所有內容;文(wen)(wen)字可以在(zai)適(shi)當(dang)的(de)(de)(de)位置折行;標題欄可以伸縮適(shi)配屏(ping)(ping)幕(mu)寬(kuan)(kuan)度(du)(du)(du)等等。但并不(bu)是(shi)不(bu)考慮高度(du)(du)(du),圖標、文(wen)(wen)字、特(te)殊的(de)(de)(de)組(zu)件(jian)不(bu)僅需要考慮寬(kuan)(kuan)度(du)(du)(du),也(ye)需要考慮整個屏(ping)(ping)幕(mu)的(de)(de)(de)布(bu)局是(shi)否(fou)與之適(shi)配。
由(you)于手機系統(tong)各(ge)異,手機的(de)(de)屏(ping)幕尺(chi)寸五花八門,屏(ping)幕的(de)(de)性能也呈現(xian)多樣(yang)性,還(huan)有觸摸屏(ping)和非觸屏(ping)的(de)(de)區分(fen),這四個變量(liang)結合起來,會有無(wu)數(shu)種不同的(de)(de)情況,如何能使你的(de)(de)應用完美(mei)地展現(xian)給用戶,適(shi)(shi)配固(gu)然(ran)很重要(yao)(yao),但是更重要(yao)(yao)的(de)(de)是你要(yao)(yao)在適(shi)(shi)配之(zhi)前,確定(ding)應用的(de)(de)目(mu)標群體也很重要(yao)(yao)啦,一定(ding)要(yao)(yao)選擇適(shi)(shi)合自己(ji)的(de)(de)。

詳細咨詢:,,