ui界面設計布局規範-tft每日頭條

ui界面設計布局規範

生活更新时间:2024-11-15 21:24:25

在不同的終端平台，界面設計對于字體的要求是不同的。在移動平台，常用的字體比較固定，而在PC端就沒有絕對的固定要求，但卻有設計師們經常會選用的幾個字體。

ui界面設計布局規範（UI界面設計中文字使用規範和技巧）1

1.移動端的常用字體

(1)ios

英文字體：Helvetica、Aral

中文字體：華文黑體或冬青黑體(冬青黑體被很多設計師認為是效果最好的字體)。

ui界面設計布局規範（UI界面設計中文字使用規範和技巧）2

(2) Android

英文字體：Roboto

中文字體：Noto

ui界面設計布局規範（UI界面設計中文字使用規範和技巧）3

2.移動端的常用字号

(1)導航标題字号

導航标題字号通常為400p×-42px，偏小的40p×字号，常顯得更為精緻。

ui界面設計布局規範（UI界面設計中文字使用規範和技巧）4

(2)正文字号

大的正文字号通常為320p×，副文則通常是260p×，最小的文字信息則通常是20。需要注意的是，在正文字号的使用中根據不同類型的App會有所區别。如新聞等文字閱讀類的APP更注重文本的閱讀便捷性，因此經常會為正文選用36p×的字号。

ui界面設計布局規範（UI界面設計中文字使用規範和技巧）5

而列表形式、工具化的APP則普遍是正文32p，副文案260p×，最小文字20p×。此外，為了能拉開按鈕的層次、加強主要按鈕的引導性，360p×的字号還經常被運用在頁面的大按鈕。

ui界面設計布局規範（UI界面設計中文字使用規範和技巧）6

3)選擇偶數字号

一般情況下，在選用字體大小的時候通常都要選擇偶數的字号。因為在開發界面的時候，字号大小換算是要除以二的。

ui界面設計布局規範（UI界面設計中文字使用規範和技巧）7

3.Pc端界面的常用字體

英文字體：Ana

中文字體：微軟雅黑、方正中黑、方正蘭亭系列。

ui界面設計布局規範（UI界面設計中文字使用規範和技巧）8

4.PC端界面的常用字号

在PC端，正文通常會使用的字号是120p×或14px(無狀态)。其他内容的字号往往根據具體項目的需要而定。與移動端相同的是，一般也需要使用偶數字号，單數字号的文字在顯示的時候通常會有毛邊。

ui界面設計布局規範（UI界面設計中文字使用規範和技巧）9

5.常用的字體顔色

在界面中的文字一般分為3個層級：主文、副文、提示文案。在白色的背景下，字體的顔色層次通常分别是黑、深灰、灰色。

ui界面設計布局規範（UI界面設計中文字使用規範和技巧）10

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

查看全部

网友关注

