ui設計的常用尺寸-tft每日頭條

ui設計的常用尺寸

生活更新时间:2025-01-06 16:53:05

在對界面的一些尺寸規範不是十分清楚的時候，往往憑借自己的感覺去繪制界面。

大家都知道移動端設備屏幕尺寸非常多。尤其是Android，你會聽到很多種分辨率：480×800, 480×854, 540×960, 720×1280, 1080×1920。近年來iPhone也加劇了：640×960, 640×1136, 750×1334, 1242×2208。

整理了一些UI設計尺寸規範，ui設計需要遵循一定的規範，才能使其成為用戶都能理解的設計産品。

ui設計的常用尺寸（新手學習UI設計尺寸和規範）1

1、尺寸

設計圖尺寸

ui設計的常用尺寸（新手學習UI設計尺寸和規範）2

UI組件布局

狀态欄和導航欄：在 iPhone6/7/8設計中，狀态欄的高度為20pt（40px）。導航欄的高度是44pt（88px）。在 iPhoneX 設計中，狀态欄的高度為44pt（132px）。導航欄的高度也是44pt（132px）。

ui設計的常用尺寸（新手學習UI設計尺寸和規範）3

标簽欄：iPhone6/7/8設計中，标簽欄的高度為49pt（98px）。在iphone X 中為83pt（249px），通常我們會在 Tab欄圖标之下加上10pt（20px/30px）的注釋文字。

ui設計的常用尺寸（新手學習UI設計尺寸和規範）4

其中包含：34pt（102px）安全區域。

個人一般作圖為：iPhone X@2 750*1624（@1 375*812）

狀态欄：88PX

導航欄：88PX

标簽欄：98PX

安全欄：68PX

2、字體

IOS設計中：

中文字體：PingFang SC

英文字體：SF UI Text 、SF UI Display

其中SF UI Text适用與小于19pt的文字，SF UI Display适用于大于20pt的文字

安卓設計中：

中文字體：思源黑體/ Noto

英文字體：Roboto

3、啟動圖标

設計師需要設計啟動圖标（1024x1024px）之後按照程序員的要求切出幾十個不同尺寸的圖标。比如，在手機中@3x情況下桌面圖标尺寸為180x180px，在@2x情況下為120x120px。

ui設計的常用尺寸（新手學習UI設計尺寸和規範）5

規範始終是規範，并不靈活。我們要遵循設計規範，它能保證我們的設計不會出現較大的問題，最大限度保證産品的一緻性。

（ps：如果文中有錯誤的地方，歡迎指正）

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

查看全部

网友关注

