羞羞久久久久久,久久精品国产WWW456C0M,国产精品自产拍高潮在线观看,国产精品久久久久影院嫩草

MENU 服務(wù) 案例
網(wǎng)站建設(shè)-網(wǎng)站設(shè)計(jì)-北京網(wǎng)站建設(shè)-高端網(wǎng)站制作公司-尚品中國(guó)
我們通過(guò)擁抱變化創(chuàng)造
360°的品牌價(jià)值__
簡(jiǎn)體
簡(jiǎn)體中文 English

尚品簽約辰欣藥業(yè)股份有限公司官網(wǎng)建設(shè)

類(lèi)型:尚品動(dòng)態(tài) 了解更多

Web與App實(shí)踐用戶(hù)體驗(yàn)篇之如何針對(duì)多種屏幕尺寸設(shè)計(jì)合理的移動(dòng)應(yīng)用

來(lái)源:尚品中國(guó)| 類(lèi)型:網(wǎng)站百科| 時(shí)間:2012-02-03
身為一個(gè)移動(dòng)web網(wǎng)站的設(shè)計(jì)師,除非你只是針對(duì)某種特定的設(shè)備設(shè)計(jì),否則你應(yīng)該會(huì)常常碰到這樣的問(wèn)題:如何清楚地了解網(wǎng)站運(yùn)行設(shè)備的屏幕尺寸大???這個(gè)問(wèn)題一直困擾著移動(dòng)設(shè)備上的設(shè)計(jì)師。

例如:

iPhone的高度是480個(gè)像素,寬320像素。

許多Nokia N系列設(shè)備的寬度為240像素,高度為320像素。

許多更新款的設(shè)備支持寬度和高度顛倒的視圖。

舊款的Nokia(目前仍然比較流行)設(shè)備屏幕的尺寸從176×208到352×416不等。

Blackberry屏幕的分辨率也是從160×160到324×352各種尺寸都有。

本文意在說(shuō)明如何針對(duì)豐富的移動(dòng)設(shè)備和屏幕尺寸,合理地設(shè)計(jì)應(yīng)用視圖。首先提出兩個(gè)小屏幕設(shè)計(jì)中的關(guān)鍵問(wèn)題——屏幕和像素大小的多樣性。

處理多樣性

現(xiàn)在你可能會(huì)問(wèn)自己“我的設(shè)計(jì)真的需要滿(mǎn)足所有這些不同的屏幕尺寸嗎?”,或者是“我是否應(yīng)該為每種不同的設(shè)備專(zhuān)門(mén)設(shè)計(jì)一個(gè)版本?”這完全取決于你的項(xiàng)目的商業(yè)要求,有的設(shè)計(jì)可能只需要滿(mǎn)足一種屏幕尺寸——或者說(shuō)是一種設(shè)備就足夠了。但如果項(xiàng)目要求你的設(shè)計(jì)必須支持大多數(shù)的主流設(shè)備,那么你就必須找到一種處理多種屏幕尺寸的有效方法了。

不用慌張,事情沒(méi)有那么可怕。在設(shè)計(jì)移動(dòng)web時(shí),你完全可以假設(shè)頁(yè)面是可以上下滾動(dòng)的——就像桌面瀏覽器中的應(yīng)用一樣。這樣就不用考慮屏幕的高度問(wèn)題了,你可以將主要的精力集中在處理設(shè)備屏幕的寬度上了。幸運(yùn)的是,DeviceAtlas Explorer已經(jīng)提供了大量已有設(shè)備的屏幕寬度統(tǒng)計(jì)信息了。

正如圖表所示,大多數(shù)的屏幕寬度主要集中在128,240和176像素這幾種類(lèi)型中——而剩余的集中類(lèi)型:120,130,160,208和220像素——和最多的三種類(lèi)型值也相差不大。還有一小部分的屏幕尺寸寬度為96,101,320或是大于320像素。屏幕寬度低于128像素的設(shè)備只占了很小的比例,總共有469個(gè)設(shè)備。

還有一點(diǎn),不到5%的設(shè)備寬度大于320個(gè)像素。但這一數(shù)字可能會(huì)在未來(lái)有所提升,目前已經(jīng)可以看到,小屏幕(128,176等)設(shè)備正逐漸被大屏幕(240+)設(shè)備所代替。下面的圖表給出了相關(guān)的分析。

屏幕的分辨率的確很重要,但還有一點(diǎn)同樣也必須考慮——屏幕的物理尺寸。

‘像素問(wèn)題’

這些年來(lái),設(shè)計(jì)師主要是針對(duì)大型的桌面設(shè)備設(shè)計(jì)視圖。盡管顯示器的物理尺寸可能不盡相同,但屏幕的尺寸基本都為1024×768像素;常見(jiàn)的像素密度為85 ppi(pixels-per-inch)。但是最近,顯示的視圖開(kāi)始發(fā)生了一些變化:

