在我們學(xué)習(xí)UI設(shè)計(jì)之前，肯定要有一些手繪基礎(chǔ)的，說(shuō)起手繪，就不能不提到很關(guān)鍵的一個(gè)知識(shí)點(diǎn)，那就是透視。

交互時(shí)代的UI設(shè)計(jì)培訓(xùn)課程，在一開(kāi)始就會(huì)先進(jìn)行手繪課程，讓我們更直觀的了解物體的結(jié)構(gòu)以及透視原理，而當(dāng)我們學(xué)會(huì)透視之后，不管是擬物化還是扁平化的UI設(shè)計(jì)，都能夠有很大的幫助，但是大家真的懂得如何在UI設(shè)計(jì)中運(yùn)用透視原理嗎？

今天，交互時(shí)代帶來(lái)兩個(gè)實(shí)例，詳細(xì)與大家講解一下如何在UI設(shè)計(jì)中運(yùn)用透視原理。

兩點(diǎn)透視

如果物體僅有鉛垂輪廓線與畫面平行，而另外兩組水平的主向輪廓線，均與畫面斜交，于是在畫面上形成了兩個(gè)滅點(diǎn)，這兩個(gè)滅點(diǎn)都在視平線上，這樣形成的透視圖稱為兩點(diǎn)透視。

即是有兩個(gè)滅點(diǎn)的畫面即是兩點(diǎn)透視。

第一步，畫出視平線，定好圖標(biāo)大小，找到合適的四個(gè)點(diǎn)的位置

畫出透視輔助線，交于倆個(gè)透視滅點(diǎn)

看到了嗎，倆點(diǎn)透視就是這么簡(jiǎn)單，開(kāi)始上色

完成

接著，交互時(shí)代來(lái)帶大家看看三點(diǎn)透視

第一步，畫出視平線，定好圖標(biāo)大小，找到合適的四個(gè)點(diǎn)的位置

將輪廓線描出，注意一下近實(shí)遠(yuǎn)虛的關(guān)系

K字也要符合透視規(guī)則，你可以把K字想象成三個(gè)矩形拼在一起，一定要記住近大遠(yuǎn)小?。?！

開(kāi)始上色

箱子中放的東西也要符合透視原理，看到圖中的輔助線了嗎？

完成

以上就是交互時(shí)代今天給大家?guī)?lái)的內(nèi)容，學(xué)好透視有利于大家更快的進(jìn)行各種草圖，這樣能夠讓我們的UI設(shè)計(jì)更符合產(chǎn)品需求，當(dāng)然，就算修改自然也更快捷啦。

請(qǐng)聯(lián)系網(wǎng)站客服，了解詳細(xì)的優(yōu)惠課程信息~

優(yōu)質(zhì)、權(quán)威、便捷、省心