生活椰汁九層糕做法是什麼
1、準備好工具/原料：椰子汁280克，水磨糯米粉250克，栗粉100克，清水600克，白糖150克，鹽5克，紅色素少許。2、用清水300克把糯米粉、栗粉拌成粉漿。3、在鍋中放入清水300克、椰子汁200克，用中火煮沸騰，放入白糖、精鹽煮沸，關掉火，把粉漿徐徐倒入，邊倒邊攪拌至全部均勻為止。4、把粉糖... 2023-07-06
生活如何選購童鞋童鞋尺碼對照表
第一、童鞋的類别根據四季來分類的話，童鞋的種類如下1春天帆布鞋、運動鞋2夏天涼鞋、拖鞋、帆布鞋2秋天運動鞋、帆布鞋4冬天運動鞋、棉鞋、靴子。第二、童鞋尺碼對照表第三、試穿在選購童鞋的時最好帶着孩子去購買童鞋，也可以先測量兒童的腳長，然後再加上0.5厘米長度去購買鞋子。第四、舒适為主在購買童鞋的時候應... 2023-07-06
生活鞋子如何除臭
1、徹底進行清潔是去除臭味的關鍵。鞋子如果刷得不徹底，就很容易有臭味。如果清潔用品，清潔力不夠，可以... 2023-07-06
生活十大浴缸品牌推薦
1、東鵬。大多數人對東鵬瓷磚的印象會比較深，因為其瓷磚質量很好，不過東鵬潔具的質量也是相當不錯的。東鵬潔具是在1994年創建的，自成立以來一直以衛浴産品的研發、制造、銷售、服務為一體。其産品包括浴室家具、衛生陶瓷、龍頭五金、廚房五金、智能衛浴等六大品類。2、箭牌。箭牌衛浴是中國最具實力和影響力的衛浴... 2023-07-06
生活窗簾軌道安裝方法是什麼
1、首先要校正連接的固定件，将窗簾杆或者鐵絲裝上，先拉在固定件上，這一步要做到平、正并且和房間的标高是一緻的。2、如果安裝的是标準的窗簾軌道，也就是雙軌，它的基礎寬度要在15厘米以上。假如是單軌的寬度可以适當縮減一些。3、如果是落地式的窗簾或者垂過台面的窗簾，安裝軌道時要讓出窗台的寬度，避免窗簾下垂... 2023-07-06
生活黃膠怎麼去除
1、将黃膠處浸泡在溫水中，當黃膠被水溶解後，用手揉搓，直到污漬全部搓掉為止，再用洗滌液洗一遍，最後用清水沖淨。2、用60℃白酒或8：2的酒精（95%）與水的混合液，浸泡黃膠膠漬，大約浸泡半個小時後，用水搓洗，直至洗淨為止，最後再用清水漂洗。3、用丙酮或香蕉水滴在黃膠上，用刷子不斷地反複刷洗，待黃膠變... 2023-07-06
生活五一早市搬遷嗎
1、五一早市會搬遷，五一大市場搬遷，不再做大型批發市場。2、根據《衡陽市2010—2020年城區商業網點發展行業規劃》，其内容顯示要将現有的五一大市場及演講北路等地段682家副食品經營戶引導到新規劃建設的市場群（蒸湘北路以西，衡邵高速以南地段）發展，随着社會的發展及城市主城區的拓展，五一大市場未來将... 2023-07-06
生活怎樣裝修外面院子
1、健身房，在露天院子頂上挂一副吊環，再配置杠鈴、啞鈴、拉力器、健騎機等健身器材，天天清晨就能夠在這裡既呼吸到新鮮空氣，又能進行健身、健美訓練。2、微型花園，使得全部露天院子上有綠葉相掩、下有花卉相映、池中魚逐蝦戲，足不出戶就能縱情享用大自然趣味。在露天院子外牆裝一個鐵架，在上面錯落有緻地放一些花。... 2023-07-06
生活鳳尾竹具有什麼作用
1、裝飾效果好：因為是一種常青的植物，所以具有非常好的觀賞作用，是可以給人觀賞以及美化環境的植物，具有非常好的耐陰性，将鳳尾竹與石頭景色進行搭配可以讓人産生不一樣的感覺，尤其是在室内當中，可以給人舒爽的效果。2、淨化空氣：淨化空氣是最重要的功效，鳳尾竹具有非常好的呼吸功效，所以可以吸收我們家庭生活當... 2023-07-06
生活保溫杯可以帶上高鐵嗎
可以。安檢機有識别物品功能，保溫杯不屬違禁品，保溫杯可以帶上火車。另外玻璃奶瓶也是許多乘客常攜帶的物品，這些物品非常易碎，帶上火車一定要注意包裝好，防止安檢碰碎。乘坐火車禁止攜帶哪些物品：一、槍支、械具類（含主要零部件），包括：1.公務用槍：手槍、步槍、沖鋒槍、機槍、防暴槍等；2.民用槍：氣槍、獵槍... 2023-07-06
生活剪窗花的寓意和象征
剪窗花中娃娃、葫蘆、蓮花等象征多子多福；龍、鳳、老虎、老鼠等吉祥圖案寓意吉祥辟邪；家禽家畜，瓜果魚蟲等象征着豐收；耕種、紡織、牧羊、養雞等象征生活幸福。窗花：窗花是貼在窗紙或窗戶玻璃上的剪紙，中國古老的漢族傳統民間藝術之一。它曆史悠久，風格獨特，深受國内外人士所喜愛。窗花是農耕文化的特色藝術，農村的... 2023-07-06
生活怎麼養水蕨
1、溫度：水蕨喜較冷涼一些的環境，一般來說是十五到二十度附近。在非常熱的環境中，它的生長速度可能會受阻。它對低溫的抵抗能力還是較強的，冬季一般可以自行過冬。2、光照：水蕨喜光，但是它的耐陰性也不錯，有些野生的也正是分布在陰濕的地方。所以，稍微有點散光就能滿足它的要求了，光照時間不用太長。但過強的光盡... 2023-07-06
生活 6個頭的吊燈怎樣安裝
1、在安裝6頭吊燈之前我們要确定吊燈安裝位置，并準備好相關的工具和配件。其中打孔的工具有：木條、闆材、五金配件、螺絲、錘子、黏貼劑等。由于美式鄉村6頭吊燈體積較大，在确定位置的時候大緻尺寸要測量好，這樣才能找到精确的位置。2、6頭吊燈安裝的時候鑽孔工具很重要，通電之後就可以在石膏闆上鑽孔，然後埋設鐵... 2023-07-06
生活出遊穿什麼衣服好看
相信這兩天的高溫已經讓很多小仙女熱不可耐了，前幾天已經是立秋，而高溫熱浪卻仍然是一波接一波，這時候選擇出遊避暑的人也不在少數，出遊就少不了拍美美的照片，對于我們女孩子來說，都有一個相同的問題出遊穿什麼？之前給小夥伴們介紹了可鹽可甜的襯衫裙的搭配，今天就來說說各種夏日出遊的連衣裙，性感短裙、清涼熱褲、... 2023-07-06
生活鍋底污垢怎麼快速去除
1、小蘇打法：将鍋底倒上白醋，塗抹均勻，靜置幾分鐘，再将小蘇打均勻的倒在上面，然後再加入洗潔精及食鹽，用鋼絲球慢慢将污垢刷掉，用清水沖洗幹淨即可。2、香灰法：将香灰給抹在鍋底，然後用鋼絲球慢慢的刷洗幹淨即可。3、肥皂法：在裝滿熱水的盆子裡放入肥皂，等肥皂化掉後，把鍋放入肥皂水中，大概60分鐘後，用布擦幹淨即可。 2023-07-06
生活國企駕駛員55歲能退休嗎
1、目前公交企業不具備為55歲以上駕駛員轉崗或内部離退休的條件，由于公交是勞動密集型企業。2、由于公交行業的特殊性，駕駛員工作中處在勞動強度高、工作時間長和精神壓力大的工作狀态，我建議公交男駕駛員55歲退休。”張錄說，他表示，連續從事本工作15年或累計20年的，提前辦理退休。3、建議将55歲作為公交... 2023-07-06
生活木地闆掉色怎麼處理
1、重新上漆翻新：木地闆上的油漆由于時間過長會掉，這樣很影響地闆的美觀，所以必須隔幾年就對地闆進行上漆處理。在上漆之前，同樣要記得對闆面進行打磨和去塵去污。上漆之後會使地面更加的平滑、潔淨和光亮。2、重新鋪設地闆：導緻地闆掉色的原因有很多，例如磨損、日曬、泡水等等，找人把掉色的地闆給換掉。鋪裝後的地... 2023-07-06
生活松露泡酒的做法是什麼
1、首先把買來的松露洗幹淨，幹的松露和新鮮的松露都可以泡酒。2、買來白酒，把白酒和松露按1：8的比例浸沒松露。3、白酒最後選擇粗糧釀的酒，這樣泡出來的松露酒才好喝。4、當白酒的顔色開始變成紅色的時候可以加點冰糖在裡面。5、再過一段時間，松露酒完全是紅色的時候就可以喝了。 2023-07-06
生活房貸可以異地還款嗎
1、借款人必須去貸款銀行行申請提前還款，不可以在異地辦理提前還房貸。2、隻能在申請地的銀行辦理，并且申請人與貸款方（銀行等機構）的工作人員必須協商一緻，才可以提前償還該項的。3、根據《貸款通則》第32條的規定，借款人應當按照借款合同規定按時足額歸還貸款本息，提前歸還貸款，應當與貸款人協商。具體的手續... 2023-07-06
生活套内面積與合同不符怎麼辦
1、根據《商品房買賣合同糾紛司法解釋》的規定，開發商交付使用的房屋套内建築面積或者建築面積與商品房買賣合同約定面積不符，合同有約定的，按照約定處理；合同沒有約定或者約定不明确的，按照以下原則處理：面積誤差比絕對值在3%以内含3%)，按照合同約定的價格據實結算，購房者請求解除合同的，不予支持；面積誤差... 2023-07-06
生活楊幂機場穿搭圖片大全
#8203;如果說範冰冰是紅毯女王，楊幂完全可以說是機場女王，随便一套私服造型，就可能引發新的時尚潮流。從感情私事到造型穿搭，關于楊幂的熱搜話題就沒有歇停過，不過這也讓她的路人緣有所下降，畢竟輿論的影響力還是非常強大的。▼Look1.疊穿T恤+印花短褲楊幂的私服造型路人争相模仿，就連一些女明星都喜歡... 2023-07-06
生活地暖不用怎麼把水放幹淨
關上回水總閥（扳到與管道垂直的方向），防止回水管中的水也被放出；将家中的分水器隻留一路打開，其他關閉；用一根水管與回水排氣閥相接，擰開排氣閥，用小盆接水管中流出的水；結束後，再重複第二步，關閉已放過水的一路管線，開啟另一路，以此類推，直到熱水進入地暖管内為止。一般情況，擰開閥門一瞬間，會聽到“空空”... 2023-07-06
生活年輕人買房注意些什麼
1、有明确的規劃：在做購買與否的決定前，購買者需要先做好一個明确的生活、工作的規劃；如果草率了事，之後可能在住處與工作地的距離、生活需求上會造成一定的困擾，如出行花費的時間長短問題，出行的交通問題，周邊配套的問題等等。2、不盲目追求大戶型：年輕人想要靠自己買房的話，能力是有限的，因此在買房的過程中，... 2023-07-06
生活淘寶取消退款申請
第一、首先打開淘寶首頁，進入我的淘寶，這裡會顯示你的所有未完成訂單的情況。第二、點擊退款/售後，在這裡可以看到所有處于退款/售後的訂單。選擇需要取消退款申請的商品。第三、在這裡你可以對退款申請做出修改，在這裡我們點擊撤銷申請。随後點擊确認第四、這樣就成功取消了退款退貨申請啦！ 2023-07-06
生活摩托車年檢流程有哪些
1、攜帶相關證件到車管所報道。需要參加年審的摩托車主，需要攜帶身份證、駕駛證和行駛證到當地交警部門指定的車輛檢測站，去到現場報名年審，然後填寫工作人員提供的相關表格，然後開始去排隊繳納檢測費，等候上線。2、檢測尾氣。尾氣檢測是所有機動車輛必須檢測的項目，在檢測之前，工作人員會核對摩托車的鋼印是否和行... 2023-07-06
生活富貴竹怎麼修剪
1、一般剪富貴竹要用到園藝剪或其他鋒利的刀子哦。修剪時盡量保持切口傾斜，這樣有利于富貴竹吸收養分，修建好的富貴竹要放在陰涼通風的地方，讓切口晾幹，必要的話，可以将富貴竹切口放入适量高錳酸鉀溶液中消毒浸泡約30分鐘，以防切口受感。2、富貴竹一般是不用修剪的，隻要當它的根部出現潰爛，那就非剪不可了，但也... 2023-07-06
生活唯品會上門攬退服務的操作流程
第一、在唯品會上買了東西拿到貨後，發現不合适要退貨，又不想出去寄快遞怎樣申請唯品會上門攬退服務呢？第二、首先在全部訂單後找到要退貨的物品，點擊進去，右下方會有申請售後，點擊進入。第三、進入後，上面會出現上門換貨、上門攬退、自行退貨三個服務項目，選擇上門攬退就可以了。第四、進入攬件服務後，就可以上門攬... 2023-07-06
生活強制執行對方無财産怎麼辦
1、對無财産可供執行案，以終結本案本次執行程序的處理方式更有法律依據、更合理。因為《民事訴訟法》第二百三十三條第六)項人民法院認為應當終結執行的其他情形”對法院應當裁定終結執行的情形作出彈性條款的規定，在立法上預留了空間，使無财産可供執行案件在執行終結時有了法律依據。2、作為被執行人是公民且已死亡，... 2023-07-06
生活靠枕材質怎麼選
1、材質要健康。用于制作靠枕的材料不少，有純棉材料、混紡材料、化工材料等等，不管是那種材料，都要求要健康、環保，因為它是直接與皮膚接觸的，所以親膚性也要求要好。不能出現毒害個人健康的材質，如果選擇化工布材料的話就要注意了，其含有不少潛在過敏原，不适合過敏體質者，選擇純棉材料為宜。2、材質透氣效果要好... 2023-07-06
生活交行信用卡逾期會怎樣
1、銀行會收取利息和手續費。當欠款金額較小且逾期時間較短的情況下，發卡銀行會從發生消費的當天，以消費金額為本金按日計算利息，日息萬分之五，按月計收複利；對最低還款額未還部分，還會按月收取5%滞納金。2、銀行會打電話催還。當逾期時間達到一定期限，銀行會發送相關催繳通知。有些人由于無知，不但不還款，還通... 2023-07-06

tft每日頭條

> 生活

> ui設計的常用尺寸

ui設計的常用尺寸

相关生活资讯推荐

热门生活资讯推荐

网友关注