UI-宠物类APP交互动效设计

5926人学过难度:初级练习软件:AXURE RP 8

评论(69) 收藏课程下载视频

关注人数：5116

虎课注册讲师，专注于UI设计，擅于海报设计。生活不仅有苟且还有诗和远方。刘刚老师毕业于辽宁大学艺术学院，获得学士学位。从事UI设计4年、教育行业1年，擅长WEB、GUI、交互、平面、VI等领域。具有丰富精彩的实战技巧和经验基础。

PS-临摹设计写实相机icon

1.1万人已学

专题界面视觉设计

9485人已学

课程综合评分：9.8分

1. 【打开】Axure软件，【新建】画布。具体效果如图示。

2. 【拖入】矩形元件，调整至IPhone6尺寸大小。具体效果如图示。

3. 【拖入】矩形元件，根据Iphone6的状态栏和导航栏尺寸，调整合适的大小，【填充】深色。【拖入】状态栏元件，放置合适的位置。具体效果如图示。

4. 按Ctrl键【拖动复制】导航栏至底部，根据尺寸标准，修改尺寸高度，排列至底部合适的位置。具体效果如图示。

5. 【拖入】一级标题元件，输入标题文字，【字体】默认，字号36PX，【颜色】白色。放置合适的位置。按Ctrl键【拖动复制】标题至导航栏其他的位置，【修改】文字内容，调整字号大小。具体效果如图示。

6. 【拖入】占位符元件，大小40PX，排列至导航栏右侧合适的位置。具体效果如图示。

7. 【选择】关联的元件图层，按【Ctrl+G】编组，【重命名】图组。【拖入】占位符元件，大小50PX，排列至底部标签栏上方合适的位置。具体效果如图示。

8. 【拖入】矩形元件，调整圆角，【填充】合适的颜色，调整大小，排列至标签栏正中间位置。根据设计思路，【拖入】矩形元件，调整圆角和大小，【填充】深色，绘制十字图标。【选择】关联矩形元件，按【Ctrl+G】编组，【重命名】。具体效果如图示。

9. 【拖入】文字标签，字号20PX，【颜色】白色，输入文字，【选择】关联元件，按【Ctrl+G】编组，按Ctrl键【拖动复制】至合适的位置，【修改】文字内容。【选择】标签关联图层，按【Ctrl+G】编组，【重命名】标签栏。具体效果如图示。

10.&nbs

登录后学习完整图文教程