UI设计中,最常见的细节,莫过于图标和滑动条,今天的教程,教大家如何做一款非常简单实用的滑动条设计
完稿图
知识点
矢量图形工具 图层样式
步骤 1
新建文档,将背景填充为灰色
步骤 2
使用圆角矩形工具绘制图形,如图所示(注意圆角半径的设置)
步骤 3
为圆角矩形添加图层样式-内阴影(双击图层空白处也可调出图层样式面板)
步骤 4
使用椭圆工具绘制正圆
步骤 5
为椭圆 1 添加图层样式-渐变叠加(注意参数的设置)
步骤 6
继续添加图层样式-斜面和浮雕(设置参数如图所示)
步骤 7
继续添加图层样式-投影(设置参数如图所示)
希望大家回去多多练习,早日学以致用
深受业内人士推荐的
顶尖级设计教育机构
閱讀更多 中美設計顧問 的文章