精华内容
下载资源
问答
  • 文章写了交互设计的流程及注意事项,分为四个模块,产品信息架构设计、ios&Android和web端设计规范与设计模式、页面排版布局、视觉心理学。
  • UI/UE设计 项目实战 入门到精通 手机APP */30 WEB端运动社交应用项目设计(1) */30 本节课的目标 了解Web端运动社交项目项目需求 掌握营销型企业网站的特点 掌握Web端应用设计规范 掌握Web端应用交互设计原则 ...
  • 交互设计 UI/UE设计 项目实战 入门到精通 手机APP */9 运动社交类web端产品交互原型设计(3) */9 本节课目标 掌握会员注册页面的交互设计 */9 交互设计 UI/UE设计 项目实战 入门到精通 手机APP 上机操作-会员注册页面...
  • 交互设计 UI/UE设计 项目实战 入门到精通 手机APP */11 运动社交类web端产品交互原型设计(3) */11 本节课任务 上机操作1-验证密码 上机操作2-再次验证密码 */11 交互设计 UI/UE设计 项目实战 入门到精通 手机APP ...
  • Web端交互文档结构总结撰写人_日 期_ Web端交互文档结构总结 撰写人_ 日 期_ 第 PAGE 页 共 NUMPAGES 页 Web端交互文档结构总结 对一份优秀的交互文档来说都要具备什么样的基本框架与基础要素呢如果你没有一个明确的...
  • 本套模板按照主流的Web标准尺寸进行设计,所有页面都遵循统一标准的网页布局规范,同时模板中还原了各类常见的Web端交互效果,最终演示效果与实际的操作场景基本保持一致,是一套非常适合学习和参考的高保真Web端...
  • AxureUX WEB端交互原型通用组件模板库 v3
  • 本套模板按照Web标准尺寸进行设计,其中设计区域可视宽度尺寸为1300px,内容宽度尺寸为1200px,左右两侧留白区域为50px。模板中最大程度了还原了各类常见的Web交互效果,最终演示效果与实际的操作场景基本保持一致。
  • WebRTC学习之路---Android端与Web端交互

    千次阅读 2020-02-15 16:53:37
    Android端与Web端交互成功之后,两个APP也是可以通的! 一、Android Studio小坑  为了打通Android和浏览器的互通,安装了4年前用的IDE。。。AS。。。报了些错误,在这里记录下。  上面第一条设置可以...

           二进制前缀:0b,十六进制前缀:0x,八进制前缀:0。
           又多了解了一点javaSE的知识,java内部接口默认就是静态的。


           先说效果:不管你在哪里,应该都是可以穿透的,加入到123456房间后可以音视频互动。Android端与Web端交互成功之后,两个APP也是可以通的!

    一、Android Studio小坑

           为了打通Android和浏览器的互通,安装了4年前用的IDE。。。AS。。。报了些错误,在这里记录下。
    Alt
    Alt
           上面第一条设置可以设置为默认的,第二条不可以。。。勾选Maven应该是每个新的项目都要手动设置了。

           点击同步配置文件后如下图,安装适配工具。
    Alt
           当然还没结束,又报错了。果然新建项目的时候还是不要装最新版SDK。。。
    Alt
    AltAlt
           安装平台26的SDK即可。
    Alt

           再点击同步,helloworld有了!
    Alt



    二、Android端WebRTC知识

           还学到设计模式中工厂模式和观察者模式的皮毛。

    1、整体框架图

    Alt
           PeerConnection是从工厂创建出来的,track也是工厂创建出来再放到MediaStream里面。Android端需要实现连接的观察者接口,JS里面直接是用事件监听的。


    2、注意点

           IceCandidate的构造函数必须有iceCandidate.sdpMLineIndexiceCandidate.sdpMidiceCandidate.sdp

           创建Offer的时候,Android必须再加上下面参数,否则是无法和Web端互通的

    	mediaConstraints.optional.add(new MediaConstraints.KeyValuePair("DtlsSrtpKeyAgreement", "true"));
    

           和Web端还有一个很大的不同,创建Offer和Answer的时候会有SdpObserver的回调,可以实现接口函数。



    三、小结

           。。。之前调试通了就兴奋地发给朋友去测试,结果安装不上apk,如下图:
    Alt
           我估计应该原因绝对是那个APK是Debug时候生成的,只适合我自己的手机,所以又去IDE上Generate Signed APK

           代码放在Git上面 --> https://github.com/xiguanlezz/WebRTC_android

           想试试的小伙伴可以下载apk安装玩玩看,android系统必须是7.0以上,最新的10.0也兼容。目前只有房间号为123456的可以互通,服务端没写其他的roomId。

           链接:https://pan.baidu.com/s/1LIghT4Y4v8sTjB8wjoUa8g
           提取码:bsur

    展开全文
  • AxureUX WEB前后端交互原型通用元件库 v2.0 可以完整运行 包含大量常用组件
  • 新版中共包含了常用组件、信息输出、信息输入、信息反馈、综合系列、页面交互等6种元件分类,这些分类由近百款元件类型和上千个独立元件组成。相比于旧版本,新版中包含了更加丰富的元件类型和业务组件,并且去掉了...
  • 新版本正式命名为:WEB前后端交互原型通用元件库,它是经过整整数月的打磨完成的一套更加实用和更有参考价值的作品。 新版中共包含了常用组件、信息输出、信息输入、信息反馈、综合系列、页面交互等6种元件分类,...
  • crm需求文档+web端交互组件+Axure移动端模板+管理后台框架模板 作品展示2 作品展示3 作品展示4 交互演示地址及下载链接 ......

    crm需求文档+web端交互组件+Axure移动端模板+管理后台框架模板

    作品展示2

    作品展示3

    作品展示4

    交互演示地址及下载链接

    https://www.pmdaniu.com/storages/120083/72217b1b8ac96c07b21a00cb5ea7680d-30328/start.html#g=1&p=01-_%E9%9C%80%E6%B1%82%E6%96%87%E6%A1%A3

    请点击链接进行下载

    展开全文
  • 配合元件中提供的丰富的元件类型或业务组件,可以让你快速设计出美观规范和易读性强的WEB交互原型,能把更多精力放在功能流程和业务逻辑上。 注意,相关模板主要提供框架和布局参考,每套模板的页面完成程度有所不同...
  • 不过,前后端交互技术有哪些?且看我的分析。 目前常用的实现前后端交互的技术有三个: 1、ajax ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,ajax可以使网页实现异步更新。这意味...

    我们都知道,一个完整的IT项目是由多个不同岗位的成员共同完成,包括UI设计、前端开发、后端开发、测试等。为了实现项目的完整性,前后端需要运用技术实现联通。不过,前后端交互技术有哪些?且看我的分析。
    在这里插入图片描述
    目前常用的实现前后端交互的技术有三个:

    1、ajax

    ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

    XMLHttpRequest对象是ajax的基础,XMLHttpRequest用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。目前所有浏览器都支持XMLHttpRequest。

    ajax实现前后端交互的步骤:

    1)创建XMLHTTPRequest对象

    2)使用open方法设置和服务器的交互信息

    3)设置发送的数据,开始和服务器端交互

    4)注册事件

    5)更新界面
    在这里插入图片描述

    2、webSocket

    webSocket协议最大的特点就是解决了http协议只能单方面发送请求的问题,服务端可以主动向客户端推送信息,客户端也可以主动向服务端发送信息,是真正双向平等的对话,属于服务器推送技术的一种。

    web浏览器和服务器都必须实现wabsockets协议来建立和维护连接。由于websockets连接长期存在,与典型的http连接不通,对服务器有重要的影响。

    基于多线程或多进程的服务器无法适用于websocket,因此他旨在打开连接,尽可能快的处理请求,然后关闭连接。任何实际的webSockets服务器端实现都需要一个异步服务器。

    实现步骤:

    1)客户端通过HTTP请求服务器网页;

    2)客户端接收请求的网页并在页面上执行JavaScript,该页面从服务器请求文件。

    3)当任意端新数据可用时,服务器和客户端可以相互发送消息(所以这个是双向的客户端和服务器连接,及可以互相推送消息)。

    4)从服务器到客户端以及从客户端到服务器的实时流量,服务器端支持event loop,使用WebSockets,可以跨域连接服务器。

    3、eventSource

    不同于ajax轮询的复杂和websocket的资源占用过大,eventsource(sse)是一个轻量级的,易使用的消息推送API。

    交互步骤:

    1)客户端通过HTTP请求服务器网页;

    2)客户端接收请求的网页并在页面上执行JavaScript,该页面从服务器请求文件;

    3)从服务器到客户端的实时流量,服务器端支持event loop,推送消息(所以这个是单向的服务器推送)。注意只有正确的CORS设置才能与来自其他域的服务器建立连接。

    以上就是我总结的3个常用的实现前后端交互的技术。一个合格的前端人才,不仅要掌握本职专业技能,还要了解一定的后端开发技术,这样才能更好的工作交流。

    展开全文
  • Web前后完整交互原型,基于蚂蚁金服视觉标准设计的一套元件库。此外,还包含小程序、短视频、在线教育、内容分享等平台模板。
  • 要想成为一名优秀的前端开发或交互设计师,就要善于利用各种强大的工具作为辅助。下面笔者跟大家推荐5款非常强大的工具,相信能让你功力倍增: Adobe Creative Cloud 集合了Adobe所有的图像、视频、音频和设计工具。...

    要想成为一名优秀的前端开发或交互设计师,就要善于利用各种强大的工具作为辅助。下面笔者跟大家推荐5款非常强大的工具,相信能让你功力倍增:

    Adobe Creative Cloud

    集合了Adobe所有的图像、视频、音频和设计工具。可以说,前端工程师的大部分时间都是在和这些工具打交道。

    Adobe Creative Cloud,前端开发工具,交互设计工具

    Sublime Text

    Sublime Text网站上已经把它的优点总结得非常到位了:精致的代码编辑器、平滑的用户界面、强大的功能和卓越的性能。试用之后相信你也会爱上这个工具。

    Sublime Text,代码编辑器,前端开发工具,交互设计工具

    IcoMoon App

    这是笔者最喜欢的web应用之一。它可以上传自己的字体矢量图标,最关键的是有海量免费图标可以下载,有svg,png和各种网页格式字体。

    IcoMoon App,免费图标下载,前端开发工具,交互设计工具

    SketchBookX

    我很喜欢这个iPhone应用。它是一个专业的绘图工具,可以随时记录下自己的想法,非常方便。这款工具对手指的支持不是很好,所以最好用一只手写笔代替。

    iPhone SketchBookX,草图绘制工具,前端开发工具,交互设计工具

    Eye dropper and color picker extension

    这个Google应用可以很方便的提取网页上的颜色,并将所有提取的颜色存储起来备用。

    Eye dropper and color picker extension,谷歌颜色拾取器,前端开发工具,交互设计工具

    展开全文
  • 如何设计「前后端交互协议」

    千次阅读 2018-11-13 03:17:03
    客户端和服务器交互,web页面和后端交互,都需要设计前后端交互协议。究竟怎么样设计最好,是否有些方法论呢?有的。 方法很简单:前端侧重展示,后端侧重逻辑;轻前端,重后端。 理由如下: 安全性 无论是客户端,...
  • 毕竟,我们要构建一个大的web应用,必然不是普普通通的静态页面构成。通常一般情况正常流程是这样子的: 通过对数据库的调用管理进行交互。 前台一般是对数据库内容按照页面代码控制进行捡索并展示出来形成...
  • Chapter5 交互设计测试与评估 第一章 为什么要开展测试与评估 用户测试:请目标用户使用产品来完成任务,观察并记录用户使用产品的整个过程. 用户测试的定义:也被称为产品可用性测试,指特定的用户在特定的使用...
  • 前后端交互(javaweb)

    千次阅读 2018-12-03 11:14:27
    标签 : 前后端交互 Javaweb 下面介绍了一些关于交互的细节: 请求数据 前端提供请求数据。 在开发中,后台在查询数据库时,需要借助查询条件才能查询到前端需要的数据,而查询条件正是此时前端提供相关的查询...
  • 如果有需要视频资源的可以关注"AI产品经理人...交互设计师和产品经理的区别 交互设计影响用户体验 优秀的交互设计来源于生活!!! 用户体验:国际标准化组织ISO 9241-210定义:用户对于使用或期望是用的产品、...
  • 本套课程主要是针对新手,帮助新手入门使用ajax,掌握基本的操作,能够在实际的工作中熟练的使用ajax进行前面端交互
  • 尼尔森十大交互设计原则

    千次阅读 2019-04-21 12:16:30
    Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则。它们被称为“启发式”,因为它们是广泛的经验法则,而不是特定的可用性指导原则。因此,我们不能把它上升为一种标准,而是应该当做一种经验来学习,然后跟现实...
  • web 交互规范

    千次阅读 2017-10-23 15:40:46
    Web 系统交互规范》以用户为中心,以用户的使用习惯与心理需求为出发点,结合以往项目经验,对用户习惯和产品交互各个方面做了相关的描述,为公司相关产品与项目的用户界面提供规范与指导。 在 Web 类型系统开发...
  • 主要定义功能、交互标准、交互接口 前后分离 提供简单实现用于用户自搭建 提供一个在线的站点 功能列表: 功能 描述 接口设计 - 前端页面 - 接口实现 简单PHP实现, 整体架构及相关API接口设计 接口使用RESTful ...
  •  这是一次内部分享,新部门的同学们希望我聊聊我过去从事的交互设计,做个了面对入门者等级的PPT,和各位简单聊了聊。发到微博上,也敦促自己对交互设计从业经历做个简单总结。——类似的文章,貌似自己在三年前也...
  • 元件库主要面向Web端产品交互原型设计的应用,包含各类Web常用基本元素及丰富实用的动态交互组件,可助力于快速进行Web产品原型的输出。 本元件库将持续的更新完善以适应最佳的原型输出需要。 本元件库为精简版本...
  • 本作品是一套基础的WEB端交互原型模板,非常适用于设计WEB网站原型的学习参考,可以快速构建一个企业网站或通用类型的网站框架。本套模板按照主流的Web标准尺寸进行设计,所有页面都遵循统一标准的网页布局规范。从...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 139,209
精华内容 55,683
关键字:

web端交互设计