Day3学习—网页初尝试:运用Axure模仿美团网首页(上)

**

网页初尝试:运用Axure模仿美团网首页(上)

**
(1)模仿美团首页利用矩形和图片元件进行排版
(2)在同比例位置设置好LOGO,网上下载好美团标志
(3)在logo旁设置好搜索栏,并设置搜索提示信息

Day3学习—网页初尝试:运用Axure模仿美团网首页(上)

(效果如图)

(4)利用事件交互设置图标和文字链接的变化
Day3学习—网页初尝试:运用Axure模仿美团网首页(上)
注册和登录按钮的深化处理,引起用户的注意
Day3学习—网页初尝试:运用Axure模仿美团网首页(上)

鼠标移入字体颜色的改变也是一种常见基础的强调方法。

(5)首页分类类别的展示栏
Day3学习—网页初尝试:运用Axure模仿美团网首页(上)

图标在iconfont下载并进行和文本框的组合,做到清晰又美观的效果。
(6)完成页面下拉页面
Day3学习—网页初尝试:运用Axure模仿美团网首页(上)

猫眼电影分栏(运用取色器效果,达到仿真度)
Day3学习—网页初尝试:运用Axure模仿美团网首页(上)

推荐民宿页面
Day3学习—网页初尝试:运用Axure模仿美团网首页(上)

猜你喜欢的分栏
(7)完成分栏之后开始做简单的动画效果:轮播图 具体分页
Day3学习—网页初尝试:运用Axure模仿美团网首页(上)

具体操作如下
Day3学习—网页初尝试:运用Axure模仿美团网首页(上)

1.创建一个底色矩形框 交互事件从透明色变成F0033 透明度41
2.鼠标移入 美食页面弹出
3.鼠标移出 美食页面隐出