<samp id="tdkee"></samp>

    <mark id="tdkee"><acronym id="tdkee"></acronym></mark>

  1. 免费看又黄又无码的网站_久久久高清国产免费观看_亚洲一区二区三区在线免费观看_免费欧洲美女a视频一级毛片_日本最新免费二区三区

    ×

    移動(dòng)端界面設(shè)計(jì)之尺寸基礎(chǔ)常識(shí)

    • 作者:新網(wǎng)
    • 來源:新網(wǎng)
    • 瀏覽:100
    • 2018-03-03 16:04:22

    我們都知道移動(dòng)端界面設(shè)計(jì)的尺寸與電腦端的尺寸設(shè)計(jì)是不一樣的,有的企業(yè)因?yàn)橘M(fèi)用或者其他因素的考慮會(huì)考慮只設(shè)計(jì)適用電腦端的界面,或者兼容性高的網(wǎng)站頁(yè)面,這里就為大家總結(jié)一下移動(dòng)端界面設(shè)計(jì)之尺寸基礎(chǔ)常識(shí)。

    我們都知道移動(dòng)端界面設(shè)計(jì)的尺寸與電腦端的尺寸設(shè)計(jì)是不一樣的,有的企業(yè)因?yàn)橘M(fèi)用或者其他因素的考慮會(huì)考慮只設(shè)計(jì)適用電腦端的界面,或者兼容性高的網(wǎng)站頁(yè)面,這里就為大家總結(jié)一下移動(dòng)端界面設(shè)計(jì)之尺寸基礎(chǔ)常識(shí)。
     

    timg (2).jpg

    初涉移動(dòng)端設(shè)計(jì)和開發(fā)的同學(xué)們,基本都會(huì)在尺寸問題上糾結(jié)好一陣子才能摸到頭緒。我也花了很長(zhǎng)時(shí)間才弄明白,感覺有必要寫一篇足夠通俗易懂的教程來幫助大家。從原理說起,理清關(guān)于尺寸的所有細(xì)節(jié)。由于是寫給初學(xué)者的,所以不要嫌我啰嗦。
    現(xiàn)象
    首先說現(xiàn)象,大家都知道移動(dòng)端設(shè)備屏幕尺寸非常多,碎片化嚴(yán)重。尤其是Android,你會(huì)聽到很多種分辨率:480x800, 480x854, 540x960, 720x1280, 1080x1920,而且還有傳說中的2K屏。近年來iPhone的碎片化也加劇了:640x960, 640x1136, 750x1334, 1242x2208。
    不要被這些尺寸嚇倒。實(shí)際上大部分的app和移動(dòng)端網(wǎng)頁(yè),在各種尺寸的屏幕上都能正常顯示。說明尺寸的問題一定有解決方法,而且有規(guī)律可循。
    像素密度
    要知道,屏幕是由很多像素點(diǎn)組成的。之前提到那么多種分辨率,都是手機(jī)屏幕的實(shí)際像素尺寸。比如480x800的屏幕,就是由800行、480列的像素點(diǎn)組成的。每個(gè)點(diǎn)發(fā)出不同顏色的光,構(gòu)成我們所看到的畫面。而手機(jī)屏幕的物理尺寸,和像素尺寸是不成比例的。最典型的例子,iPhone 3gs的屏幕像素是320x480,iPhone 4s的屏幕像素是640x960。剛好兩倍,然而兩款手機(jī)都是3.5英寸的。
    所以,我們要引入最重要的一個(gè)概念:像素密度,也就是PPI(pixels per inch)。這項(xiàng)指標(biāo)是連接數(shù)字世界與物理世界的橋梁。
    以上文章就是小編為大家?guī)淼年P(guān)于移動(dòng)端界面設(shè)計(jì)之尺寸基礎(chǔ)常識(shí)的全部?jī)?nèi)容了,這些你都學(xué)會(huì)了嗎?
     

    免責(zé)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳,本網(wǎng)站不擁有所有權(quán),也不承認(rèn)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)本社區(qū)中有涉嫌抄襲的內(nèi)容,請(qǐng)發(fā)送郵件至:operations@xinnet.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),本站將立刻刪除涉嫌侵權(quán)內(nèi)容。

    免費(fèi)咨詢獲取折扣

    Loading
    国产精品视频白浆免费视频_久久久高清国产免费观看_亚洲一区二区三区在线免费观看_免费欧洲美女a视频一级毛片

    <samp id="tdkee"></samp>

      <mark id="tdkee"><acronym id="tdkee"></acronym></mark>