免费人成动漫在线播放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

反饋

用戶
反饋

主站蜘蛛池模板: 国产亚洲精品观看91在线 | 欧美日韩成人高清在线播放 | 热热涩热热狠狠色香蕉综合 | 日本免费大黄 | 一级黄色片毛片 | 国产黄色在线播放 | 美女被羞羞网站 | 99中文字幕在线 | 色先锋资源网 | 视频一区二区三区自拍 | 成人a视频 | 日韩中文字幕在线亚洲一区 | 一本高清 | 18未满禁止观看黄瓜视频 | 日本精品免费 | 国产精品二区页在线播放 | 男女摸下面刺激免费视频软件 | 国产午夜三级 | 欧美亚洲欧美日韩中文二区 | av小说在线阅读 | 综合激情网五月 | 九九九九九九精品免费 | 美女视频黄频免费大全软件 | 黄色视屏在线免费播放 | 欧美在线观看视频一区 | 又黄又爽又色的黄裸乳视频 | 三级黄色短视频 | 又爽又大又光又色的午夜视频 | 国产麻豆精品免费视频 | 久久亚洲免费视频 | 成人黄色小视频在线观看 | 日韩理论 | 欧美日韩在线视频一区 | 国产成人永久在线播放 | 成年人视频在线免费看 | 日韩欧美国产视频 | 午夜欧美性欧美 | 欧美成人私人视频88在线观看 | 日本工里番h本无遮拦全彩 日本高清中文字幕在线观穿线视频 | 波多野结衣 一区二区 | 成人网欧美亚洲影视图片 |