设计线面结合型图标有哪些技巧?

发布者: 乾学优行者 发布时间: 2021-3-4 浏览 220

设计线面结合型图标有哪些技巧?顾名思义,线面结合型图标结合了线性和面性图标的特点,有其特有的魅力。那么,像我们UI培训学校的学员该如何设计好线面结合型图标呢?


设计线面结合型图标有哪些技巧?


一、线面结合型图标

线面结合型图标结合了线性图标和面性图标的优点,既保持了面性图标的重量感,同时具有线性图标的精致、细腻。因此在设计时可以根据图标具体想要表达的感觉对线面比例进行把控,不同比例可以呈现出不同的视觉感知。


二、线面结合图标的基础分析及想法

1、组合形式
线面结合图标可以通过不同的组合形式进行绘制,基于不同的组合形态可以设计出多种多样的线面图标,不同的组合形式会体现出不同的设计风格,因此ui设计在设计时尽量多发散思考,寻找出适合相关产品的组合方式。

      2、繁简对比
      线面结合本身就由两种形式组合,因此在设计的时候更需要对整体造型进行把控,单体的线和面造型必须保持较高的简洁程度,这样最终组合形成的图标才不会过于复杂,若本身形态过于复杂,则会降低图标的辨识度和视觉美观度。


3、线面比例

线面比例的差异,图形呈现出来的张力也会有不同的感受。基于中间填充的图标形态尝试了三种不同的比例,当填充与外形窄边比为 1 : 3 时,图标呈现往内收的感觉;填充与外形窄边比为 1 : 2 时,图标整体较为平衡;当填充与外形窄边比为 2 : 3时,整体具有外扩趋势。


三、线面结合型图标类型拓展

线面双色:基于线面的基础上,在线和面的颜色上做差异,具体做法与线性或面性的双色接近;线面阴阳:线和面的结合按 50% 的比例进行设计,依据上下、左右、居中等基础方式的结构化设计,整体图标的视觉效果较为跳跃,非常规;线面双色加错位:在双色图标的基础上,线和面按照统一的百分比进行缩放,并进行透视和位移的设计,整体呈现出来的是一种交错叠加的视觉效果,相比普通的线面双色更加丰富。推荐阅读>>>ui设计具体怎样制作模糊效果?


设计线面结合型图标有哪些技巧?每种类型的图标都要有各自的特点和适用条件,设计师们需要根据产品特性来做出选择。更多关于UI设计的问题都可以在我们乾学优行者的后台留言,小编定会为您解答。


本页网址:https://www.u-walker.com/ui/3549.html

上一篇: ui设计师是怎样运用对比原则的?

下一篇: ui设计的如何进行组件化和模块化?

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部