因現今行動裝置的普及化,使得人們與智慧型手機、平板電腦已脫離不了關係,因此在APP市場裡,出現了各式各樣的介面設計,而有一種設計風格悄然興起,就是扁平化設計風格(Flat Design)。
本篇斐品設計團隊將帶來快速使用Adobe Illustrator做出各種扁平化風格之素材共 4 大基礎設計技巧,同時分享進階版的特殊變形「黏黏效果」教學,跟著步驟透過 Ai 展開製作,一起跟上最流行的設計風格吧!
✧延伸閱讀:2024年最新平面設計趨勢6大面向與案例分享,提升視覺靈感!
扁平化風格的設計特色
扁平設計是一種2D的極簡設計風格,強調簡單的形狀、顏色和排版,去除不必要的裝飾和立體效果,來創建清晰易懂的圖標和介面元素,色彩上通常使用明亮且對比強烈的色系來吸引觀者的注意,較少使用陰影、3D等元素,整體呈現出簡潔、清晰的畫面。
設計大補帖Part 1:
一鍵製作!超有特色扁平化素材
Illustrator的變形效果百百種,每種形狀匹配不同的數值、效果皆會有更多種意想不到的造型,只需簡單的利用效果視窗內的設定即可完成!跟著以下步驟邊學邊做吧!
✧延伸閱讀:Illustrator必學技能,製作3D泡泡字體與放射線圖素材教學
基礎效果1:縮攏效果
製作想要變形的物件,可先依照斐品小編的五個造型做實驗喔!
製作完成後,點選效果視窗 “ 扭曲與變形 “ 縮攏與膨脹,再依照喜好的變形程度做「負數」的數值設定,即完成!
基礎效果2:膨脹效果
使用上個步驟使用的物件作變形,點選效果視窗 “ 扭曲與變形 “ 縮攏與膨脹,一樣依照喜好的變形程度做數值填入,但這次是以「正數」數值為主,設定完即完成!
基礎效果3:螺旋效果
製作想要變形的物件,點選效果視窗 “ 扭曲與變形 “ 螺旋,此時所需填入的數值越大效果越明顯喔!
基礎效果4:鋸齒化效果
以圓形為實驗物件,點選效果視窗 “ 扭曲與變形 “ 鋸齒化,數值尺寸格依照喜好之成效做填入,而各區間的鋸齒數以「單數」填入,效果會更美觀,填入後即完成!
設計大補帖Part 2:
進階變形技巧 — — 黏TT的黏黏效果
一般的物件重疊、分割等效果是否已經用太多次、有點膩了呢?這時候可以多利用變形的雙重技巧,來達到更有特色且效果十足的設計造型,今天斐品設計團隊加碼,分享黏TT的效果變形技巧,跟著下面的步驟學起來吧!
✧延伸閱讀:設計師的速成技!用Ai十分鐘做出可愛字體與幾何圖形插畫
步驟一:製作素材
畫出兩個圓形物件, 同時選取並點擊右鍵,選取「製作複合路徑」。
步驟二:位移複製(第一次)
選取物件,點擊效果視窗 “ 路徑 “ 位移複製,視窗內數值設定「正數」,以兩個圓形互相重疊即可,轉角選擇圓角。
步驟三:位移複製(第二次)
延續同樣以變形過的物件,點擊效果視窗 “ 路徑 “ 位移複製,視窗內數值設定「負數」,即設定完成。
步驟四:更改素材大小、位置
若需要移動單個物件,只需使用白色箭頭指標,並選取該物件後,轉為黑色箭頭指標,點選後即可隨意移動囉!