亚洲中文字幕色欧另类欧美,久久久无码小视频

設(shè)計(jì)中，我們通常用的漸變有：線性漸變、徑向漸變、角度漸變、網(wǎng)格漸變。

在這當(dāng)中，代碼實(shí)現(xiàn)線性漸變、徑向漸變、角度漸變相對(duì)來(lái)說(shuō)要簡(jiǎn)單一些，而網(wǎng)格漸變則需要消耗更多的開(kāi)發(fā)精力。我們也不會(huì)在這上面去增加開(kāi)發(fā)工作量。

所以，在我們輸出設(shè)計(jì)稿給開(kāi)發(fā)的時(shí)候，有網(wǎng)格漸變的部分直接切給開(kāi)發(fā)。比如下面設(shè)計(jì)稿上的漸變背景色：

二、文字能不用透明度就不用透明度，直接給原始的16 進(jìn)制色值

16 進(jìn)制色就是在開(kāi)發(fā)中設(shè)定顏色的代碼，每個(gè)顏色都有對(duì)應(yīng)的 16 進(jìn)制色，如 #000000 是黑色，#FFFFFF 是白色。

比如我在調(diào)這個(gè)文字顏色的時(shí)候可以用 #000000 40% 的透明度，也可以直接用 #999999 這個(gè)色，這兩個(gè)呈現(xiàn)的顏色沒(méi)有任何區(qū)別。

但是交給開(kāi)發(fā)寫(xiě)的話，第一種除了要寫(xiě) #000000 的黑色之外，還要寫(xiě)一串 Alpha 透明值，這樣做會(huì)更消耗性能，且在不同屏幕分辨率、不同操作系統(tǒng)下，所實(shí)現(xiàn)的透明效果也會(huì)有偏差。

所以，在這種非必要情況下，樣式可以用不帶透明度實(shí)現(xiàn)的話，就不要帶。

三、切一整張大圖，可能會(huì)發(fā)生拉伸變形或是圖片被裁剪的問(wèn)題

如果是一整張的切下來(lái)，會(huì)導(dǎo)致不同尺寸的手機(jī)把切圖拉伸變形，或者會(huì)裁剪多出比例的部分。

比如我們切的這張啟動(dòng)頁(yè)大小為 375*812 的三倍圖，這張圖在 iphone13 mini（375*812px）和安卓（360*640px）上等比展示就會(huì)產(chǎn)生不同的效果——

安卓屏就會(huì)被裁切掉一些（展示圖片來(lái)自網(wǎng)絡(luò)）。

如何保證在這種情形下，啟動(dòng)頁(yè)的圖片可以適配不同尺寸的屏幕呢？

我們可以將上下分開(kāi)切，讓開(kāi)發(fā)分別定上面插畫(huà)和logo的位置，以此保證他倆都能完整展示。

將一張圖切成這兩張：

設(shè)定插畫(huà)距離頭部是 30px，底部 logo 距離底部是 30px

這樣在其他屏幕上，也是依照「插畫(huà)距離頭部30px，底部 logo 距離底部是 30px」這個(gè)規(guī)則來(lái)寫(xiě)，就能保證這張圖上的所有內(nèi)容不被裁切了！

四、不要將切片與 icon 貼在一起

一些初次切 icon 的同學(xué)會(huì)這么做↓

這么做會(huì)導(dǎo)致以下幾點(diǎn)問(wèn)題：

· 如果 icon 有 0.5 像素點(diǎn)，那么貼邊切很可能會(huì)被裁掉一些；
· icon 的高矮長(zhǎng)寬不一，但開(kāi)發(fā)會(huì)全按一個(gè)尺寸來(lái)寫(xiě)，導(dǎo)致 icon 被拉伸或壓縮；
· icon 設(shè)計(jì)規(guī)范不一致，出現(xiàn)各式各樣的尺寸。

所以我們都會(huì)給一套的 icon 固定一個(gè)同樣大小、正方形的框，以此來(lái)規(guī)避掉以上出現(xiàn)的問(wèn)題。