1.線性設(shè)計(jì)應(yīng)用場(chǎng)景
在設(shè)計(jì)中表現(xiàn)形式比較多，寫實(shí)，線形，簡(jiǎn)約，扁平化等等不同的表現(xiàn)應(yīng)用在不同的場(chǎng)景，根據(jù)設(shè)計(jì)頁面統(tǒng)一性而定，各有各的效果，適合才最重要。現(xiàn)在大家對(duì)于審美，以及產(chǎn)品的用戶體驗(yàn)和視覺體驗(yàn)提高，對(duì)視覺上的效果也比較有要求，那么迎合用戶以及瀏覽者，也隨著設(shè)計(jì)流行的趨勢(shì)而進(jìn)行設(shè)計(jì)。簡(jiǎn)約，大氣等詞是很多人掛在嘴邊的幾個(gè)詞，線性插畫就具有這樣簡(jiǎn)約的氣質(zhì)，同樣受到用戶喜歡和設(shè)計(jì)師經(jīng)常運(yùn)用在頁面中表現(xiàn)，那么簡(jiǎn)約在UI設(shè)計(jì)中應(yīng)用的不只是頁面，圖標(biāo)，插畫，更多的是一種表現(xiàn)的形式。
寫實(shí)（1）和線性（2）風(fēng)格完全的兩個(gè)方向，同樣運(yùn)用在各個(gè)設(shè)計(jì)場(chǎng)景中，但寫實(shí)的設(shè)計(jì)在設(shè)計(jì)運(yùn)用中其實(shí)并沒有那么實(shí)用，也許是炫一下技，也許是要展示一下自己的能力。而線性設(shè)計(jì)在設(shè)計(jì)運(yùn)用中常用的頻率會(huì)照比多一些。兩者都很好，只不過場(chǎng)景不同運(yùn)用也就有所不同。還是那句話根據(jù)需求而定義用什么樣的風(fēng)格。但這篇文章側(cè)重講線性插畫，那么我們就以線性的多說一些。
這次文字講的小場(chǎng)景的線性插畫，線性插畫和線形圖標(biāo)在UI設(shè)計(jì)中鋪天蓋地的表現(xiàn)，也是UI設(shè)計(jì)師在步入設(shè)計(jì)行業(yè)必須要學(xué)習(xí)的。線形的表現(xiàn)千變?nèi)f化，可以應(yīng)用在各行各業(yè)，總結(jié)了幾個(gè)代表的線形的應(yīng)用場(chǎng)景：圖標(biāo)，圖形，線形LOGO海報(bào)，歡迎頁，缺省頁，提示頁，彈窗頁，步驟引導(dǎo)頁，內(nèi)容說明頁，空白頁，圖文配圖等等，其實(shí)是更好的表現(xiàn)趣味性，情感化，識(shí)別性。讓用戶更好的參與和應(yīng)用，同樣達(dá)到了體驗(yàn)效果和視覺效果？傊形給設(shè)計(jì)帶來了更多靈感和表現(xiàn)，讓畫面具有極簡(jiǎn)確有效果。
以上幾個(gè)頁總結(jié)的線性設(shè)計(jì)中都能用的頁，設(shè)計(jì)不局限，可以把更好的創(chuàng)作應(yīng)用到各個(gè)界面當(dāng)中，設(shè)計(jì)一定是變通的，能更好的運(yùn)用技法才能做出更好的作品。
2.都用啥軟件
說了那么多廢話，不要閑太絮叨，那么在做線性設(shè)計(jì)時(shí)都用啥軟件？
完全的根據(jù)自身的習(xí)慣運(yùn)用軟件上操作，不局限于用什么軟件，只要能熟練的進(jìn)行軟件操作和創(chuàng)意的結(jié)合最終結(jié)果才最重要。不在乎你用啥而在乎你能做出來啥。打開你的軟件，整理你的創(chuàng)意，有序的進(jìn)行設(shè)計(jì)，你一定可以的。
前期的一些了解基本也了解差不多了，那么在做城市線性設(shè)計(jì)的時(shí)候一些思考或者一些想法是怎么樣的呢，怎么能從無到有的一個(gè)過程，需要進(jìn)行哪些步驟，帶著這些問題說一下，在做的過程中我們需要做和思考。
1.找靈感
首先要在各種設(shè)計(jì)平臺(tái)，比如：dribbble、站酷、花瓣、UI中國等設(shè)計(jì)平臺(tái)多看看，找找靈感，學(xué)習(xí)別人都是怎么設(shè)計(jì)的，如何配色的，線條粗細(xì)，畫面感覺。在自己進(jìn)行設(shè)計(jì)的時(shí)候能更好的運(yùn)用到設(shè)計(jì)中。
2.風(fēng)格定義
不要急于設(shè)計(jì)，考慮風(fēng)格是什么樣的，定義一個(gè)風(fēng)格方向，那么對(duì)于設(shè)計(jì)會(huì)提高效率，比如是線性的、線面結(jié)合的、多彩底色、斷線風(fēng)格，MBE風(fēng)格等等。做設(shè)計(jì)就是這樣先思考 后操作，一般做設(shè)計(jì)的時(shí)候思考創(chuàng)意需要很長(zhǎng)時(shí)間，但其實(shí)操作用不了多長(zhǎng)時(shí)間。所以在前期的時(shí)候要思考透徹，全面一些、有計(jì)劃性的、流程性的設(shè)計(jì)；菊w概括為：思考期、準(zhǔn)備期、操作期。
3.尋找適合的照片
在尋找參考的圖時(shí)也很重要，一定要選擇質(zhì)量好一些，清晰一些的，所以在這個(gè)過程中搜索技巧很重要。比如一個(gè)建筑物，最好是正面的，側(cè)面的，背面的各種角度的搜集一下。根據(jù)搜集來的圖片進(jìn)行研究和分析。了解整個(gè)建筑的結(jié)構(gòu)，需要用什么樣的基礎(chǔ)圖形去表達(dá)會(huì)更好一些，腦里一定有個(gè)概念。
4.草圖繪制，提取輪廓
根據(jù)找到的適合的圖片進(jìn)行繪制，重要一點(diǎn)最好是正面的照片，這樣做出來的插畫或圖標(biāo)至少一個(gè)水平線看上去比較均衡一些。下面是根據(jù)圖片然后進(jìn)行的草圖繪制。
在這個(gè)節(jié)點(diǎn)其實(shí)是很重要的，要具備一定的造型能力和腦中構(gòu)建出完整圖形，首先要觀察照片，然后從照片中提取出輪廓。有一個(gè)草圖也是對(duì)之后在進(jìn)行細(xì)化時(shí)會(huì)有很大的輔助作用，可以在草紙上隨意的進(jìn)行描改。一直修改到滿意為止，記住一點(diǎn)首先要進(jìn)行加法，后進(jìn)行減法，意思就是在草圖階段可以先根據(jù)照片的結(jié)構(gòu)進(jìn)行全面的繪制，這就是加法，然后繪制差不多后進(jìn)行減法，保留一些主骨架線條，最終形成簡(jiǎn)單輪廓，能盡量的進(jìn)行簡(jiǎn)化，要注意的是減法的時(shí)候不要最終減的都自己都看出來這個(gè)建筑是什么。要具有一定的線條精準(zhǔn)度和圖形的概括能力。
5.AI繪制
把繪制好的圖拖拽到AI，根據(jù)草圖而進(jìn)行在AI中繪制，但也要有思考性的進(jìn)行，利用鋼筆和布爾運(yùn)算而進(jìn)行繪制，鋼筆勾畫比較流暢的線條。在草圖過程中線條不是那么流暢，只要根據(jù)草圖邊緣進(jìn)行就可以了，一直到滿意為止。然后把之前設(shè)想的風(fēng)格結(jié)合進(jìn)來。
6.線條調(diào)整
做完單個(gè)建筑之后要進(jìn)行插畫或者圖標(biāo)的線條粗細(xì)，太過于粗會(huì)顯得憨，太細(xì)在插畫或者圖標(biāo)在縮小的時(shí)候出現(xiàn)線條不明顯，在線條調(diào)節(jié)中適當(dāng)最重要。
7.極簡(jiǎn)設(shè)計(jì)
把單個(gè)建筑進(jìn)行場(chǎng)景設(shè)計(jì)，利用樹，云，路燈等元素進(jìn)行整個(gè)畫面的構(gòu)建，讓畫面更飽滿豐富，極簡(jiǎn)設(shè)計(jì)并不代表簡(jiǎn)就是簡(jiǎn)單，在風(fēng)格統(tǒng)一性下要盡量的做到整體化。線條的粗細(xì)，元素的大小等等都需要進(jìn)行統(tǒng)一和對(duì)比，既有統(tǒng)一的線條，也有元素變化的大小，會(huì)給整個(gè)畫面一些活潑的生機(jī)，然后利用一些斷線讓線條以及畫面有呼吸感，要具有一定的統(tǒng)一性，也要有一些差異性。
總結(jié)
以上是一些前期的思考和大致的過程，有一個(gè)邏輯的方向會(huì)給設(shè)計(jì)時(shí)順暢很多，切記設(shè)計(jì)師不要拿到原型或者需求就要進(jìn)行設(shè)計(jì)，一些經(jīng)驗(yàn)的設(shè)計(jì)師都會(huì)全面的進(jìn)行思考在進(jìn)行設(shè)計(jì)。養(yǎng)成一種良好的設(shè)計(jì)習(xí)慣，其實(shí)做設(shè)計(jì)不難，除了一些理論就是實(shí)戰(zhàn)的結(jié)合。往往要把一些設(shè)計(jì)結(jié)合與現(xiàn)實(shí)生活中，就會(huì)更有趣一些，比如這個(gè)線性建筑插畫，我的理解其實(shí)好比速寫一樣，相信從事設(shè)計(jì)的很多人都學(xué)過美術(shù)，那么美術(shù)基礎(chǔ)中有素描、速寫，素描可以進(jìn)行一些刻畫，但速寫線條勾勒出一種神韻，可能需要幾筆幾個(gè)線條就畫出建筑或者人物，那么這幾條線一定是經(jīng)過了圖形的篩選和圖形的概括而總結(jié)出的主要骨線，線條的精準(zhǔn)性，線性圖標(biāo)或者插畫也一個(gè)道理在對(duì)于照片提取精準(zhǔn)輪廓進(jìn)行減法。把一些主要的線條進(jìn)行組合。
物體中都是有基礎(chǔ)圖形，圓，正方形，三角形而組成，根據(jù)基本圖形而演變刻畫。最終達(dá)到想要的圖形。
那么下面就拿出其中一張線性建筑進(jìn)行實(shí)際AI操作步驟，前期的思考已經(jīng)完事，實(shí)際操作其實(shí)就很簡(jiǎn)單了，大家要跟住了，開始嘍
1.首先打開ai軟件，快捷鍵ctrl+n 新建文件寬度900，高度900，更多設(shè)置顏色模式rgb 72px 創(chuàng)建。
2.根據(jù)照片進(jìn)行簡(jiǎn)化，提取線條精髓，圖形上的概念能力，進(jìn)行草圖。因?yàn)橛^察這個(gè)圖基本都是方塊、矩形、圓形和線，所以就不需要用鋼筆工具，直接用矩形工具和圓形工具，線即可，還是比較簡(jiǎn)單的呀！
3.根據(jù)草圖大致分為三個(gè)部分第一部分頂部樓體，中間樓體，和下方樓體。
中間樓體
a.首先畫中間樓體矩形工具（M）首先繪制一個(gè)樓中心長(zhǎng)方形尺寸130*38，描邊2pt 顏色先隨便給一個(gè)這里是#333333 命名為樓中心；
b.矩形工具（M）繪制一個(gè)長(zhǎng)方形尺寸38*10的小方塊，命名為樓中心-方選擇樓中心方塊，同時(shí)選擇樓中心-方繪制的圖，點(diǎn)擊居中對(duì)齊，居上對(duì)齊；
c.繪制樓中心的窗戶，可以作為簡(jiǎn)化，矩形工具，4*4的正方形，填充顏色#333333，不要給描邊；
d.最終樓中心和4*4的方塊進(jìn)行整合，4*4作為樓中心的玻璃，首先復(fù)制出一個(gè)4*4方塊，快捷操作方式按住ait鍵拖動(dòng)方塊，就復(fù)制出另一個(gè)方塊。兩個(gè)放方塊之間距離為2px，然后ctrl+d進(jìn)行一樣的距離復(fù)制15塊方塊即可。然后ctr+G合組，然后復(fù)制出四個(gè)橫列。第一排橫裂中間有方塊遮擋，所以第一個(gè)橫切中間去掉7個(gè)4*4方塊即可，那么樓中心元素完了。
頂樓部分
a.首先觀察樓體部分有兩個(gè)邊和一個(gè)圓形組成，那么我們只要做出一個(gè)邊，另一個(gè)只要水平復(fù)制出，即是完美的對(duì)稱，首先怎么進(jìn)行，矩形工具建立一個(gè)30*110的矩形線框，線條要和樓中心線條粗細(xì)一致，調(diào)取變換屬性，選中30*110矩形線框然后進(jìn)行傾斜-20即可。
b.左側(cè)邊已經(jīng)完事，但還需要有一些玻璃但樣式，簡(jiǎn)化統(tǒng)一風(fēng)格，但還需要有一些變化，那么首先矩形工具畫一個(gè)2*4的矩形，和上面樓體中心窗戶一樣做法，快捷操作方式按住ait鍵拖動(dòng)方塊，就復(fù)制出另一個(gè)矩形。一排一共三個(gè)。中間距離為5px，這個(gè)距離一定要掌握好，不然在往下進(jìn)行橫裂復(fù)制很容易玻璃就超出左邊樓體，然后選中三個(gè)方塊ctrl+g合組，命名為合組1，復(fù)制出一個(gè)橫切，放在第二排，往里縮進(jìn)幾個(gè)像素，然后ctrl+d，復(fù)制出11個(gè)橫切。以至于放到最合適的地方簡(jiǎn)單的進(jìn)行調(diào)整。
c.左側(cè)既然完事了，那么右側(cè)就好辦了，只要進(jìn)行水平復(fù)制就變成右側(cè)方向。很簡(jiǎn)單很快捷。把左側(cè)合組，然后選中左側(cè)，右鍵單擊，變換-對(duì)稱-水平選擇復(fù)制按鈕，然后就鏡像過來了，左側(cè)和右側(cè)調(diào)整一下距離即可。
d.矩形工具-橢圓工具畫一個(gè)60*60的圓描邊粗細(xì)顏色都一樣，填充一下白色，然后放入左右邊樓體中心，稍微居上點(diǎn)，放到合適位置。
e.然后用直線工具畫一條線，復(fù)制出一個(gè)線進(jìn)行ctrl+d復(fù)制出七條線，然后合組，當(dāng)有時(shí)候看線條居上了。有些亂，選中線進(jìn)行右鍵單擊排列-置于底部，然后調(diào)整線的頂頭尺寸到最終效果。
下方樓體
下方樓體和中心樓體做法完全一樣的，所以這塊就不重復(fù)的說了，大家有興趣的話可以自己在進(jìn)行制作，同樣也是先做完一邊，另一邊鏡像就完事，中間用矩形工具畫個(gè)門，很簡(jiǎn)單。
上中下樓梯組合
把設(shè)計(jì)繪制好的上中下進(jìn)行一個(gè)組合。
畫到這基本就結(jié)束了，剩下的基本也很好操作，大家可以根據(jù)自己的能力進(jìn)行場(chǎng)景的設(shè)計(jì)。設(shè)計(jì)不局限于一種固定的方式。把一些方式方法教給大家就是希望大家可以舉一反三的進(jìn)行操作。希望能幫助到一些小伙伴。更多的是思考。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。