怎么设计搜索框?Figma设计搜索框的方法

在我们的界面设计中,第一个非常显眼的地方就是搜索框引擎栏了 。那么我们怎么用我们熟悉的Figma软件设计搜索框呢?接下来就是小编为大家带来的,关于Figma设计搜索框的方法,希望对正在学习Figma软件和正在学习UI设计的小伙伴们有所帮助,赶快和小编一起来学习看一看吧!

怎么设计搜索框?Figma设计搜索框的方法

文章插图
1.首先第一步,以常用宽度为375px分辨率的一倍图为例,高度40px,左右边设置为16px 。
2.然后第二步,尝试调试圆弧的弧度,这里我们要根据自己的情况来进行设定,也要根据产品调性选择全圆角或者是半圆角,不过也是需要注意保持圆角的同一性 。
3.第三步,添加搜索图标,16x16px,添加提示文字,16px,设置一下边距,分别为16px和8px 。
4.然后是第四步,选择符合产品风格的设计来进行描边或者是线条描边 。
5.第五步,当需求方要求我们需要在旁边添加一个优先级高的操作选项时,我们可以尝试在旁边添加一个色块按钮 。
6.第六步,最后,我们可以根据不同的诉求,尝试做出不同样式的搜索框,不同的产品有着不同受众人群,我们需要根据不同的情况来进行设定 。
【怎么设计搜索框?Figma设计搜索框的方法】以上就是小编为大家带来的,关于Figma设计搜索框的方法,希望对正在学习UI设计和Figma软件的小伙伴们有所帮助哦!

    推荐阅读