【IXD案例】国际第一时尚品牌VOGUE-iPhone端案例高保真原型-抽屉效果案例

ioued • • IxD案例, 交互设计

本次分享给大家展现依然是高保真效果的原型，上一次展现的是iPad版本的，这次是iPhone端版本的原型，和上次一样，我们依然以国际第一时尚品牌VOGUE为例：iPhone端的效果比iPad更复杂，难度更高，我们要做的是抽屉效果。

首先我们还是上一次的思路，App在设备桌面内点击icon启动，默认会显示自己的启动界面，此时运营人员推送了一个品牌，或是广告的图片过来，App获取到之后缓存下来，下次启动的时候显示该图片。

【IXD案例】国际第一时尚品牌VOGUE-iPhone端案例高保真原型-抽屉效果案例

 

进入首届面之后，我们需要用户可以左右滑动头部栏目进行切换。同时用户在每个栏目内都可以上下滑动list查看其它的信息。

向上滑动的时候要收起TOP栏，同时要把头部第一个展示出来的大图推出去，把后面列队中的第一个提上来，并且每个图片配套的标题要一起互动产生一个运动的交互效果。

RP源文件下载地址：https://www.iamue.com/demo/4/VOGUE-iPhone/start.html

原型在线预览地址：https://www.iamue.com/demo/4/VOGUE-iPhone/start.html

作者：刘文涛 QQ：1036836655 交互设计学堂Q群：362796793 产品经理原型群：542477450

 

 

原创文章，作者：ioued，如若转载，请注明出处：https://www.iamue.com/13163/

赞 (0)
iouedioued
0
上一篇 2016-02-26
下一篇 2016-02-28

相关推荐

  • 交互设计师如何进行风险预判？ 交互设计

    交互设计师如何进行风险预判？

    在公司工作，任何职业都不可能单兵作战，协作是永恒的主题，而每一个需求和任务的实现，都是各方通力合作的成果。作为交互设计师，除了做好自己的设计工作之外，还需要花费大量的时间与产品、运营、客户端开发、前端开发、后端开发一起协作和沟通。

    2017-06-04
  • 原型尺寸规范总结 交互设计

    原型尺寸规范总结

    最近公司安排我带一下新来的交互设计师，我想给他制定一份交互设计规范。这样一来，即使新来的交互设计师没什么基础，也可以根据这一份规范，做出大致标准的原型图。 因为Ui设计稿是先做iPhone6的，方便向上适配iPh…

    2016-09-05
  • 微信热点

    多功能福彩APP用户体验调查问卷

    近日，湖南省福彩中心在全省7100多个彩站安装使用“智慧福彩APP”。该APP具有申领热敏纸、报修设备故障、发布活动公告、发布开奖公告、发布消息通知等功能，并服务于彩站具有各站点详情、销售目标、巡检劝人、评价管理员、问卷调查、意见反馈的功能，从而实现“福彩中心”、“市场管理员”、“彩站站主”、“彩民”、“社会公众”五者间的互通互联。彩站或彩民们有任何意见建议或技术方面的问题，均可通过该APP上报省中心，为中心机构与站主、彩民之间搭建了桥...

    2018-04-24
  • 译文 | 记忆设计：怎样设计可被牢记的友好体验 交互设计

    译文 | 记忆设计：怎样设计可被牢记的友好体验

    本篇文章中，我将向大家分享：怎样设计能够为用户留下一个记忆中的正面印象？在以前，锁匠开锁需要花费很多时间开锁，甚至需要将整个门破坏掉，那个时候，顾客通常会很满意的付给锁匠报酬，甚至是优厚的小费；但现在，开锁的设备更加先进了，锁匠开锁花费的时间越来越少，锁匠能够做到在三、四分钟内将锁打开，然而顾客却变得越来越吝啬，锁匠再也收不到优厚的小费了，并且常常被抱怨要价偏高，他们认为锁匠并没有花费太多的功夫就将锁打开了。

    2017-05-19
  • 微信热点

    用通俗的方式告诉你什么是交互设计

    文章底部可领取设计资源（软件、笔刷、视频教程等）↓↓↓通常来说，拥有成熟产品的大型互联网公司都会设有交互设计岗位，这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示，交互设计师的工作大多无法直观可视化或出于保密性难以对外展示，所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解，但工作相关或对此感兴趣的人对交互设计进行基础入门的了...

    2018-04-08
  • 当你画线框图时，你应该想些什么？ 交互设计

    当你画线框图时，你应该想些什么？

    我们每个人在刚入行的时候，接到项目需求，最初更多的会沦为产品经理的画图工具，帮他画好线框图、补全场景状态反馈等，这时候你可能会彷徨痛苦，感觉自己没有办法实现作为交互设计师的价值，不用彷徨痛苦，你现在需要的只是一个完善的工作流程，下面我就抛砖引玉来讲一下当我在画线框图时，我在想的12345……，希望对刚入行的小伙伴能有所帮助。

    2017-05-21
  • 网页的交互设计and界面与用户体验案例：Nike Tech Pack in store app IxD案例

    网页的交互设计and界面与用户体验案例：Nike Tech Pack in store app

    第一段是动效的视频，请注意观看交互效果与配色设计。 图片都可以点击放大，更清楚哦。 原文地址：https://www.behance.net/gallery/26097251/Nike-Tech-Pack-in-store-app 多个作者： Shakir Dzheyranov / Detail …

    2016-01-10
  • 交互设计

    Welcome to the Gutenberg Editor

    The goal of this new editor is to make adding rich content to WordPress simple and enjoyable. This whole post is composed of pieces of content—somewhat similar to LEGO bricks—that you can move around…

    2023-03-03
  • 如何从头打造让用户真正信任的界面 交互设计

    如何从头打造让用户真正信任的界面

    让人信任的网页到底是怎么样的？设计一个令人信任的网页应该是有迹可循的，几天文章当中的10个技巧，就是可行性相当高的手法，仔细看看，也许会让你获益匪浅。

    2017-05-24
  • 微信热点

    知识分享直播——用户体验招募

    如果你曾经沉迷直播，为喜欢的主播刷飞机火箭；如果你曾经将直播当作你学习的途径，获取信息；如果你对当下的直播平台设计有想法和建议；如果你希望在看直播的同时，不用送礼物，还能赚些小钱；如果。。。其实，没有这么多如果，只要你想参与到影响直播平台的用户体验设计的活动中，只要你不是直播的小白，那么请毫不犹豫地来参与我们的用户体验实验。我们会提供不低于50元人民币的报酬。01—研究课题在现行的直播用户界面的基础上，我们设计了一个辅助知识分享型主播及...

    2018-04-08