Asus Eee PC 900上網(wǎng)本的分辨率為1024×600像素,像素密度約為133ppi。

Apple iPhone的分辨率為320×480像素,其中像素密度為160ppi。

Nokia的E60屏幕的分辨率為416×352,而像素密度是240ppi。

為了支持多種設(shè)備,像素密度的不同將帶來(lái)新的問(wèn)題;像素的大小也將影響整個(gè)設(shè)計(jì)的效果。

下圖顯示了在像素密度為72,144和240ppi的設(shè)備上,100×100像素的圖像的顯示效果。隨著圖片越來(lái)越小,圖像的形狀和一些細(xì)節(jié)都有所變形。

幸運(yùn)的是,追求高像素密度的風(fēng)潮似乎已經(jīng)過(guò)去了,目前超過(guò)200 ppi的設(shè)備還并不多見(jiàn)了。這意味著,你并不是真的需要支持上圖中列出的所有的像素密度。但是,在設(shè)計(jì)的時(shí)候,你需要記住,不能想當(dāng)然地認(rèn)為所有的設(shè)備的像素都是相等的。需要做到以下幾點(diǎn):

確定你需要支持的像素密度的范圍。

在真實(shí)設(shè)備上檢測(cè)你的設(shè)計(jì),以防某些極端的情況被你忽略了。

使用相對(duì)單位設(shè)計(jì)和定義布局元素,比如ems或是百分百。這將提供一個(gè)更真實(shí)的布局元素尺寸和位置信息。

由于制造商想要提升操作系統(tǒng)的靈活性,因此‘像素問(wèn)題’將受到越來(lái)越多的關(guān)注。事實(shí)上,Google的Android系統(tǒng)已經(jīng)實(shí)現(xiàn)了一個(gè)“>potentially interesting solution”方案來(lái)解決像素的問(wèn)題。Android操作系統(tǒng)采用了一個(gè)抽象的‘dp’(獨(dú)立像素密度)單位,它是基于160 ppi屏幕尺寸的。這樣一來(lái),設(shè)計(jì)人員就能使用相對(duì)大小定義字體以及其他界面元素了,從而根據(jù)設(shè)備的真是尺寸自動(dòng)調(diào)節(jié)視圖了。

來(lái)源聲明:本文章系尚品中國(guó)編輯原創(chuàng)或采編整理,如需轉(zhuǎn)載請(qǐng)注明來(lái)自尚品中國(guó)。以上內(nèi)容部分(包含圖片、文字)來(lái)源于網(wǎng)絡(luò),如有侵權(quán),請(qǐng)及時(shí)與本站聯(lián)系(010-60259772)。
TAG標(biāo)簽:

推薦新聞

更多行業(yè)
如果您的網(wǎng)站可以增加轉(zhuǎn)化次數(shù)并提高客戶(hù)滿(mǎn)意度,該怎么辦?

預(yù)約專(zhuān)業(yè)咨詢(xún)顧問(wèn)溝通!

*尚品專(zhuān)業(yè)顧問(wèn)將盡快與您聯(lián)系

免責(zé)聲明

非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。

1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。

2、本站不承擔(dān)用戶(hù)因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問(wèn)題參見(jiàn)國(guó)家有關(guān)法律法規(guī),當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí),以國(guó)家法律法規(guī)為準(zhǔn)。

4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!

聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com

現(xiàn)在就與專(zhuān)業(yè)咨詢(xún)顧問(wèn)溝通!

  • 全國(guó)服務(wù)熱線(xiàn)

    400-700-4979

  • 北京服務(wù)熱線(xiàn)

    010-60259772

信息保護(hù)中請(qǐng)放心填寫(xiě)
在線(xiàn)咨詢(xún)

免責(zé)聲明

非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。

1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。

2、本站不承擔(dān)用戶(hù)因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問(wèn)題參見(jiàn)國(guó)家有關(guān)法律法規(guī),當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí),以國(guó)家法律法規(guī)為準(zhǔn)。

4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!

聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com

广元市| 宿州市| 绿春县| 太谷县| 平顺县| 汽车| 宜章县| 通州市| 军事| 武汉市| 石河子市| 紫阳县| 普陀区| 通山县| 贡觉县| 呼伦贝尔市| 广南县| 根河市| 阜阳市| 安乡县| 永州市| 双桥区| 洛浦县| 阿拉尔市| 延长县| 竹北市| 阿合奇县| 嘉义县| 雷山县| 绵阳市| 微山县| 同江市| 刚察县| 醴陵市| 龙江县| 隆子县| 沁阳市| 武功县| 吉安市| 延川县| 洛浦县|