以临摹网易云音乐的四个线型图标和一个面型图标为例线性与面型图标区别，Figma在绘制线条和图形时提供了与Sketch相似的布尔运算和钢笔工具，图形圆角的调节同样便捷尽管在添加锚点时，Figma与Sketch在操作上有所区别，Figma一次只能添加一个锚点，且确定后方可再次编辑，但修剪后的线段与Sketch一样支持设置圆形末端在界面设计；2图标的使用规则 虽然都称作图标，但是图标也有不同的类型，如上图所示，分别举了一个例子来说明不同类型的图标形态在使用过程中，要遵循统一性原则即如果用了线性图标，则通篇文档有用到图标的时候，都要选择线性的图标来使用不能出现一会线性，一会面型，一会填充性，那么画面会很混乱统一性。
线性图标以轻量线条为主，具有精致和锐度感面性图标则以重量感和清晰的外轮廓为特点线面结合图标则结合了两者的优点，既有面性的重量感，又有线性的精致细腻每种类型都有其独特的视觉感受和设计方法，例如线型图标的粗细柔度繁简对比，面型图标的轮廓镂空形体对比，以及线面结合图标的线面比；采用填充和负空间结构的图标面型相对于线型来说更加具有视觉重量，更容易吸引用户的关注，识别度也更强所以面型图标经常被设计师用于区分线型图标的选中状态03渐变图标 #160采用渐变色填充的图标，渐变图标算是面型图标的一个分支，但因为细节丰富，弥散阴影的运用更偏向于年轻化 04线面混合图标。
面性图标比线性图标更能表达出图标的力量感和重量感，比线性图标会更加容易吸引用户目光在识别度上，面性图标更加依赖于外轮廓的清晰度，因此在设计时对于外形的打磨是重中之重，清晰的外轮廓可以帮助提高识别度 1 面型图标基础分析及想法 轮廓对比 轮廓的差异会体现出不同的气质，如下图的左边和右边的区别，一；机械制图是把点线面组合，相对来说比较容易，题型也比较死这两门课有相通的地方，也有很大的区别学好画法几何的关键是熟练掌握“投影”“换面”“贯穿”“切割”的基本原理，什么时候线性与面型图标区别你把“投影”“换面”“贯穿”“切割”搞明白搞熟练了，你的画法几何就掌握60。
对于大部分有设计追求的设计师，都会意识到图标设计的重要性，也会结合产品特点绘制统一风格的图标注意事项图标设计风格有线性图标填充图标面型图标扁平图标手绘风格图标和拟物图标等无论我们选择何种表现形式，在进行设计的时候都要保持风格的统一性，由于图标的体量不同，相同尺寸下不同体量的图标视觉平衡不。
线性与面型图标区别在哪
1、三 插入小图标在网站上根据正文中的关键信息搜索相应的小图标，选择小图标的时候一定要选择同一类型，比如选择线性图标，那么所有的图标都选择线性，如果选择面型，那么所有图标都选择面型图标选择好后，对图标进行颜色改变，此外，为了让图标看起来更加的整齐，我还给图标加了一个边框参考如下小。
2、1浅灰色的背景色 2合适的投影不过轻，也不过重3合适的留白，和以图片为主的视觉 总结1纯文本层也需要突显视觉层次，从细节做起 2在亮色系背景上我们建议用面型，而暗色系背景上，建议用线性 3UI架构以扁平为设计原则，局部图标可采用微写实，突出质感 4一些适合英文展现的字体1。
3、对于大部分有设计追求的设计师，都会意识到图标设计的重要性，也会结合产品特点绘制统一风格的图标 注意事项图标设计风格有线性图标填充图标面型图标扁平图标手绘风格图标和拟物图标等 无论我们选择何种表现形式，在进行设计的时候都要保持风格的统一性，由于图标的体量不同，相同尺寸下不同体量的图标视觉平衡。
4、Remix Icon，一款面向设计师与开发者打造的开源图标库，以其一致的风格与简洁易懂的特点受到青睐图标以24×24网格为基础，分为线性图标与面型图标，适配多样风格项目官网提供便捷使用体验，无论设计师或前端开发者，均可轻松操作同时支持PPT版本，扩大了应用范围，用户可选择全部打包下载或单独下载。
线性与面型图标区别大吗
7 **Remix图标库** 包括线性图标和面型图标，覆盖建筑商务等26类图标，风格统一且质量高8 **Zwicon通用线性图标** 包含金融设备等26类图标，整体感觉精致圆润此外，还有像素风抽象风卡通风和手绘风等不同风格的图标资源在实际应用中，可以根据项目需求灵活选择和修改图标样式。
扁平图标包含线性面型线+面，面+面，变现方式多样，拓展性强，更个性化，年轻化一些，相同，同样设计风格的icon，在更换颜色后就能体现和传达不一样的信息 拟物化图标 拟物化图标是扁平化图标的对立面，正如同当初拟物化图标设计师常说的，它就是“抄现实”，尽量将现实世界中的形状纹理光影都融入到整个图标。
还没有评论，来说两句吧...