精华内容
下载资源
问答
  • 交互设计案例
    万次阅读 多人点赞
    2021-06-17 01:04:26

    网络上的Axure教程看了很多,大多数都是讲软件如何操作,讲交互逻辑和用户体验的却寥寥无几,而实际项目中却非常重交互逻辑和用户体验。把这1600套原型文件一一拆解,慢慢分析作者的设计思路,会发现,互联网产品交互设计真的很有意思,很容易掌握。

    各行各业的小程序原型、APP原型、网页前端原型、中后台原型等等都有收录,涵盖教育、电商、直播及短视频、内容产业、泛娱乐产业、保鲜及金融、投资、人工智能、智能硬件、AR/VR、零售、汽车、社交、社区、社群、母婴儿童、区块链、物联网产业、B端及企业服务、跨境海外、地产、婚恋美妆、运动体育、餐饮美食、工具类、O2O生鲜行业、融资贷款行业、农林行业、家政培训行业、旅游行业、O2O/B2B电商(跨境电商)行业、视频直播行业、线上教育培训行业…

    可谓是产品经理、交互设计师必备宝贵资源库!!!

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    更多相关内容
  • 面对如此庞大的特殊受众,设计师理应关注他们的需求。信息图形设计本是以向用户传递精准数据为目标,也不能忽视了这部分群体。“色盲能看到颜色吗?”“他们只能看到黑、白吗?”——人们常误以为色盲视觉所见的景象...
  • Axure RP 8交互原型设计案例教程(微课版)-Axure源文件.rar
  • 灰色简洁扁平化设计博客整站模板_灰色 简洁 扁平化 博客 整站 幻灯 大气 菜单 jquery 交互 设计 案例 html.zi灰色简洁扁平化设计博客整站模板_灰色 简洁 扁平化 博客 整站 幻灯 大气 菜单 jquery 交互 设计 案例 ...
  • 把这2000套原型文件一一拆解,慢慢分析作者的设计思路,会发现,互联网产品交互设计真的很有意思,很容易掌握。 资源包内包含相当丰富的项目原型,各行各业的小程序原型、APP原型、网页前端原型、中后台原型等等都有...

    网络上的Axure教程看了很多,大多数都是讲软件如何操作,讲交互逻辑和用户体验的却寥寥无几,而实际项目中却非常重交互逻辑和用户体验。把这2000套原型文件一一拆解,慢慢分析作者的设计思路,会发现,互联网产品交互设计真的很有意思,很容易掌握。

    资源包内包含相当丰富的项目原型,各行各业的小程序原型、APP原型、网页前端原型、中后台原型等等都有收录,涵盖教育、电商、直播及短视频、内容产业、泛娱乐产业、保鲜及金融、农业金融、数据中台、贷后风控、爬虫模型配置、智能风控、发票开具、投资、人工智能、智能硬件、AR/VR、零售、汽车、SaaS、社交、社区、社群、母婴儿童、活禽订购、冻货批发、进销存、医药、区块链、数据可视化、BI工具配置、物联网产业、ERP、B端及企业服务、跨境海外、地产、婚恋美妆、运动体育、HRM、CRM、餐饮美食、工具类、O2O生鲜行业、融资贷款行业、农林行业、CMS家政培训行业、旅游行业、O2O/B2B电商(跨境电商)行业、视频直播行业、OA、SCRM、养老、垃圾分类、PRD(产品需求文档)、线上教育培训行业……

    可谓是产品经理、交互设计师必备宝贵资源库!!!

    文件数量:2001套

    文件大小:7.40GB

    文件夹内还包含项目需求文档和视觉稿,是初级交互设计师和初级产品经理的入门必备。

    原型图设计源文件统计下来有2001套,几乎涵盖了市面上所有在售的原型文档,诚意满满的为您奉上。

    在这里插入图片描述
    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 交互设计优秀案例 篇一交互设计优秀案例 互动网站主要是让网站与用户进行互动大部分都是让用户通过微 博来分享最终实现品牌宣传的目的之于效果如何这就要看你的 专题有没有创意啦 ! 接下来大家一起看看国内的互动...
  • 最近在做产品设计时,遇到了一个非常典型的设计失败案例。这个案例反应了一些老生常谈的问题,我觉得非常有意思。好看的设计未必好用我负责的是一款秀场类产品,近期要在移动端中添加一个模块,模块主要的功能是展示...
  • 十个不合理的交互设计;4.x 之后的菜单键的设计其实是想弱化菜单的功能做的比较窄小也是为了界面简洁更好的呈现内容菜单中整合的选项应该是用户十分不常用的如设置(软件不需要经常改变设置)评分反馈注销帮助等但是...
  • Web中的用户体验是指用户在访问平台的过程中的全部体验,它包括平台是否有用,疑惑或者bug程度,功能是否易用、简约,界面设计和交互设计是否友好等方面。用户体验的核心是UCD,即“以用户为中心的设计”。
  • 人机交互界面设计方法完成的网上银行系统的交互界面分析和设计,包括账户查询、存款、取款、转账等业务流程
  • 一个老用户在淘宝购物行为如下:1、 在淘宝上浏览发现自己中意的宝贝,决定拍下宝贝,点击立即购买按钮(用户:这宝贝不错,就买它了,淘宝就是不错,这酱油比街口张三小卖铺便宜2毛钱)交互设计与用户体验案
  • 11个优秀的交互设计作品集

    万次阅读 2019-10-13 16:40:30
    本文转自墨刀编译自Vanschneider的10 inspiring ...虽然很多交互设计师可能认为自己的工作不能很好地以视觉化的方式呈现出来,但一个作品集对于交互设计工作来说真的很重要。 在交互设计作品集中,可以引导人们了解...

    本文转自墨刀编译自Vanschneider的10 inspiring ux portfolios and why they work。

    不管你做什么样的设计,一个在线交互设计作品集都是必备的。在大多数情况下,公司和客户根本不会考虑你是做什么工作的。虽然很多交互设计师可能认为自己的工作不能很好地以视觉化的方式呈现出来,但一个作品集对于交互设计工作来说真的很重要。

    在交互设计作品集中,可以引导人们了解你的工作流程,分享你在简历甚至谈话都无法完全阐述出的细节。一个交互设计作品集将帮助面试官和用户都能更好地理解你的想法,以及你与众不同的地方。

    通过与Semplice(我的设计师作品集系统)的合作,我看到了很多例子,这些例子表明:即使是复杂的交互设计工作也可以漂亮的作品集的方式呈现出来。 我们可以去留意一些有才华的UI设计师的作品集,学习用可视化的方式来展现你的作品集,进而让人们对此留下深刻的印象。

    1. Kurt Winter

    在这里插入图片描述

    我最喜欢Kurt 的交互设计作品集的一点是:它看起来最不像是一个作品集。对于交互设计作品集来说,很容易塞满一些原型图,堆砌文字。 Kurt 确实分享了所有必要的细节,但同时成功地使它具有视觉吸引力。注意观察一下他的布局、图标和文本,这些都是值得学习借鉴的。

    在这里插入图片描述

    点击访问Kurt Winter的作品集

    2. Liz Wells

    在这里插入图片描述

    Liz Wells 是我们交互设计作品集的代言人。 她的作品集不仅让人眼前一亮,而且让人很容易理解她到底在做什么,以及她的作品是如何融入一个成功的最终产品的。每个案例研究都讲述一个具有相似结构的故事:

    • 项目摘要

    • 目前的任务

    • 用户体验的挑战

    • UX解决方案

    这使得读着很容易理解她从头到尾的方法流程。最令人印象深刻的是,她用了大量的图片来说明她的创作过程: 早期的草图,批注笔记,线框图。 许多这样的视觉效果都是简单地从笔记本上撕下来的,或者快速地写在白板上——这些视觉效果是任何UX设计师在随时随刻都能得到的。但 Liz 做的还远远不止这些,她拍摄这些笔记就像你拍摄印刷品一样,有互补的背景和可爱的小道具。她将最终产品的图片和视频呈现出来,让这个项目在屏幕上栩栩如生。

    在这里插入图片描述

    你可能会认为没有太多要展示的过程,尤其是策略和研究阶段,但是即使是头脑风暴的速记笔记也可能对你的交互设计作品集有价值。 将这些小片段保存在你的整个项目中,你会惊奇地发现这个故事在之后是多么的容易拼凑起来。

    点击访问Liz Wells的作品集

    3. Isa Pinheiro

    在这里插入图片描述

    与Liz的“幕后“式的案例研究相反,Isa Pinheiro在她的交互设计作品集中分享了精美的成品,并解释了她的工作如何影响最终用户。

    以她在日本铁路系统的项目为例。Isa在页面中嵌入了交互式原型,因此读者可以直接从她的产品作品集中体验成品。如果你没有从早期项目阶段分享的点点滴滴,这是一个很好的解决方案。

    在这里插入图片描述
    在这里插入图片描述

    (用墨刀做的交互原型,可以获取分享链接分享到作品集里)

    艾萨(Isa)还花时间在自己的作品集中添加了一些个人风格。看看她的两个独特的导航选项:一个是带有两个直接菜单项的全屏导航,另一个是每个项都配图的图像式导航。平滑的滚动和全屏封面滑块为她的交互设计作品集增添了视觉冲击。

    点击访问Isa的作品集

    4. Oykun Yilmaz

    在这里插入图片描述

    Oykun Yilmaz 擅长用一句话介绍客户并简要概述项目目标,从而使他的项目摘要简短而优美。 但是他会确保用精准的数字来呈现具体的结果,这往往是许多交互设计作品集案例研究都缺乏的。交互工作在人们看来似乎是抽象的,所以可以通过解释你的工作是如何产生实际影响的,让它具体化。

    点击访问Oykun Yilmaz的作品集

    5. Naim Sheriff

    在这里插入图片描述

    Naim Sheriff的主题对于读者来说看起来很简洁,使读者看起来很真实。 以他的Ideapaint案例研究为例,他在其中分享“设计探索”阶段的重要性,以及他通常如何进行。 甚至例出了在项目过程中问自己的问题,例如:“我们如何成功展示出相似产品之间的差异?用户怎么知道该为其的空间买多少油漆?” 随后,他们团队分享了解决方案。

    对于那些可能需要交互设计师,但又不了解内部术语和工作方式的客户来说,这样的交互设计作品集更加接地气。这样的作品集能让任何人,即使是招聘员(可能对设计一无所知)都容易理解你所做的工作。

    在这里插入图片描述

    点击访问Naim Sheriff作品集

    6. Sebastián Martínez

    在这里插入图片描述

    SebastiánMartínez 用单页作品集的方式带你了解他的作品。 他的案例研究很短,但是他做了很多设计师忘记做的一件事:他分享了他对最终产品的感觉。 “这是我感到自豪的最完整,最有趣的产品之一,”SebastiánMartínez谈到他的 Monkop Test Cloud 项目时说道。分享对工作的感受不会花费你的太多时间,但很有价值。

    在我们的“如何在X找到工作”系列中,我采访了顶级公司的设计师和招聘人员,只是询问我们如何能够在他们的设计团队中获得一份理想的工作。 他们中的许多人都说,他们想知道你对项目和结果的看法。 它给你的工作带来了深度,并给了我们一个进入你心灵的窗口。

    点击访问Sebastián Martínez的作品集

    7. Husam Elfaki

    在这里插入图片描述

    Husam Elfaki的交互设计作品集案例研究在第一段会介绍项目、目标和结果。但他并没有就此打住,把一堆照片扔在下面,而是将项目分解,解释项目的每一部分。

    不要想着放上图片你的读者能够理解它们的意思——花时间去写上标题或简短的摘要,解释你项目的来龙去脉。

    点击访问Husam Elfaki的作品集

    8. Kali and Karina

    在这里插入图片描述

    从概念到成品,Kali and Karina 的工作涉及到全流程。她们很少提到UX/UI这些字眼,但这都隐含在他们的案例研究中。从精心设计的用户旅程、黑白草图到高保真的原型图,她们像讲故事一样分享她们的项目。

    点击访问Kali and Karina 的作品集

    在这里插入图片描述

    (通过墨刀制作的高保真交互原型)

    9. Elliot Owen

    在这里插入图片描述

    Elliot Owen 呼吁人们注意特定的手势、互动和经验,这使他的项目取得成功。以他的 British Airways 为例。

    在这里插入图片描述

    他展示了小的功能或特性如何对项目产生重大影响。 而且他在合适的地方使用的GIF,不是为了让观众眼花缭乱或分心,而是准确地展示了他的交互设计项目的工作方式。

    点击访问Elliot Owen的作品集

    10. Veda Dsiljak

    在这里插入图片描述

    Veda Dsiljak的案例研究几乎就像是产品营销页面,他们的作品销售得如此出色。不只是用产品或项目的标题来命名页面,而是为它们撰写一个性标题。它们的作用就是一开始就引起人们的兴趣。 他在每个案例的结尾都添加了原型的下载链接,以便读者可以亲自体验。

    点击访问Veda Dsiljak的作品集

    11. Jason Yuan

    在这里插入图片描述

    我们以上分享的一些示例是允许你在作品集上直接跟原型进行交互,但 Jason Yuan 是使用带有鼠标操作轨迹的视频来可视化体验。通过这种方式,他能引导读者无障碍地明白产品的使用过程。

    年轻设计师们可以学习这一点:Jason为Apple设计的作品是自发的重新设计,但设计是如此详尽周到,感觉就像是真正的客户作品。 自发的重新设计是一种很好的方式,可以在你的职业生涯初期或你希望进入新的设计道路时展示你的技能和兴趣。 我总是建议说不要给像苹果这样的大公司进行自发设计,因为它们已经是一个成熟的知名品牌,这太容易了。 不过对于Jason来说,他成功做到了对FastCoDesign,Next Web,Mic等产品的设计。

    点击访问Jason Yuan 的作品集

    在创建交互设计作品集时,就像在日常工作中一样,需要深思熟虑以及具有战略性。 花一些时间来解释你的流程,让你的读者了解你工作的每一个步骤,并说明它是如何产生影响的,这样你的交互设计作品集就能被记住了。

    ————————————

    展开全文
  • 本文以触摸屏的人机交互设计为与机制为课题背景,对不同触摸设备的交互特征和用户使用行为进行分析,包括手机(小尺寸触摸设备)及平板(大尺寸触摸设备),从而总结出触摸设备的交互设计原则。 通过实例总结以手机...
  • 本作品是在AxureUX去年发布的交互原型Web元件库v1.0的基础上优化而来的,在这一年...同时,新版应用了全新的设计风格和配色方案,整体使用较为安全的蓝色作为主色调,同时简化了相关元素的配色,调整起来也会更加方便。
  • axure交互案例大全.rar

    2019-05-22 17:05:36
    axure经典案例大全,包含(吸附效果、微信切换效果、顶部固定、秒表计时、多级菜单、鼠标悬停放大、进度条、双图轮播比对、轮播图、链接、扫一扫等50+个资源)
  • 人机交互案例

    2018-12-21 19:30:59
    二十多个小案例,关于html5与css3, js;比如二级菜单、动态时钟、高级登陆验证。。。。。。。
  • 找不到交互设计实例?看这里!

    千次阅读 2017-04-19 14:42:47
    现在很多优秀的网站、移动应用中都广泛的使用到交互设计。网络上也有很多相关的文章,例如什么是交互设计交互设计的流程是怎样的?但是设计从来不是空谈,理论和实际的碰撞,才能激发出更多的灵感。以下是我自己...

    现在很多优秀的网站、移动应用中都广泛的使用到交互设计。网络上也有很多相关的文章,例如什么是交互设计,交互设计的流程是怎样的?但是设计从来不是空谈,理论和实际的碰撞,才能激发出更多的灵感。以下是我自己总结出来的10个优秀的交互设计实例(APP, 网页),希望对你们有帮助。


    移动应用交互设计实例


    1. 3D立体展示图片列表


    以立体展示的方式呈现所有的图片内容。左侧时间轴会根据滑动图片时的停留,显示对应图片的拍摄时间。最终停留的图片会在界面中部完全显示。



    2.上下滑动切换的卡片化图片展示


    这个案例中采用了卡片式设计,通过上下滑动切换图片。卡片式的设计不仅能给人很好的视觉一致性,而且更易于设计上的迭代。图文混排的模式,既在视觉上做到尽量一致,又很好的平衡文字和图片的强弱。卡片化和上下滑动的交互结合也是一个不错的效果。



    3.富有星空元素的搜索页


    导航页面融入星空元素,每一个图标代表不同的导航功能。在页面上滑动导航图标,被选中的图标自动放大尺寸,其他图标则自动变换位置和大小。交互设计的优势在炫酷简洁的星空元素中发挥到极致。



    4. 数据化的创意设计APP


    这款文件管理应用将所有文件的存储量以数据化的方式呈现,直观简洁,一目了然。当每个文件夹存储量有变化时,环形统计图里的数据和对应文件夹的色块比例也会做出相应的交互变化。



    网页交互设计实例


    介绍完这些比较常见的移动应用交互设计,接下来再给大家介绍一些比较优秀的网页交互设计的案例。


    1. Sketchin


    简洁的导航栏使整个网站看起来十分简洁美观。



    2. Seeing Data


    这个网站是一个动态的信息图表,它可以为用户提供信息统计,绘制图表。



    3. 1000 Chrome Experiments


    这个网站是由Google创意实验室创建的,不仅有华丽的动画,而且它的功能和网络技术方面也让人印象深刻。



    4. Celebrating Chinese New Year


    庆祝中国新年是一个专业的实现WebGL的实验,可以将您的问候转化为烟花。



    5. Carbon Studio


    怀念老式的拖放导航?不妨看看Carbon Studio这个网站。



    6.Nick Jones


    这个网站可能已经过时了,但它的互动设计还是很棒的。



    总结


    从欣赏的角度来说,优秀网页和应用设计本身就是一种美,能为设计师和用户带来一种纯粹的乐趣。这10个交互设计实例可能有些稍微有些过时,但它们的交互设计思路和技巧还是值得学习和思考。希望对你们有用。

    展开全文
  • 交互原型案例Axure50套

    万次阅读 2018-12-14 18:00:25
    原型下载链接:https://pan.baidu.com/s/1cu5cfebWMSeacEou-Lg6sA 提取码:d0i4 想了解更多Axure资讯,赶快下方扫码加入【Axure修炼手册】微信公众号吧!!! ...
  • 第12章 项目案例融合工厂企业官网;学习目标;本章任务;网站的主要交互功能;交互功能;交互功能;交互功能;网站用到的主要知识点;配置定时器;运用jQuery选择器;运用jQuery事件与效果;7使用stop) 停止当前正在运行的动画 ...
  • 交互设计的未来

    2021-02-26 09:41:28
    要了解如何掌握现在交互设计的艺术,可以参考免费的电子书籍InteractionDesignBestPractices。这本书中含AirBnB,Google,Apple,Etsy以及其他诸多公司的30多余交互案例。作为一种无形的设计,交互设计一直以来都是UX中...
  • Axure-RP-8-交互原型设计案例教程第11章.pptx
  • Axure-RP-8-交互原型设计案例教程第2章.pptx
  • 用户体验与交互设计案例介绍 吴超 交互细节案例介绍 案例一 Tecent 尊重用户的选择 用户可以任意选 择皮肤 图像 好友类别的排序 以 及各种排序 案例一 Tecent 制定规范维持统一 案例一 Tecent 实时的动态更新 案例...
  • 除了看各种案例之外,自己实操才是最重要的。动手之前,不妨先了解一下UI动效设计的基本规则吧!这篇文章中,我主要阐述了UI动效设计中需要注意的问题以及原因,而不是教授制作UI动效额技巧。随着大家对于这一领域的...
  • 新设计师在进行交互设计时,很容易直接进入具体的界面层的设计思考,而整个过程中的前期推导过程却很容易被忽略,在这个案例中会着重前期推导的部分。先放出一张我在设计过程中提炼的设计思维完整的流程图,案例中的...
  • 10个最新交互式Web设计实例欣赏

    万次阅读 2018-03-06 10:05:09
    如今,越来越多的UX/UI设计师将交互/动画元素(例如鼠标悬停状态,音频或视频媒体,滚动交互等等)添加到其网站设计之中。这样一方面可以使网站本身更加绚丽有趣,吸引更多访问者,同时也能够激励访问者更多的关注和...
  • 要了解如何掌握现在交互设计的艺术,可以参考免费的电子书籍《InteractionDesignBestPractices》。这本书中含AirBnB、Google、Apple、Etsy以及其他诸多公司的30多余交互案例。作为一种无形的设计,交互设计一直以来...
  • 新浪微博实习体会 交互设计初体验 9月初我来到新浪微博 UDC部门交互设计岗位实习在接近四个月的学习时间里我对交互设计行 业有了深一步的了解认识到了交互设计师的一些具体职责鉴于之前接受的知识大多来自书本或网络...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 102,041
精华内容 40,816
关键字:

交互设计案例