设计师了解程序开发概念，更有助于沟通交互方案。

对设计者而言，了解一些程序开发的基本概念，有助于我们与开发同事沟通互动方案。从计算机工作原理Get人机交互的底层逻辑到计算机工作原理，不得不提一个人，他就是冯·诺依曼。冯·诺依曼（JohnvonNeumann，1903~1957)是20世纪最重要的数学家之一，是现代计算机、博弈论、核武器、生化武器等领域取得杰出成就的最伟大的科学全才之一，被后人称为「计算机之父」和「博弈论之父」。冯.诺依曼的三个原理:计算机由五个部分组成:控制器、计算器、存储器、输入设备和输出设备。程序和数据以二进制代码的形式存储在存储器中，存储位置由地址确定。控制器按照存储在存储器中的指令序列(程序)工作，并由程序计数器执行。控制器具有判断能力，可根据计算结果选择不同的工作流程。由冯诺依曼系统结构组成的计算机必须具备以下功能：将所需的程序和数据发送到计算机中。必须具备长期记忆程序、数据、中间结果和最终操作结果的能力。计算机能够处理各种数据，如算术、逻辑操作和数据传输。可根据需要控制程序方向，并可根据指令控制机器各部件的协调。处理结果可按要求输出给用户。为了完成上述功能，计算机必须有五个基本部件，包括：输入数据和程序的输入设备、记忆程序和数据的存储器、完成数据处理的计算器、控制程序执行的控制器、输出处理结果的输出设备。笔者注：是不是觉得不明觉厉？那是对的，反正我也看不懂。BUT，看完这个原理，我似乎明白了人机交互的底层逻辑:任何形式的人机交互都包含三个基本要素:输入、计算和输出。前端，后端，移动工程师，他们是一样的吗？相信很多读者朋友所在的公司，都会有前端工程师、后端工程师、移动工程师，那么这些角色到底有什么区别呢？要理解它们之间的区别，我们必须首先理解两个概念：BC/S结构和C/S结构。1.B/S结构B/S是「Browser/Server」的缩写，即「浏览器/服务器」模式。B随着互联网的发展，Web出现后，/S结构是一种网络结构模式。这种模式统一了客户端，使服务端的核心业务处理(几乎也可以称之为)「云端」）完成。只要我们在自己的电脑或手机上安装浏览器应用程序，我们就可以通过WebServer与数据库进行数据交互。比如我们用电脑浏览器访问微博、头条、爱奇艺、腾讯视频等网页，就是访问B/S结构的程序。笔者注：B由于用户直接使用浏览器，/S结构的维护和升级更简单。因此，当我们发布产品或功能时，我们只需要维护和升级服务器端，用户可以继续使用浏览器体验新功能。2.CC/S结构是「Client/Server」的缩写，即「客户端/服务器」模式。C/S结构是一种软件系统结构，在生活中也很常见。例如，微信安装在我们的计算机和手机系统中，QQ、C/S结构是Office等应用程序。笔者注：C/S结构是将需要处理的业务合理分配给客户端和服务器端，可以大大降低通信成本，但升级维护成本较高。因此，当我们发布客户端产品或功能时，理论上需要发布软件版本，用户也需要主动升级来体验新产品和功能。(说明:客户端H5页面一般不需要重新发布客户端版本)3.前端工程师前端工程师的主要技术是html5和css3。jquery，angularjs，bootstrap，reactjs，vuejs，webpack，less/sass，gulp，nodejs，GoogleV8引擎，java多线程、模块化、切面编程、设计模式、浏览器兼容性、性能优化等。前端关注的是:实现前端页面需求、速度、兼容性、用户体验等。后端Java工程师后端Java工程师的主要技术是：Java基础、设计模式、jvm原理，spring springmvc原理及源码，linux，mysql事务隔离锁机制，mongodb，http/tcp，多线程、分布式架构、弹性计算架构、微服务架构、Java性能优化、相关项目管理等。高并发性、高可用性、高性能、安全性、存储、业务等。后端关注：高并发性、高可用性、高性能、安全性、存储、业务等。作者注：下面我将使用应用程序下拉刷新场景，以帮助您理解前端和后端之间的交互。STEP1：STEP2下拉(用户手指与APP前端交互)：STEP3(手指与APP前端交互后，APP前端与后端交互)：STEP4成功刷新，加载新数据(后端给APP前端新数据)：对于设计师来说，前端渲染显示新数据(APP前端与用户互动)Web前端的两个基本概念，只要知道Web前端技术中的两个概念：html和css。我举个装修房子的例子，帮你理解这两个概念。让我举一个装饰房子的例子，帮助你理解这两个概念。当我们设计房子时，我们会根据需要规划和设计房子、客厅、厨房、卧室等各个空间的位置和大小。html所做的就是这个布局和框架的过程。当房子的空间布局完成后，我们会刷油漆，装饰，做一些软衣服，这个软衣服的过程，我们可以理解为css做的事情。因此，静态Web前端页面，由html搭架和布局，由css装饰html的视觉效果。(说明:要实现业务交互，还需要js、我们可以通过浏览器的开发者工具随时查看前端工程师开发的页面。这种方法可以帮助我们比较前端工程师的页面效果和我们的设计草案效果之间的具体差异。Windows按F12，Mac按F12command option 另外，像Sketch插件sketchmeasure一样、css可以生成蓝湖、iDoc等工具，前端工程师可以参考使用。△图片来自蓝湖官网。最后，我不了解具体的开发技术。前端开发知识只是自学html和css。然而，在日常工作中与开发同事进行更多的沟通，基本上会逐渐了解一些技术知识和概念。因此，如果你想进一步了解技术，我认为有两种方法：申请基础课程；找到更多的开发同事来交流问题。当然要记得加鸡腿~~(推荐这个方法)