用Axure RP 9制作简易网易云首页

用矩形以及文本标签、文本域制作出以下导航栏，交互效果有放在上面会实现变色效果，以及点击登录会弹出登录框

同步上面操作可实现以下

用动态面板中做出轮播图，交互效果有轮播图以及点击小圆点回跳到相应图片，左右箭头可以控制轮播图向左滑动或者向右滑动

用矩形工具作出以下效果

用动态面板将登录、手机号登录、注册、二维码登录画面放进去

制作一个点赞效果

利用矩形以及文本标签制作出以下效果

最终效果如

用Axure RP 9制作简易网易云首页相关推荐

使用Axure RP 8制作两种导航菜单-悬浮菜单
上一篇文章介绍了下拉导航的设置方法,详见使用Axure RP 8制作两种导航菜单-下拉导航本文介绍第二种导航方式悬浮菜单,如图同样我们先分析一下该种方式中包含的交互: 鼠标移入一级菜单图标,出现 ...
使用Axure RP 8制作两种导航菜单-下拉导航
日常在绘制web端原型时,往往会涉及到导航栏的制作,文章主要记录两种常见导航栏的绘制方法. 首先我们看一下两种导航方式,一种是点击一级菜单,出现下拉的二级菜单:另一种是鼠标移入时显示二级菜单的悬浮框, ...
精讲前端实战项目之移动端网易云首页（附源码）
本篇文章分享给学习前端的朋友,可能你们长时间的学习了理论知识,对html,css,JavaScript等基础知识已经是相当熟悉了.但是没有一个自己的作品,那是因为缺乏练习一些实战项目.今天这个就是一个 ...
01网易云首页导航栏html制作（李游精品前端课程笔记）
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
微信小程序之简易网易云音乐
(一)主要界面截图: 主页界面,主要通过HTML以及css代码搜索界面,调用网易云音乐api接口,通过完成 ...
Axure RP 8制作不透明度
步骤一: 找一张手机图片,宽高自定,自己觉得适合就行,如下图所示: 步骤二: 把图片导入调整好大小,放置手机图片内,拖两个矩形,一个灰色垫底命名为hui,粉色在上命名为粉,拖一个30*30的圆作为按钮 ...
Axure RP 8制作小僵尸
步骤一: 绘制一个300*300的矩形,右键转换为动态面板,添加面板.如下图所示: 步骤二: 双击动态面板1,绘制两个矩形左右靠在一起,设置宽度300,高度50,在绘制一个矩形宽300,高250,点击 ...
Axure RP 8制作QQ登录
今天给大家分享一个简单的案例步骤一: 我们先把布局弄好一个矩形作为背景,文字用文本标签去写,两个文本框,一个登录按钮,按着下面的图片布局.如下图所示: 步骤二: 给密码设置一个组.如下图所示: 步骤 ...
网页制作 - 问卷网的首页
<html> <head> <meta charest = "utf - 8"> <title>首页</title> & ...

用Axure RP 9制作简易网易云首页

用Axure RP 9制作简易网易云首页相关推荐

最新文章

热门文章