a级毛片免费全部播放-a级毛片免费观看在线播放-a级毛片免费观看网站-a级毛片免费看-国产成人精品在视频-国产成人精品在线

歡迎來到培訓(xùn)無憂網(wǎng)!

全國切換

咨詢熱線 400-001-5729

位置:培訓(xùn)無憂網(wǎng) > 新聞資訊 > 電腦/IT > UI設(shè)計(jì) >  ui設(shè)計(jì)師適配的知識點(diǎn)

ui設(shè)計(jì)師適配的知識點(diǎn)

來源:培訓(xùn)無憂網(wǎng) 發(fā)布人:裴裴

2022-11-28 14:12:15|已瀏覽:36次

ui設(shè)計(jì)師適配的知識點(diǎn)

ui設(shè)計(jì)師適配的知識點(diǎn)

ui設(shè)計(jì)師適配的知識點(diǎn):這就讓很多新入行的設(shè)計(jì)師認(rèn)為做 UI 很簡單,而對于適配知之甚少,甚至有些覺得跟自己沒半點(diǎn)關(guān)系,今天小編主要給大家分享ui設(shè)計(jì)師適配的知識點(diǎn),希望對你們有幫助!

一、錯(cuò)誤的做法

因?yàn)樵O(shè)計(jì)師對配適不理解,所以在做實(shí)際項(xiàng)目時(shí),需要把750的設(shè)計(jì)適配640、720、1242的屏幕時(shí),都把選擇設(shè)計(jì)稿直接等比拉伸至對應(yīng)的大小,然后再標(biāo)注,但這種方法不僅增加幾倍的工作量,還可能導(dǎo)致最終的效果不滿意,花了功夫不出效應(yīng),說的就是這樣的事。

既然直接拉伸設(shè)計(jì)稿的方法不可行,我們是否應(yīng)該為每個(gè)屏幕尺寸都重新做一套新的設(shè)計(jì)呢?當(dāng)然不是,這樣的開發(fā)成本太大,而且沒有必要,其實(shí)只要在設(shè)計(jì)上多注意適配的問題,就可以做到的一稿適配所有。

二、一稿適配所有

大多數(shù)人能理解750適配到1242,但是他們不能理解750到720。他們認(rèn)為這兩個(gè)屬于iOS和Android不同終端,標(biāo)簽欄和導(dǎo)航欄的高度不同。

如果不單獨(dú)輸出設(shè)計(jì)稿,圖標(biāo)和圖片會變形,間距會太窄等問題。

1. 圖標(biāo)變形

在開發(fā)的時(shí)候是用2x、3x切圖,每一個(gè)屏幕尺寸都是根據(jù)倍率來選擇的,相同的倍率圖標(biāo)大小、間距、字體大小都是一樣的。

2. 圖像變形

圖片都是按比例來的,只要按比例標(biāo)注,而不是限制寬度和高度,就可以避免。

3.iOS和Android平臺的區(qū)別

有些人總是認(rèn)為這兩個(gè)平臺之間是有區(qū)別的,比如它們的導(dǎo)航欄、標(biāo)簽欄和時(shí)間欄的大小不一樣,怎么能適配呢?

實(shí)際上,頭部的導(dǎo)航欄、底部的標(biāo)簽欄、時(shí)間欄是平臺的基礎(chǔ)控件,與界面中的元素不在同一個(gè)z軸上,它們屬于界面最上層,界面的大小不受它們的影響。

三、適配規(guī)則

1. 倍率相同

適配需要以同樣的倍率進(jìn)行。如果想做一個(gè)比較,當(dāng)然應(yīng)該在同一水平上。

知道了手機(jī)的屏幕分辨率和倍率后,你就能算出其它倍率下的屏幕分辨率是多少。比如iPhone 6的尺寸,750*1334(2x下),乘以1.5后就可以得到3x下的大小。

同理,可得其它手機(jī)的屏幕分辨率在不同的倍率下的大小,紅框表示正常分辨率。

2. 適配三原則

在適配時(shí)通常會遵循三個(gè)適配原則:等比縮放、彈性控件、文字流自適應(yīng)。

(1)等比縮放

等比縮放是指元素的大小不是固定的,而是隨著屏幕的大小(通常是寬度)而變化。無論屏幕分辨率如何變化,圖像的比例都不會改變。

(2)彈性控件

彈性控件指元素的大小保持不變,并且間距適配屏幕的寬度。屏幕越寬,間距越大。

(3)文字流自適應(yīng)

文本的行數(shù)與屏幕的寬度成正比,屏幕越寬,一行可以顯示的文字越多。

      注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.dedgn.cn/news-id-71616.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設(shè)計(jì)頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機(jī):

  • 地區(qū):

  • 想學(xué)什么:

  • 培訓(xùn)無憂網(wǎng)
免 費(fèi) 申 請 試 聽
提交申請,《培訓(xùn)無憂網(wǎng)》課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!

主站蜘蛛池模板: 九九大香尹人视频免费 | 欧美三级黄色 | 亚洲国产成人综合精品2020 | 欧美高清一区二区 | 欧美成人极品怡红院tv | 国产l精品国产亚洲区久久 国产tv在线 | 欧美毛片在线 | 久草手机视频在线观看 | 三级亚洲 | 精品日本亚洲一区二区三区 | 国产精品亚洲成在人线 | 亚洲综合在线另类色区奇米 | 男人扒开双腿女人爽视频免费 | 国产一级特黄aa级特黄裸毛片 | 国产特一级毛片 | 国产97视频在线 | 日韩精品一区二区三区乱码 | 欧美特黄视频在线观看 | 毛片中文字幕 | 欧美特级一级毛片 | 久9视频这里只有精品 | 欧美白人和黑人xxxx猛交视频 | 国产真实女人一级毛片 | 久久国产精品免费一区二区三区 | 国产成人综合自拍 | 欧美一级亚洲一级 | 97久久精品 | 免费人成激情视频在线观看冫 | 在线免费黄色网址 | 天天草综合 | 久青草免费视频手机在线观看 | 狠狠色综合久久丁香婷婷 | 国产精品99久久久久久小说 | 日韩3级| 国产成人影院在线观看 | 久久久不卡国产精品一区二区 | 精品久久久久久综合日本 | 午夜限制r级噜噜片一区二区 | 成人免费大片黄在线观看com | 欧美视频久久久 | a毛片免费播放全部完整 |