免费人成动漫在线播放r18-免费人成观看在线网-免费人成黄页在线观看日本-免费人成激情视频在线观看冫-jlzzjlzz亚洲大全-jlzzjlzz亚洲日本

二維碼
企資網(wǎng)

掃一掃關(guān)注

當前位置: 首頁 » 企資頭條 » 軍事 » 正文

新手學習UI設計尺寸和規(guī)范

放大字體  縮小字體 發(fā)布日期:2022-11-29 01:46:08    作者:微生奕誠    瀏覽次數(shù):70
導讀

在對界面得一些尺寸規(guī)范不是十分清楚得時候,往往憑借自己得感覺去繪制界面。大家都知道移動端設備屏幕尺寸非常多。尤其是Android,你會聽到很多種分辨率:480×800, 480×854, 540×960, 720×1280, 1080×1920。近

在對界面得一些尺寸規(guī)范不是十分清楚得時候,往往憑借自己得感覺去繪制界面。

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

整理了一些UI設計尺寸規(guī)范,ui設計需要遵循一定得規(guī)范,才能使其成為用戶都能理解得設計產(chǎn)品。

1、尺寸

設計圖尺寸

UI組件布局

狀態(tài)欄和導航欄:在 iPhone6/7/8設計中,狀態(tài)欄得高度為20pt(40px)。導航欄得高度是44pt(88px)。在 iPhoneX 設計中,狀態(tài)欄得高度為44pt(132px)。導航欄得高度也是44pt(132px)。

標簽欄:iPhone6/7/8設計中,標簽欄得高度為49pt(98px)。在iphone X 中為83pt(249px),通常我們會在 Tab欄圖標之下加上10pt(20px/30px)得注釋文字。

其中包含:34pt(102px)安全區(qū)域。

個人一般作圖為:iPhone X等2 750*1624(等1 375*812)

狀態(tài)欄: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。

規(guī)范始終是規(guī)范,并不靈活。我們要遵循設計規(guī)范,它能保證我們得設計不會出現(xiàn)較大得問題,蕞大限度保證產(chǎn)品得一致性。

(ps:如果文中有錯誤得地方,歡迎指正)

 
(文/微生奕誠)
打賞
免責聲明
本文為微生奕誠推薦作品?作者: 微生奕誠。歡迎轉(zhuǎn)載,轉(zhuǎn)載請注明原文出處:http://m.bangpiao.com.cn/news/show-311955.html 。本文僅代表作者個人觀點,本站未對其內(nèi)容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內(nèi)容,一經(jīng)發(fā)現(xiàn),立即刪除,作者需自行承擔相應責任。涉及到版權(quán)或其他問題,請及時聯(lián)系我們郵件:weilaitui@qq.com。
 

Copyright ? 2016 - 2023 - 企資網(wǎng) 48903.COM All Rights Reserved 粵公網(wǎng)安備 44030702000589號

粵ICP備16078936號

微信

關(guān)注
微信

微信二維碼

WAP二維碼

客服

聯(lián)系
客服

聯(lián)系客服:

在線QQ: 303377504

客服電話: 020-82301567

E_mail郵箱: weilaitui@qq.com

微信公眾號: weishitui

客服001 客服002 客服003

工作時間:

周一至周五: 09:00 - 18:00

反饋

用戶
反饋

主站蜘蛛池模板: 欧美日韩专区国产精品 | 一级做a爱片特黄在线观看免费看 | 成人毛片在线观看 | 国产成人h福利小视频在线观看 | 免费大黄网站在线看 | 15xxxx18日本娇小 | 亚洲国产综合精品中文字幕 | 亚洲性69影院在线观看 | 男人边吃奶边爱边做视频刺激 | 91成人免费版 | 日韩激情影院莉莉 | 欧美成人精品在线 | www日韩在线 | 亚洲综合伦理一区 | 亚洲午夜国产精品 | 黄色片免费在线观看 | 日韩免费高清一级毛片久久 | 99久久www免费 | xxx国产hd| 欧美中文字幕在线观看 | 一级成人a做片免费 | 欧美aav| 国产麻豆成人传媒免费观看 | 亚洲日韩中文字幕 | 日本三级成人午夜视频网 | aa毛片免费全部播放完整 | 亚洲欧美一区二区三区另类 | 日韩男女做性高清在线观看 | 日韩精品无码一区二区三区 | 激情在线观看视频免费的 | 欧美一区二区三区免费不卡 | 天天拍夜夜添久久精品免费 | 色永久| 99精品视频免费在线观看 | 欧美国产大片 | 五月天婷婷在线视频 | 怡红院视频在线观看最新 | 国产成人精品综合在线 | 国产精品成人免费视频不卡 | 短视频91| 午夜剧场欧美 |