交互_交互设计 - CSDN
精华内容
参与话题
  • 前后端是如何交互

    万次阅读 2020-08-08 16:53:33
    iOS,H5,安卓等前端开发的如何跟后台进行交互? 应该怎么去规避一些不该属于自己的任务而被后台强加于自己? 1.前端请求数据URL由谁来写? 在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,...
    iOS,H5,安卓等前端开发的如何跟后台进行交互?
    应该怎么去规避一些不该属于自己的任务而被后台强加于自己?
    

    1.前端请求数据URL由谁来写?

    在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数,这里的查询参数也就是URL请求的参数。

    2.接口文档主要由谁来写?

    接口文档也是主要由后台开发者来写的,因为直接跟数据打交道的就是后台,后台是最清楚,数据库里面有什么数据,能返回什么数据.前端开发只是数据的被动接受者.所以接口文档也主要是由后台来完成的,前端只是接口文档的使用者,使用过程中,发现返回的数据不对,则需要跟后台进行商量,由后台来修改.切记 前端不要随意更改接口文档,除非在取得后台开发人员的同意的情况下.总的来讲,接口文档主要由后台来设计,修改,前端开发者起到了辅助的作用.

    3.前端开发与后台交互的数据格式主要是什么?

    主要是JSON XML现在用的不多

    4.前端开发的后台交互原理?

    在项目的时候,我们前后端会大概说一下接口地址,前端请求的参数,后端返回的参数,然后大家就开始写,写的差不多的时候,大家调一下接口看一下返回的数据,没问题就可以了。

    5.前端请求参数的形式

    GET和POST两种方式, 也会采用RESTful架构, 通过请求方式表示用户行为 对安全性不高 采用get方便 post要比get安全 GET - 从指定的服务器中获取数据 POST - 提交数据给指定的服务器处理

    6.前端应该告知后台哪些有效信息,后台才能返回前端想的数据的呢?

    先将要展示的页面内容进行模块划分,将模块的内容提取出来,以及方便前端的一些标志值等,将所有想要的内容和逻辑告知后端,后端就会去数据库里面去查找相应的数据表中去获得相应的内容,或者图片地址信息。 URL中的参数主要是根据后台需要, 如果后台需要一个参数作为查询的辅助条件 前端在URL数据请求时就传递参数。参数前面?几个参数中间&

    7.我们应该怎么把页面这些信息有效传达给后台,以及后台是如何获取到这些数据?

    总的来讲:所有前端请求的URL后面的参数,都是辅助后台数据查询的.如果不需要参数,那么后台就会直接给个URL给前端.

    8.前端应该如何回拒一些本不属于自己做的一些功能需求或任务?

    在与后台打交道中,我们经常遇到这种情况,有时候明明后台来处理某个事件很简单,后台非要你来做,这时候我们应该懂得去回绝他. 原则:前端就是负责把数据展示在页面上 发挥:这就需要我们对一个需求,一个任务的要有清晰认识了,如果对任务含糊不清,自己都没搞明白,你只能受后台摆布了.最后也会因为任务没有完成而备受责难了.

    9.当前端在调用数据接口时,发现有些数据不是我们想要的,那么前端应该怎么办呢或者怎么跟后台讲呢?

    首先要把请求的URL和返回的数据以及在页面的展示的情况给跟后台看,这样有理有据,后台开发人员是不会说什么的,否则,后台会很不耐烦的,甚至骂你的可能都有,本身做后台比较难,尤其在查询数据,取数据,封装数据方面都比较难处理.

    10.为什么需要在请求的时候传入参数?

    因为后台在查询数据库的时候需要条件查询。

    展开全文
  • 11个优秀的交互设计作品集

    万次阅读 2019-10-13 17:14:11
    本文转自墨刀编译自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 的作品集

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

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

    展开全文
  • 视觉和交互

    千次阅读 2018-04-05 12:06:16
    二、交互设计最开始不是服务于互联网的,是人机交互也就是人与计算机的现实输入输出、现实生活中设施的使用方式,不局限于互联网,好的交互设计在各行各业都有,以前多出现于工业产品设计,是现实的交互行为,随着...

    首先,我们把这三者的英文定义解释一下:UE是用户体验,UI是视觉设计,IxD是交互设计。

    一、视觉设计比较单纯,主要会和交互设计合作共同设计界面,用色彩和样式来满足用户的视觉需求和情感需求。
    二、交互设计最开始不是服务于互联网的,是人机交互也就是人与计算机的现实输入输出、现实生活中设施的使用方式,不局限于互联网,好的交互设计在各行各业都有,以前多出现于工业产品设计,是现实的交互行为,随着互联网的发展才出现了交互设计的专门分支,研究用户在网页中或程序中如何和界面进行操作,根据用户的操作与心理预期给予用户最佳的反馈曲线,交互设计师一般会专注于界面的布局以及业务逻辑流程设计,现在多把app动效的设计也归于交互设计师做,目的是为了更好的了解用户心理为用户服务,让整个产品流程体验顺畅舒适。
    三、用户体验设计比较宽泛,是一种思想,贯穿于整个产品的流程,适用于各个行业,核心就是真正挖掘产品所在领域用户的需求,马洛斯人类五层次需求都需要结合产品和用户去发掘,涉及到很多方面,比如视觉设计、交互流程设计、产品需求设计、后期用户维护等等,需要产品各个环节的人都抱有用户体验的思想去做。

    如果三者类比的话,视觉设计是血肉,用户体验设计是思想,交互设计是骨架。

    摘自网页:http://bbs.paidai.com/topic/1080337

    展开全文
  • 爱上axure之 交互制作

    千人学习 2019-04-02 17:52:16
    1,本章节会给大家分享Axure的所有交互动作,从链接、元件、全局变量,中继器、其他五大类进行分享。 2,每节课将会,以内容介绍+功能解释+案例演示,三个步骤进行讲解,让大家能从根本理解课程的内容...
  • 在Linux操作系统上执行java代码,执行交互式命令(真的是痛苦了好久。。。) package com; import java.io.InputStream; import java.io.OutputStream; import java.util.ArrayList; import java.util.List; ...

    在Linux操作系统上执行java代码,执行交互式命令(真的是痛苦了好久。。。)

    package com;
    
    import java.io.InputStream;
    import java.io.OutputStream;
    import java.util.ArrayList;
    import java.util.List;
    
    import org.apache.log4j.Logger;
    import org.apache.oro.text.regex.MalformedPatternException;
    
    import expect4j.Closure;
    import expect4j.Expect4j;
    import expect4j.ExpectState;
    import expect4j.matches.Match;
    import expect4j.matches.RegExpMatch;
    
    public class TestLocal {
    	
    	private static Logger log = Logger.getLogger(TestLocal.class);
    
    	private static Expect4j expect = null;
    	
    	private static StringBuffer buffer = new StringBuffer();
    	
    	public static String[] linuxPromptRegEx = new String[] { "~]#", "~#", "#", ":~#", "/$", ">" };
    	public static String[] errorMsg = new String[] { "could not acquire the config lock " };
    	
    	public static void main(String[] args) throws Exception {
    		String cmdLine2="hprest";
    		String cmdArgs2="list xxxxxxxxxxxxxxxxxx\n";
    		TestLocals(cmdLine2, cmdArgs2);
    	}
    	public static void TestLocals(String cmdLine1,String cmdArgs1) throws Exception {
    		expect = spawn(cmdLine1,cmdArgs1);
    		executeCommands();
    		System.out.println(getResponse());
    	}
    	
    	protected static Expect4j spawn(String cmdArgs,String cmdArgs2) throws Exception {
    		ProcessBuilder pd;
            Process process = Runtime.getRuntime().exec(cmdArgs);
            pd=new ProcessBuilder(cmdArgs);
            pd.redirectErrorStream(true);
    		process = pd.start();
            InputStream is = process.getInputStream();
            OutputStream os = process.getOutputStream();
            Expect4j expect = new Expect4j(is,os);
            System.out.println("aaaaaaaaaaaaaaaaaa");
            expect.expect("$");
            expect.send(cmdArgs2);
            System.out.println("bbbbbbbbbbbbbbbbbbb");
            expect.expect("$");
            expect.send("loginout\n");
            expect.close();
            
            System.out.println("cccccccccccccccccccc");
            
            return expect;
        }
    	
    	
    	
    	protected static boolean executeCommands() {
    		Closure closure = new Closure() {
    			public void run(ExpectState expectState) throws Exception {
    				buffer.append(expectState.getBuffer());// buffer is string buffer for appending output of executed command
    				expectState.exp_continue();
    			}
    		};
    		log.debug(buffer.toString());
    		List<Match> lstPattern = new ArrayList<Match>();
    		String[] regEx = linuxPromptRegEx;
    		for (String regexElement : regEx) {
    		RegExpMatch mat;
    		try {
    			mat = new RegExpMatch(regexElement, closure);
    			lstPattern.add(mat);
    			log.debug(lstPattern.toString());
    		} catch (MalformedPatternException e) {
    			e.printStackTrace();
    		}
    		}
    		try {
    		boolean isSuccess = true;
    		isSuccess = !checkResult(expect.expect(lstPattern));
    			return isSuccess;
    		} catch (Exception ex) {
    			ex.printStackTrace();
    			return false;
    		}
    	}
    
    	// 检查执行返回的状态
    	protected static boolean checkResult(int intRetVal) {
    		if (intRetVal == -2) {
    			return true;
    		}
    		return false;
    	}
    
    	/**
    	 * 获取服务器返回的信息
    	 * 
    	 * @return 服务端的执行结果
    	 */
    	protected static String getResponse() {
    		return buffer.toString();
    	}
    	
    	
    	
    	
    	
    }
    
    工程中,这部分代码运行非常缓慢,原因还暂时不得而知。。。

            expect.expect("$");
            expect.send(cmdArgs2);
            System.out.println("bbbbbbbbbbbbbbbbbbb");
            expect.expect("$");
            expect.send("loginout\n");
            expect.close();

    给大家参考的同时,也希望给予意见。

    展开全文
  • CEF中JavaScript与C++交互

    万次阅读 热门讨论 2016-01-24 14:01:58
    在CEF里,JS和Native(C/C++)代码可以很方便的交互,我实现了一个简单的交互示例。
  • 30个酷毙的交互式网站(HTML5+CSS3)

    万次阅读 2017-07-07 09:48:50
    很久前就像找些文章来翻译,and这是第一篇,刚开始翻译着很有兴致,但中间就开始累了,感觉好多好多,因为不仅要翻译,还要看网站,还要...30个酷毙的交互式网站,原文地址: http://webdesignerwall.com/trends/30-gre
  • 什么是交互测试?

    千次阅读 2020-10-09 16:40:46
    最近有接触到一个有趣的名词:交互测试。 在对这个名词进行解释之前,我先去特意请教了一个产品经理朋友,问下交互的概念。于是知道了我们的行业里面还有很多个有趣的职位:交互设计师、UE、UI、前端、设计........
  • 交互设计

    2019-08-08 11:20:41
    这是一次内部分享,新部门的同学们希望我聊聊我过去从事的交互设计,做个了面对入门者等级的PPT,和各位简单聊了聊。发到微博上,也敦促自己对交互设计从业经历做个简单总结。——类似的文章,貌似自己在三年前也写...
  • 三、vue前后端交互(轻松入门vue)

    千次阅读 2020-06-12 17:02:58
    Vue前后端交互六、Vue前后端交互1. 前后端交互模式2. Promise的相关概念和用法Promise基本用法**then参数中的函数返回值**基于Promise处理多个Ajax请求demoPromise常用API3. fetch进行接口调用fetch基本用法fetch...
  • 在命令行中python的交互模式的退出

    万次阅读 2018-05-21 22:28:45
    先按Ctrl+z然后回车即可
  • 1.Pyhton3的交互模式 ** 一.在终端输入Python3命令就会进入Python的交互模式,在交互模式下,输入一行代码,回车,就会执行这行代码。** 二.进入项目的交互方式 有些交互需要在特定项目类交互,如在交互中对...
  • python交互模式下清屏

    万次阅读 2015-12-15 00:29:42
    交互模式中使用python,如果要清屏,可以import os,通过os.system()来调用系统命令clear或者cls来实现清屏。 >>> import os >>> os.system('clear') 但是此时shell中的状态是: 0 >>> 首行会有一个0。这个
  • Mugeda-H5交互动画晋级教程

    万人学习 2019-06-24 13:07:44
    本次课程针对的是Mugeda用户和FLASH设计师的交互动画制作技能的晋级教程。助力广大设计师群体提高交互动画制作技能。
  • 点击“自定义级别”,将“安全设置—受信任的站点区域”中的:“对未标记为可安全执行脚本的ActiveX控件初始化并执行脚本”和“下载未签名的ActiveX控件”两个选项状态由“提示”修改为“启用”,最后,“确定”保存...
  • pycharm交互式调试小技巧

    万次阅读 2018-05-06 10:32:41
    pycharm交互式调试小技巧 利用python进行一个新的库的探索的时候,交互式比较方便。因为可以即时写一行代码,然后得出一个输出,而一次性将代码写好然后一起执行需要对库的使用方法较为清楚才可以。 交互式执行...
  • 命令行模式和python交互式模式

    万次阅读 2018-06-12 13:57:14
    今天被一个朋友问到:命令行模式和python交互式模式有什么区别?怎么进行区分?一、命令行模式进入方式:在搜索栏输入cmd命令,进入命令提示符在命令行模式下,可以输入“python”关键字进入python交互式环境下编写...
  • UML行为建模图———交互概览图

    千次阅读 2016-09-19 20:11:09
    交互概览图 一个交互概览图是活动图的一种形式,它的节点代表交互图。交互图包含顺序图,通信图,交互概览图和时间图。 大多数交互概览图标注与活动图一样。例如:起始,结束,判断,合并,分叉和结合节点是完全相同...
  • win7系统在点击右键后报错:出现了一个问题,该问题导致了此程序停止与 Windows 进行交互 解决方法:卸载掉近期按照的软件即可解决,网上说的重置IE、杀毒什么的都不好使。
  • Python运行.py文件和交互式运行代码的区别 1. 交互式运行代码会直接给出表达式的结果,运行代码文件必须print才能在控制台看到结果。 交互式中可以用下划线 `_` 来查看上一次输出的结果。如果给下划线赋值,这个效果...
1 2 3 4 5 ... 20
收藏数 1,646,699
精华内容 658,679
关键字:

交互