<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    UI設計師要懂的設計尺寸

    • 時間:2016-09-08 09:37
    • 發布:昆明UI培訓
    • 來源:chanpin100.com

    對于產品經理來講,掌握一些設計方面的知識,往往可以更輕松的和設計師交流。而首先我們應該了解的就是移動端設計尺寸規范。眾所周知,當前移動端屏幕尺寸非常多,碎片化非常嚴重。不管是IOS還是安卓,有很多種分辨率。

    達內昆明UI培訓為大家總結如下:

    安卓主流的分辨率有以下幾種:

    480x800, 480x854, 540x960, 720x1280,800x1280,1080x1920,2560x1440(2k屏)。

    蘋果主流的分辨率有以下幾種:

    640x960, 640x1136, 750x1334, 1242x2208。

    那么在我們設計的時候要采用哪種分辨率才是最合適的呢?

    要回答這個問題,我要先科普幾個概念。

    1)像素密度PPI

    首先是像素密度也就是PPI(Pixels per inch)。要知道屏幕是由很多個像素點構成的,這些像素點的個數也就是屏幕的分辨率構成屏幕的像素尺寸。而手機屏幕的物理尺寸和像素尺寸是不成比例的。

    雖然iphone4和iphone3GS的物理尺寸都是3.5英寸,但是iphone4的屏幕分辨率為640x960px,而iphone3GS的分辨率為320x480px,剛好是iphone4的1/4。這也就是iphone3gs和iphone4的物理尺寸相同,但是像素尺寸不同,這個不同我們用一個概念來表述,也就是上面提到的像素密度。

    2)倍率與邏輯像素

    在解釋這個概念前?我想問問大家有沒有想過為什么不同分辨率的手機,像iphone6plus和iphone6的顯示內容會相同,比如同樣一個郵件列表,兩個屏幕顯示的郵件數是相同的。按理說iphone6plus的分辨率更高,同樣一張圖片的話,在iphone6plus上不是應該看起來更小,所以顯示的郵件數更多么?

    這里就牽扯到一個概念也就是邏輯像素。iphone6plus的邏輯像素是414x736,它的分辨率是它的邏輯像素的3倍,也就是說它把3x3個像素當成一個像素來用,原本1個像素中顯示的內容,現在用9個像素來顯示,自然顯示效果就非常細膩逼真了。同樣iphone6的邏輯像素是375x667,它的分辨率是它的邏輯像素的2倍,也就是說在iphone6中,原本一個像素的內容用了2*2個像素點來顯示。只要兩個屏幕的邏輯像素相同,顯示的畫面就是相同的,屏幕分辨率不同的問題就用倍率解決了。

    上一篇:UI設計之產品開發的“兩個基本點”
    下一篇:設計尺寸之移動設備

    馬上預約三天免費體驗課

    姓名:

    電話:

    UI設計師:用戶思維,就是上帝思維

    UI設計師應該這樣輸出產品原型

    由標簽導航引發的問題:標簽導航的格局

    達內昆明UI培訓談談團隊文化建設

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>