ui設計師常用尺寸大全-tft每日頭條

ui設計師常用尺寸大全

圖文更新时间:2025-02-21 04:06:12

【續】設計師必懂“px、pt、ppi、dpi、dp、sp”全能解析

Hi，夥伴們天冷注意加件衣服哦！最近感覺自己一下子就老了，怎麼證明呢？不用等老媽說你，你就已經把秋褲穿上了.....

ui設計師常用尺寸大全（UI設計師切圖适配1x）1

好得，進入正軌！上次說了“px、pt、ppi、dpi、dp、sp等等”這些亂碼七糟的字符到底是什麼意思，今天就讓我們來解析一下适配中常用的@1x、@2x、@3x:

很多時候我們設計東西都是有一個設計規範的咱們拿蘋果舉例：

設備：iphone4、iphone4s

尺寸：640*960px

分辨率：326ppi

設備：iphone5、iphone5s

尺寸：640*1136px

分辨率：326ppi

設備：iphone6

尺寸：750*1334px

分辨率：326ppi

設備：iphone6 Plus

尺寸：1080*1920px（物理）1242*2208px（邏輯）

分辨率：326ppi

給大家解釋下iphone6 Plus提到了物理分辨率與邏輯分辨率：

簡單來說物理分辨率是硬件所支持的，邏輯分辨率是軟件可以達到的。

當我們設計的時候用的單位是px，可以說是物理分辨率尺寸，相反用的單位是pt的時候，可以說是邏輯分辨率尺寸。

當我們做出一個APP頁面的時候，因為移動設備的屏幕尺寸不同，需要切出來很多的元素，下面拿淘寶舉例：

ui設計師常用尺寸大全（UI設計師切圖适配1x）2

iphone切圖轉換的關系：@1x：@2x：@3x = 1:2:3

iphone的切圖适配：

命名.png 适配163ppi（iphone1、2、3）

命名@2x.png 适配326ppi（iphone4、4s、5、5s、6）

命名@3x.png 适配401ppi（iphone6plus）

下面我們拿@1x 60*60px舉例：

ui設計師常用尺寸大全（UI設計師切圖适配1x）3

适配簡單地說就是讓用戶有更好的視覺體驗，根據不同的屏幕尺寸來适配完美的圖标

ui設計師常用尺寸大全（UI設計師切圖适配1x）4

總結：互聯網時代總是在不挺的變化如

新出的iphone7：750*1334px的分辨率像素密度為326ppi

iphone7 Plus分辨率為1920*1080px 像素密度為401ppi 系統更新到了ios10

所以大家也要一起學習與了解，感謝大家的閱讀，祝各位有一個美好的心情去迎接辛苦的工

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

