你知道設計風格里的“等距風格”是啥怎么畫不?

2018-9-5    博博

你知道設計風格里的“等距風格”是啥怎么畫不?

UI巴巴 2018-08-16 20:26:18

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

1.等距是什么?

等距視圖是指,繪制物體時每一邊的長度都按繪圖比例縮放,而物體上所有平行線在繪制時仍保持平行的一種顯示方法。

最早是出現(xiàn)在電腦應用程式的圖像,以及早期的8位元電子游戲,近幾年來的被廣泛的使用在因特網(wǎng)、GUI(Graphic User Interface)以及行動游戲等等。

2.等距視圖游戲的歷史

雖然計算機游戲的歷史一直在20世紀70年代初期就看到了一些真正的3D游戲,但是第一個使用上述意義上的等距投影的不同視覺風格的視頻游戲是20世紀80年代初的街機游戲。

1)20世紀80年代 

你知道設計風格里的“等距風格”是啥怎么畫不?

高速公路遇襲(1985年)

等距視圖是一種把2D游戲偽裝為3D游戲的顯示方法。使用這種方法的游戲有時候會被稱作偽3D或2.5D

你知道設計風格里的“等距風格”是啥怎么畫不?

蝙蝠俠(1986年)

執(zhí)行等距視圖的方法有很多,但為了簡化,最有效最常用的一種——貼圖法。從上面兩張圖可以看出,其上覆蓋的菱形網(wǎng)格把地形劃分貼圖。

2)20世紀90年代 

你知道設計風格里的“等距風格”是啥怎么畫不?

最終幻想III(1997)

你知道設計風格里的“等距風格”是啥怎么畫不?

文明六世(2016)

在貼圖法中,各個視覺元素都被切分為更小的部件,稱為“貼圖”,都是標準尺寸的。根據(jù)預先確定的平面數(shù)據(jù)——通常是2D數(shù)組,這些貼圖被組織成游戲世界。

3)目前,2000

你知道設計風格里的“等距風格”是啥怎么畫不?

SOCIOBALL(2015)

你知道設計風格里的“等距風格”是啥怎么畫不?

紀念碑谷 (2016)

3.等距風格的圖標、插畫及應用范圍

這種插畫有一個專門的名字叫“isometric”。

應用范圍很廣,比如:icon、界面、啟動頁、插畫、游戲、動畫視頻等等。

你知道設計風格里的“等距風格”是啥怎么畫不?

圖標

你知道設計風格里的“等距風格”是啥怎么畫不?

字體

你知道設計風格里的“等距風格”是啥怎么畫不?

插畫

你知道設計風格里的“等距風格”是啥怎么畫不?

海報

你知道設計風格里的“等距風格”是啥怎么畫不?

啟動頁

4.常用繪制軟件

目前常用的軟件有PS、AI、C4D。

5.干貨來啦~

雖然PS/AI都能畫出等距圖標,但是現(xiàn)在有一個軟件Affinity Designer 比它們畫等距圖更加輕松。

你知道設計風格里的“等距風格”是啥怎么畫不?

首先畫等距我們需要畫參考線,PS/AI都能畫出來,但是方法還是稍稍顯得復雜了一點,一些基本功不到位的同學會很頭疼這個參考線的畫法。Affinity Designer 的網(wǎng)格和軸管理器十分人性化的解決了這個問題。

不但對于新手來說是個不錯的選擇,而且它完美的融合了Adobe和sketch兩個原本不相融的軟件。

你知道設計風格里的“等距風格”是啥怎么畫不?
你知道設計風格里的“等距風格”是啥怎么畫不?
你知道設計風格里的“等距風格”是啥怎么畫不?

網(wǎng)格類型選擇等軸測,這樣網(wǎng)格就會自動生成等距所需要的斜線。

并且它的網(wǎng)格還可以設置吸附功能,也就是畫的每個元素都可以自動吸附在網(wǎng)格邊緣。

你知道設計風格里的“等距風格”是啥怎么畫不?
你知道設計風格里的“等距風格”是啥怎么畫不?

另外它還有一個十分便捷的功能,它的圖形變形功能也十分強大。鼠標移動到矩形中間節(jié)點的會出現(xiàn)上下重疊的箭頭(→),如下圖:

你知道設計風格里的“等距風格”是啥怎么畫不?

這樣可以十分輕松的傾斜矩形到任意角度,并且還自動吸附到網(wǎng)格上了。

你知道設計風格里的“等距風格”是啥怎么畫不?

拖拽矩形長寬的時候也是根據(jù)網(wǎng)格的路徑來,不會影響矩形傾斜的角度。

你知道設計風格里的“等距風格”是啥怎么畫不?

輕輕松松畫一個小icon。

Affinity Designer這個軟件目前只適用于蘋果操作系統(tǒng),在App Store商店里有售賣。

案例鑒賞:

你知道設計風格里的“等距風格”是啥怎么畫不?
你知道設計風格里的“等距風格”是啥怎么畫不?

↑軟件:C4D、3D-MAX、MAYA等大部分3D軟件

你知道設計風格里的“等距風格”是啥怎么畫不?
你知道設計風格里的“等距風格”是啥怎么畫不?
藍藍設計yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務


日歷

鏈接

個人資料

藍藍設計的小編 http://yvirxh.cn

存檔