生活簽買房合同注意什麼
1、首先看開發商是否具備五證”。五證，一個是建設用地規劃許可證，第二是建設工程規劃許可證，第三是建設工程開工證，第四是國有土地使用證，第五是商品房預售許可證，簡稱叫五證”。這五證最主要的應該看兩證，一個是國有土地使用證，一個是預售許可證，這兩種要核發，一般原則上就沒有問題，特别是預售許可證。特别要提... 2023-07-05
生活符姓的來源
所謂符，是古代朝中傳達命令、調遣名将所用的憑證，先用金、玉、銅、竹或木制成某種形狀，再從中間剖成兩半，君王的使者和被調遣者各持一半，傳令時相合，以檢驗真假。戰國時，魯國被楚國滅掉以後，末代君王魯國傾公有個孫子叫公雅，後來在秦國擔任符玺令，其後人便以符為姓。宗族特征：1、符姓當今是一個典型的北方姓氏，... 2023-07-05
生活熬豬皮凍怎麼處理豬毛
1、找一粒稻谷，一定要帶外殼的谷子哦。一般農村家裡都比較容易得到。把稻谷放在有毛毛的豬皮上。2、用手... 2023-07-05
生活怎麼保護地球
1、節約能源。關掉所有不用的開關，即能節約能源，也能幫我們省下不少的電費。2、選擇可再生能源。大部分... 2023-07-05
生活玲珑豆腐羹做法是什麼
1、把豆腐批一片放手掌上。2、用刀輕輕的把豆腐劃成小丁，放盤内備用。3、準備小肉丁和木耳丁，最好放點肉湯（當天正好燒紅燒肉，備了湯汁）。4、備好蔥花和水澱粉。5、備料準備齊全，等待下鍋。6、把備好的肉末、木耳丁及肉汁湯倒入鍋内，加入水，開大火，待鍋開把豆腐倒入鍋内，加入醬油、鹽、糖等調料後加入水澱粉... 2023-07-05
生活花呗能關閉短信通知嗎
1、能。2、短信退訂：用戶在收到花呗提醒短信時，短信末尾都會有對應的若不想接受短信，可退訂的提示，一般會是回複td退訂，用戶隻需要按照短信提醒進行操作即可退訂成功，後期在進行花呗消費時則不會收到短信提醒。3、關閉信息通知：用戶可直接進入花呗頁面，在設置頁面找到通知設置”，按照要求操作關閉信息通知，那... 2023-07-05
生活怎麼經營麻辣燙店
1、改善口味。在消費者眼裡，口味是他們評判一家餐飲店是否合格的第一參考要素。要想滿足口味刁鑽”的吃貨們，投資者就要不斷進行口味上的改善。當然，不同的人有不同的口味需求，這也是很正常的。投資者可以适當增加口味的種類，實現口味多樣化，讓廣大消費者都能吃到自己喜歡的味道。2、媒體宣傳很重要。網絡信息化的時... 2023-07-05
生活怎麼修改微信支付密碼
1、微信支付密碼可以直接通過手機微信修改，在微信中找到“支付”“支付管理”-“修改支付密碼”，然後按... 2023-07-05
生活如何在家做鹽酥雞
第一、首先将買回來的雞腿剔骨處理好，如下圖所示。第二、然後把雞腿肉切成小塊，并準備好蒜蓉，鹽巴，味精，十三香和醬油，如下圖所示。第三、接着把所有的調料倒進雞肉中和雞肉攪拌均勻，腌一個小時，如下圖所示。第四、然後往雞肉當中加入适量的玉米澱粉攪拌均勻，如下圖所示。這裡小編要提醒大家的是，為了避免雞肉返潮... 2023-07-05
生活旅遊勵志的心情短語
1、人一定要旅行，尤其是女孩子。一個女孩子見識很重要，你見的多了，自然就會心胸豁達，視野寬廣，會影響... 2023-07-05
生活 iqooai鍵怎麼設置
1、在機身左側增加了一顆為Jovi人工智能專設的獨立AI按鍵，是Jovi的專屬觸發方式，AI智慧一觸... 2023-07-05
生活 hp打印機打印出來為什麼全是紅色字體
1、首先，确認你的打印機是否是彩色打印機。2、當WORD文檔中文字設置成紅色的字體時，打印出來的黑色... 2023-07-05
生活如何把相片制作成大片的感覺
1、打開PS軟件，置入需要處理的圖片。2、點擊菜單欄【圖像】-【調整】-【曲線】。3、可在彈出界面調... 2023-07-05
生活微信轉賬助手支出跟賬單不符
1、微信轉賬助手支出跟賬單不符首先看下自己有沒有算錯數，有退款會加入到收入，而不是減少支出。銀行卡轉... 2023-07-05
生活随身wifi無互聯網絡怎麼解決
1、首先，必須确保“ICS”服務沒有被禁用：直接按“Windows+R”打開“運行”窗口，輸入“se... 2023-07-05
生活上身肥下身瘦穿衣搭配是什麼
1、盡量選擇V字領：對于上身胖下身瘦女生來說，最好選擇的就是V字領，因為這樣的版型不僅可以削弱肩部的比例，還能從視覺上給人以纖瘦的感覺。除此之外，能夠在縱向上拉伸你的比例，這樣會減緩大家停留在你肩部的視覺，從而起到顯瘦的效果。2、遮肚腩：一般上身胖下身瘦的女生，我們都可以通過模糊腰線來修飾我們比較臃... 2023-07-05
生活足浴器有什麼牌子
1、泰昌。上海泰昌健康科技有限公司，創于1998年，集科研、生産、銷售健身按摩器材為一體的專業企業，十大足浴盆品牌。2、皇威。甯波皇威健康科技有限公司，國内最早生産智能養生足浴器的企業之一，緻力于足浴器及保健産品的研發生産銷售，甯波皇威健康科技有限公司。3、兆福ZOFU。深圳市兆福源科技有限公司，國... 2023-07-05
生活冬天怎麼解決膠槍打不出來膠
1、膠槍在使用過程中若發現打不出膠，要檢查膠槍是否發熱，如果不能正常發熱則可能是膠槍電源沒有插好或者... 2023-07-05
生活高溫黃油槍使用方法
1、擰開油槍頭，使得油槍頭與槍筒分離。2、并将槍筒尾部鎖定片鎖定，并将筒尾的把手推入至盡頭。3、将黃... 2023-07-05
生活海鮮冷藏還是冷凍保存
1、海水魚多是冷凍的，要放人冰箱冷凍，但是解凍後就不要再放到冷凍室了。2、如果是鮮魚，就要先去掉鮮魚... 2023-07-05
生活節氣門的作用
1、節氣門是控制空氣進入發動機的一道可控閥門，氣體進入進氣管後會和汽油混合成可燃混合氣，從而燃燒做功... 2023-07-05
生活别人發來幾張照片如何一次轉發
1、打開微信；2、找到你想發送的圖片；3、長摁圖片；4、點擊更多...5、在屏幕的左面會出現圓圈，把... 2023-07-05
生活自行車打真空胎技巧
1、自行車真空胎打不進氣可能是真空胎的氣門芯被灰塵堵塞了，可以找一個回形針，把回形針掰直後，用回形針... 2023-07-05
生活使用液化氣竈具注意什麼
1、在使用液化氣竈台的過程中，如果發現火焰在使用過程中出現了脫火或者是回火等非正常情況的時候，應該盡快暫停使用，然後将液化氣竈具的風門進行調節，直至正常後再繼續使用。2、在使用液化氣竈台的過程中也要注意觀察一下火焰的狀态，如果在使用過程中出現了漏氣的味道，或者是正常燃燒的聲音不正常的話，應該立即将竈... 2023-07-05
生活虎狼之藥來曆
1、虎狼藥，又稱虎狼之劑或狼虎之劑，詞義是指病人經受不起的烈藥。2、其典故來源于《紅樓夢》第五十一回... 2023-07-05
生活小雞炒糊了怎麼辦
1、小雞炒糊了不建議再食用。2、小雞炒糊後會産生強緻癌物質苯并芘，長時間食用焦糊的肉類會導緻體内細胞... 2023-07-05
生活經緯儀的使用方法是什麼
1、架設儀器：将經緯儀放置在架頭上，使架頭大緻水平，旋緊連接螺旋。2、對中：目的是使儀器中心與測站點... 2023-07-05
生活多頭多肉的種植技巧
1、對于多肉植物的分株，隻要将原本已經快分離出去的個體小心的掰下來，盡量留存有部分根系，然後重新種植... 2023-07-05
生活蒸汽眼罩可以戴一夜嗎
1、一般情況下，蒸汽眼罩是可以戴一夜的;想要戴着蒸汽眼罩入睡一定要确保你使用的蒸汽眼罩持續發熱時間是... 2023-07-05
生活杭州區域指标牌照和普通牌照有什麼區别
1、“浙A區域号牌”的組合方式現階段為“浙A”後的第2、5位或第3、4位均為字母，其餘為數字，如：“... 2023-07-05

tft每日頭條

> 生活

> ui界面設計布局規範

ui界面設計布局規範

相关生活资讯推荐

热门生活资讯推荐

网友关注