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

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

今天，交互時代帶來兩個實例，詳細與大家講解一下如何在UI設(shè)計中運用透視原理。

兩點透視

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

即是有兩個滅點的畫面即是兩點透視。

第一步，畫出視平線，定好圖標大小，找到合適的四個點的位置

畫出透視輔助線，交于倆個透視滅點

看到了嗎，倆點透視就是這么簡單，開始上色

完成

接著，交互時代來帶大家看看三點透視

第一步，畫出視平線，定好圖標大小，找到合適的四個點的位置

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

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

開始上色

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

完成

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

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

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