22线性和面性221线性风格87课件讲解.pptxVIP

2.2线性和面性;线性风格的核心定义

以单一/组合线条勾勒图标轮廓，无内部填充，靠线条的粗细、走向、连接表达形态，轻盈、精致、透气。;线性风格的视觉特征

轮廓表达：只有外框/结构线，无实心色块；

线条规范：统一线条粗细（如2px、4px），无粗线细线混用；

视觉轻盈：占用视觉空间小，适合辅助性、轻量化展示；

简洁优雅：适合简约、高端、文艺类设计。;线性风格的设计要点;线性风格的适用场景

APP底部导航、功能按钮、工具栏、表单图标、轻量界面。;线性风格的案例

线性导航：首页、我的、消息、搜索；

线性功能：返回、分享、删除、收藏（空心爱心）。

;2.2线性和面性;面性风格的核心定义

以实心色块填充图标轮廓，无外框或仅极简外框，视觉厚重、醒目、冲击力强。;面性风格的视觉特征

色块填充：整体为实心颜色，轮廓由色块边界定义；

视觉突出：对比度高，一眼聚焦，识别速度最快；

稳重饱满：视觉重量大，适合主功能、重点按钮。;面性风格的设计要点;面性风格的适用场景

主功能按钮、核心操作图标、标签栏、儿童类/活泼类界面。;面性风格的案例

面性按钮：支付、确认、发布、加号（实心圆形+加号）；

系统核心图标：电话、短信、相机实心款。;2.2线性和面性;线面