产品设计教程:只需4步,教你做出标签式导航

 时间:2024-10-16 10:39:27

1、做导航栏和按钮首先拉出一个矩形,去描边,颜色为D0D0D0,圆角为30大小为宽300高30,位置在X:39,Y:101,再复制这个矩形颜色观鲼视防改为白色FFFFFF,大小为宽68高28,位置为X:42,Y:101,拉三个文字分别是分类1,分类2,分类3,位置分别是X:55,Y:104 X:169,Y:104 X:283,Y:104文字是最顶层

产品设计教程:只需4步,教你做出标签式导航

3、调整默认状态,新建状态2,3因为刚才排布有一点小问题线调整默认状态,最左侧第一组放到界面内中间,状态2把白色矩形放到中间,第二组图片移到中间,状态3把白色矩形移到最右边,第三组图片移动到中间

产品设计教程:只需4步,教你做出标签式导航

4、链接跳转进入全局状态复制三个链接区域大小调整到能和白色矩形差不多就好,分别覆盖在分类1 分类2 分类3上面,进入默认状态,分类2上面的链接区域链接到状态2,分类3上面的链接状态连接到状态3,进入状态2,分类1上面的连接区域连接到默认状态,分类3上面的连接区域连接到状态3,进入状态3,分类1上面的链接区域连接到默认状态,分类2上面的链接区域连接到状态2,大功告成,搞定!

产品设计教程:只需4步,教你做出标签式导航
  • win10 IE11浏览器怎么设置临时文件磁盘空间大小
  • 地震级数怎么划分标准
  • Excel中条件格式规则3的用法
  • Excel2010怎么检查数据的好帮手:数据有效性
  • Excel表格软件基础设置
  • 热门搜索
    峨眉山旅游地图 十月旅游 天柱山旅游 陕西旅游出版社 长沙 旅游 唐山旅游景点 避暑旅游十佳城市 丹霞山旅游 张家港旅游 朱家尖旅游