圖文面粉做的美食涼拌
一碗面粉五碗清水教你做一道非常好吃的美食，無任何的添加劑，現做現吃，鮮嫩又Q彈，關鍵是好吃不貴，一學就會，一起來看看是怎麼做的吧，食材：面粉、食鹽、食用堿、木薯澱粉、蒜末、蔥末、幹辣椒、白芝麻、食用油、蘋果醋、生抽、醬油、雪碧、香菜、豆芽、... 2023-01-18
圖文譚松韻怎麼演的李尖尖
糞蟲至穢，變為蟬而飲露于秋風；腐草無光，化為繭而耀采于夏月。因知潔常自污出，明每從晦生也。這句話送給電視劇《請叫我總監》裡的譚松韻飾演的甯檬。夢想她在陸既明公司堅守三年秘書的崗位，就是因為曾經陸既明給她許下的承諾，三年後轉崗進投資部。這是她... 2023-02-22
圖文第一次約會約在哪比較合适
很多人不知道約會該怎麼和女生相處，約女生無非就是老掉牙的約會三件套——吃飯、逛街、看電影。即便是這老掉牙的約會方法，一些男生都玩不出花樣，更别提和女生從白天玩到晚上的方法了。約會怎麼和女生相處1、消除陌生感2、聊天扯淡3、開開玩笑4、肢體接... 2022-12-03
圖文一個洗衣店一年賺2萬
站在人性的角度，重新構建商業模式。俗話說：女怕嫁錯郎，男怕入錯行。曆史上所有的失敗經驗都告訴我們：選擇大于努力。就拿工廠的工人來說，他們每天上班12個小時，無休無假，靠着計件模式拿着那點微薄的工資，你能說他不夠努力嗎？事實上，他們是中國最努... 2023-01-05
圖文企業财務被騙事件處罰
來源：北京頭條近日，上海某公司财務張女士被騙子拉到QQ群，期間“領導”命令張女士将198.6萬元合同款轉入一銀行賬戶。此時，老闆收到扣款短信，一頭霧水，找張女士了解情況。意識到被騙後，他倆馬上報警。民警趕到銀行，一番查詢後“驚喜”發現，張女... 2023-01-13
圖文遇見你用我一生去守候
每一個日落黃昏，我都好想和你在一起。每一個寂寂長夜，我都好想和你在一起。每一個花開時節、葉落時節、滿山青碧時節、寒雪紛飛時節，我都好想好想和你在一起。對你的愛戀，晨昏日暮、春秋流轉從未隔斷，你是人世間最美的相見，是我時光中最美的守候，是我靈... 2023-02-10
圖文相親第一眼見面就覺得不合适
最近幾年，我身邊的朋友也逐漸步入了适婚的年紀，每次聚會的時候大家都會聊到相親時遇見的各種情況。我一直覺得很奇怪，我的這些朋友們自身條件都還不錯，身邊的親戚在給他們介紹對象時，肯定也考慮過雙方是否匹配這個問題。換句話說，和他們相親的對象應該也... 2023-01-04
圖文亞馬遜孵化中心教程
今年3月份的時候，美國Amazon（亞馬遜）上線了一個新的AmazonExclusives頻道，其中有很多來自衆籌平台Kickstarter上的産品。不過這些商品都是由亞馬遜來發貨和配送的，所以售後服務有保障，比發貨時間不确定、産品質量不能... 2023-03-12
圖文清穿四爺文女主是福晉
1《福晉有喜：四爺，寵上天》2《重生福晉求和離》3《清穿之福運無雙》4《重生十福晉》《福晉有喜：四爺，寵上天》作者：冰嬸[強推]文案：清穿當天，若音就和四爺同床共枕。身為嫡福晉的她，白天要穿得正兒八經，扮演賢良淑德的小福晉。夜裡褪，去錦衣華... 2023-02-08
圖文小時候以為山的那邊是海
#電台#大家好我是邱一涵我是一個活潑開朗，“調皮搗蛋”但是我是一個帥氣的男生！看書，畫畫能夠讓我安靜下來今天我帶來的是《在山的那邊》HAPPYDAY01#山的那邊SEP.我們的生活離海邊很近每每到夏天就能看到孩子們和家長一起前往海邊玩耍海的... 2022-12-26
圖文水培富貴竹加什麼長得快
在家裡養一些漂亮的盆栽花卉，或是水培一些植物，一來可以淨化室内的空氣，二來也可以美化我們的家居環境，另外還特别的環保。在家裡養花，很多朋友都喜歡水培幾株富貴竹，因為富貴竹寓意特别好，葉子翠綠茂盛，水培起來也非常簡單，但是有的花友在水培的過程... 2023-01-17
圖文腌制臘八蒜用哪種醋好
臘八節是我國的傳統節日，在這天，除了要喝臘八粥，還要腌臘八蒜。但現在很少有人會等到臘八節這天才腌臘八蒜，天冷了以後就常會腌一些臘八蒜來吃，無論是吃餃子、吃面條、做涼拌菜都少不了要用到臘八蒜。說到臘八蒜，這其中還有一個典故，在以前的京城，每逢... 2023-01-18
圖文涼城天暖
來源：常州日報-常州網你看到了嗎？有高舉的保護我們的手，有蹲下去給我們當基石的身體，有伸長了來拉我們的胳膊。今天上午6點多，8輛電動貨三輪送到了九洲君玺小區門口。“太好了！這幾天我們兩隻腳都快走廢了，每天都在3萬步朝上。現在有了電動車，無論... 2023-01-13
圖文張衛健為什麼經常剃光頭
大家都知道，張衛健平時就是以光頭的形象示人的，所以，很多人就認為，張衛健是不是身體有什麼問題，導緻了自己不長頭發呢，其實，并不是的，看過年輕時候張衛健照片的人都知道，年輕的張衛健還是非常的帥氣的，而且也是滿頭的黑發。但是，不知道什麼原因，張... 2023-02-28
圖文平時吃維生素e的好處與壞處
如今人們的生活越來越好，各方面水平都有了大幅度提高，大家對自身的健康狀态也越來越重視，平時會尋求各種養生之法，在堅持中醫調養的同時，服用維生素也一行而起，比如比較常見的維生素e。維生素E是脂溶性維生素，作為一種經典的自由基清除劑，具有抗氧化... 2023-01-14
圖文不鏽鋼怎麼才會生鏽
不鏽鋼為啥也生鏽，焊接時有哪些注意事項不鏽鋼為什麼也生鏽?當不鏽鋼管表面出現褐色鏽斑（點）的時候，人們大感驚奇：認為“不鏽鋼是不生鏽的，生鏽就不是不鏽鋼了，可能是鋼質出現了問題”。其實，這是對不鏽鋼缺乏了解的一種片面的錯誤看法。不鏽鋼在一定... 2023-01-04
圖文一般納稅人稅務登記網上申請流程
國家稅務總局關于在全國推廣一般納稅人登記網上辦理的通知稅總函〔2018〕430号國家稅務總局各省、自治區、直轄市和計劃單列市稅務局，國家稅務總局駐各地特派員辦事處，局内各單位：為貫徹落實《國務院關于做好自由貿易試驗區第四批改革試點經驗複制推... 2023-01-26
圖文金大班金兆麗結婚
熱播于2009年的《金大班》，改編自《金大班的最後一夜》，以女主角金兆麗的身世為線索，描述了一段燈紅酒綠下，發生在上海百樂門的、舞女與富少爺之間的愛情故事。該劇由範冰冰、範文芳、周渝民等人主演，不論是故事情節，還是服化道具都讓人印象深刻。女... 2023-01-19
圖文 heures香水
Hermès“EauDesMerveillesBleue”香水夏天就是有讓人坐不住的魔法，夏日風情更常常和大海聯系在一起。Hermès于2月26日在英國發售的“EauDesMerveillesBleue”香水靈感就源自大海，調香師Chris... 2023-02-18
圖文霍爾木茲海峽的重要性
霍爾木茲海峽是連接波斯灣和印度洋的海峽，亦是唯一一個進入波斯灣的水道。海峽的北岸是伊朗，有阿巴斯港，海峽的南岸是阿曼，海峽中間偏近伊朗的一邊有一個大島叫做格什姆島，隸屬于伊朗。霍爾木茲海峽自古以來就是東西方國家間文化、經濟、貿易的樞紐，16... 2023-02-16
圖文騎行一百公裡需要能量膠嘛
騎行一百公裡需要能量膠嘛?網友@┄—夢幻じ☆雨：鄭州真的沒有秋天啊，說冷就冷，凍死寶寶了穿秋褲就沒法穿裙子，但是不穿秋褲會凍出關節炎嗎？，下面我們就來聊聊關于騎行一百公裡需要能量膠嘛?接下來我們就一起去了解一下吧!騎行一百公裡需要能量膠嘛網... 2023-03-20
圖文麗江古城延時攝影
麗江古城延時攝影?，我來為大家講解一下關于麗江古城延時攝影?跟着小編一起來看一看吧!麗江古城延時攝影在雲南省開遠市，攝影師耗時三年拍下璀璨星河。夜幕降臨，萬壽菊、玉荷花，以及開遠地标建築成為璀璨星空的前景，繁星運動軌迹讓人震撼。新華網發（王... 2022-10-09
圖文如何進行高效的文獻檢索
（文獻檢索經驗分享）我經常遇到護士長安排任務指某某護士準備科室講課PPT，介紹某種領域時很多人常規做法就是上百度搜索相關内容的文章或者PPT然後直接粘貼複制到自己PPT裡進行講解，有時候就是敷衍的狀态去完成這些任務，還覺得很煩。我認為，身為... 2023-02-09
圖文怎麼卸載最新的驅動
如何卸載驅動：你都知道嗎?卸載驅動我們主要是在設備管理器中完成，網上卸載驅動的軟件很少，因此我們用電腦自帶的設備管理器卸載驅動無疑是最簡單的。因此我們首先要進入設備管理器，方法是在桌面上，将鼠标放置在“我的電腦”上右鍵，然後選擇“屬性”，然... 2023-01-23
圖文湖南懷化沅陵有多少個鄉鎮
懷化沅陵、邵陽隆回、永州江華都是本地區的大縣，沅陵是懷化面積最大的縣，隆回是邵陽的人口大縣，江華是永州面積最大的縣。三個地區大縣哪個最有發展潛力呢？沅陵，位于懷化北部，面積5852平方公裡，常住人口約70萬，不僅是懷化最大的縣，在湖南也是最... 2023-02-16
圖文曾被校園暴力過的藝人
韓佩泉曾遭校園暴力，遭同學排擠被罵娘娘腔，還把他往女廁所裡推随着《創造營4》的播出，網紅韓美娟的才華和搞笑與真實的性格，越來越得到觀衆的認可和好評，從一開始大家希望給他單獨設一個機位看他的reaction，希望他就算被淘汰也要把嘴下來，到現... 2022-11-24
圖文中菲建交45周年報道
央廣網北京9月25日消息（記者焦瑩劉樂）據中央廣播電視總台中國之聲《正午60分》報道，9月19日，主席同多哥總統福雷互緻賀電，慶祝兩國建交50周年。指出，面對新冠肺炎疫情，兩國人民守望相助、共克時艱，譜寫了中多友誼新篇章。我高度重視中多關系... 2023-01-11
圖文北京至武漢僅需3小時48分
北京至武漢僅需3小時48分?來源:中國網中國網5月13日訊（記者唐佳蕾）記者從中國國家鐵路集團有限公司（簡稱國鐵集團）獲悉，5月13日，京廣高鐵建設安全标準示範線取得重大成果，京武段拉通試驗圓滿成功，6月20日起北京至武漢間将率先常态化按時... 2023-01-17
圖文聚合氯化鋁用量計算方法
聚合氯化鋁用量計算方法?聚合氯化鋁具有吸附、凝聚、沉澱等性能，其穩定性差，有腐蝕性，如不慎濺到皮膚上要立即用水沖洗幹淨生産人員要穿工作服，戴口罩、手套，穿長筒膠靴聚合氯化鋁具有噴霧幹燥穩定性好，适應水域寬，水解速度快，吸附能力強，形成礬花大... 2023-02-14
圖文金瀚演過哪些古裝電視劇
最近大家都在吐槽金瀚的古裝，因為在看到《君九齡》的電視劇官方照的時候，金瀚的造型真的讓大家很崩潰，金瀚這顔值就真的完全不适合古裝啊，古裝造型下金瀚整體就是不好看，而看看這照片，又怎麼會想到這居然是劇組官方拍的且精修過的照片呢？看到電視劇照片... 2023-03-28

tft每日頭條

> 圖文

> ui設計師常用尺寸大全

ui設計師常用尺寸大全

相关圖文资讯推荐

热门圖文资讯推荐

网友关注