這節(jié)課25學(xué)堂跟大家開門見山,不知道大家知道扁平化圖標設(shè)計有哪些常見的方法:
常見的設(shè)計方法:純平面圖標設(shè)計、輕折疊圖標設(shè)計、輕質(zhì)感圖標設(shè)計、折紙風(fēng)圖標設(shè)計、長投影圖標設(shè)計、立體化和厚度感圖標設(shè)計等
常見的四種設(shè)計風(fēng)格:常規(guī)扁平化、長投影、投影式、漸變式。
后續(xù)幫大家補上這方面的教程:
有興趣的可以學(xué)習(xí):http://www.wzsky.net/html/Photo/psjc/otherps/122645.html
今天跟大家講的重點是:如何運用面與線的組合造型
扁平化圖標大部分無非就是剪影表現(xiàn),而這里為什么重點是講圖標的形狀設(shè)計,而非色彩,因為一切先有形才考慮下一步。形不好再怎么營造整體風(fēng)格都白費力,好比建筑造型與裝修的關(guān)系,而色彩等營造的風(fēng)格都可另起文章分析 。
圖標造型表現(xiàn)上無非就是典型的2種:面與線 。
運用這兩種基礎(chǔ)元素去造型也可以進行多種組合不同的表現(xiàn) 。組合造型一般有單體造型、多個元素組合造型,線與面之間的獨立與結(jié)合的變化。
第一種:微寫實圖標
這類通常是彩色一體表現(xiàn),造型和組合上較寫實,不是純剪影,是寫實過渡來的簡化,又接近剪影,扁平簡化設(shè)計,這里主要是利用面和顏色來進行造型的設(shè)計。
案例賞析:APP圖標設(shè)計教程:扁平化設(shè)計風(fēng)格分析
設(shè)計案例解讀:信封圖標的設(shè)計
因為元素越多越復(fù)雜,所表達的含義也就越多,同時也會影響造型的調(diào)動。不管多少個元素總有一個最重要的對象,其他為輔助圖形,在塑形大小復(fù)雜度上有區(qū)別。
第二種:正負形剪影圖標
這類通常是單色表現(xiàn),當(dāng)然也有綜合彩色的。其更加簡潔抽象, 言簡意賅,高度提煉精華,講究表象意境,具有理解的門檻。所以這才是最難設(shè)計的一關(guān)。
負形圖標:以線繪制的圖形,高度的輪廓概括,就跟畫骨骼一樣的要求精準到位,也叫線形圖標。負形剪影是所有圖標中最講究也最難表達型的一種風(fēng)格,如果畫不好就很容易俗氣和簡陋。
正形圖標:以面繪制的圖形,也有和線綜合表現(xiàn)情況,自己根據(jù)需要進行創(chuàng)造變化吧。通常與負形圖標之間做當(dāng)前狀態(tài)的轉(zhuǎn)換,手機tab上最常見,如ios7。
優(yōu)點:簡潔清新優(yōu)雅;極具現(xiàn)代感(雖然遠古時代就有高度概括的符號表達,這里指的范圍是互聯(lián)網(wǎng)上的全新應(yīng)用);具有設(shè)計與涵義綜合的拓展性;還可以完成一些抽象詞匯的圖形傳達。
典型的面與線的組合造型就是上面兩種,然后在實際繪制中根據(jù)自己的喜好和設(shè)計來進行融合,可以得出更加豐富的表現(xiàn)。
上面的內(nèi)容來源:UI中國?http://www.ui.cn/detail/26753.html
全站高品質(zhì)素材免費下載!