使用輕量線條勾勒的圖標,趨向於精致、細致、銳度感,細線輕量、直線硬朗、曲線柔美。
1、極簡風格
整體風格極為簡約,還原圖形的本質,外形簡單卻具有很強的識別性,在視覺感知上輕松、幹凈。
極簡的風格圖標在於對圖形的把控,多壹筆可能顯得復雜,少壹筆可能影響識別程度。
2. 雙色
更具表現力,細節上也會更加豐富,形態感知上多了壹層變化。結合顏色的疊加、對比、互補提升了圖標的層次感和豐富度。同色系(冷色暖色),對比互補色,顏色跨度更大,層次更加分明
透明度變化:提升圖標的層次感和空間感,降低圖標的壓迫性。
漸變層次疊加:漸變帶出了圖標的質感,結合不同深度或不同飽和度的變化,讓圖標更具有細節和層次。
3.線條+品牌色
4.壹筆成形
在視覺表達上具有較高的線性流暢度和設計感,關註點在於整組圖標的 「開口起始點」 設定上需保持壹致,「從左到右」或「從右到左」形成壹體化的連貫線條,開口起始點不壹致會影響整組圖標的壹致性,應用在頁面時也會顯得雜亂。
能表達出圖標的力量感和重量感,比線性圖標會更加容易吸引用戶目光。在識別度上,面性圖標更加依賴於外輪廓的清晰度
1.單色面+點綴色
2.多彩雙色
通過對比色、鄰近色的搭配來營造整體的圖標氛圍,提升了圖標的層次和豐富度,雙色的表達也增添了圖形的趣味性。在日常使用的 APP 中極為常見,簡單且容易出效果。
3.微質感漸變
微弱的漸變提升了圖標的質感。讓原來單色的圖標變得更加具有層次感和空間感,設計細節更加豐富,降低了單色面性圖標的厚重感。
4.透明疊加的圖標+漸變的背景
5.顏色疊加穿透
圖標透明疊加之後產生了交錯的負形,疊加出第三個面。雖然整體設計依然保持著扁平化,但卻多了壹份層次感,並且增加了圖標的細節。
6.磨砂玻璃質感
更具層次感和空間感,同時圖標也具有較強的設計感。
既保持了面性的重量感,同時具有線性的精致、細膩。因此在設計時可以根據圖標具體想要表達的感覺對線面比例進行把控,不同比例可以呈現出不同的視覺感知。
1.黑白線+面性品牌色
2.線面雙色
線和面的結合進行設計,依據上下、左右、居中等基礎方式的結構化設計,整體圖標的視覺效果較為跳躍,非常規。
3.線面結合-卡通插畫
整體感覺比較可愛、卡通、二次元,常見於壹些二次元或漫畫類的 APP。
4.面性-漸變強質感
整體風格的光影質感會比較強烈,常在壹些活動運營或小遊戲的界面出現。