编辑导语:设计师在日常工作中除了设计的工作以外,也需要去了解一下技术原理,可以让设计师们做出更加科学的产品设计,并且在日常与开发的沟通中也能更加顺畅;本文作者分享了关于设计师的七个实用性技术知识点,我们一起来看一下 。
文章插图
本文主要介绍几个工作中常遇到的技术知识点,希望能够帮助设计工作者更好地理解技术原理,从而帮助我们做出更科学的产品设计 。
先来个大纲:
APP/网站是怎么运行的iOS和安卓的布局原理web App和nativeAPPcookie 和session的区别接口是什么开发口中的写死是什么控件和组件的区别
之前读了一本书,书名叫《产品经理必懂的技术那点事儿》,对于做设计的我来说非常受益,也十分推荐大家去读读看,通俗易懂 。
虽说我是学通信工程出身,这书里的技术知识我大学其实也是学过的,不过……额,你们懂的,大学的时候哪里知道这些知识点日后用得到呢?当时只觉得晦涩无趣,工作后才来恶补,希望为时不晚…
正是因为我觉得书里提到的技术知识对于我的日常工作非常有帮助,所以想把其中一些我觉得对设计同学来说比较有用的知识点提炼出来,同时加入自己的理解和案例;一来帮助自己巩固知识,二来如果能给大家一些启发也是好的 。
为什么要了解技术知识点?
1) 助力沟通
可能有的设计同学(不管是交互还是UI)会觉得,不用了解技术也不影响日常工作 。
话虽没错,可是能够了解一个产品背后的工作原理不仅能惊艳我们的认知,觉得计算机的世界居然如此神奇而美妙 。
也能让我们更好地与开发小哥哥沟通而不至于鸡同鸭讲,结果都听不懂对方想要表达的意思 。
2)避免超过技术边界
这点对于UI设计的小姐姐们非常受用,ui设计师往往对视觉的敏感度大于产品背后的研发逻辑,有时候会设计出一些研发难以落地的效果图 。
时间充裕尚可寻求解决方案,可是互联网产品往往小步快走,敏捷开发,工作中没有太多时间去探索一种“小众”的界面实现方式;或者说是需要把资源分配给优先级更高的任务 。
所以了解一些计算机背后的工作原理,能帮助交互设计和UI设计在设计产品的时候更好地衡量交互和视觉的落地技术边界 。
一、APP / 网站是怎么运行的?
我们首先了解一下“前端”和“服务端”的概念,《产品经理必懂的技术那点事儿》中是这么描述的:
互联网产品技术架构整体分为两部分,分别是前端和服务端,前端和服务端通过中间网络进行数据传输 。
前端就是用户使用的客户端,包括最初使用个人电脑通过浏 览器进行网页浏览,现在通过智能手机使用App进行一系列的操作 。
服务端包括应用服务器和数据库,应用服务器用来部署服务端程序,处理前端请求并进行服务响应,数据库用来存储数据,服务器通过专门与数据库进行交互的程序对数据库进行读写操作 。
——《产品经理必懂的技术那点事儿》
文章插图
如果没有接触过技术方面的知识,光读文字可能有些不容易理解 。
举女生喜欢逛的淘宝APP的例子:
比如小红打开淘宝进入首页会看到商品列表,商品列表包含了:商品图、商品名称、商品销量等等 。
问:商品列表里的这些信息从哪里来的呢?
你可能会说“是卖家在后台创建的 。”
没错,就是卖家在后台创建的 。
那么这些信息又是怎么跑到小红的淘宝APP里面的呢?
例子中的商品信息从后台传到淘宝APP的过程就是一个互联网的运行机制 。
数据不会凭空从后台跑到前台,数据的流动过程就是我们需要了解的知识点 。
下面讲解小红淘宝里的商品列表中的数据的流动过程:
首先,卖家在后台创建一条商品信息,比如一条裙子 。输入商品基本信息:尺寸、颜色、板式等等 。然后卖家提交了这些信息或者说叫数据,提交后这条商品数据去哪里了呢?得有地方存储这些数据呀,存储这些信息的地方就叫做数据库 。
这时候小红在淘宝APP里购买了这条裙子,这时候裙子的库存就减去了1,相应的卖家后台里裙子的库存也减去了1 。
问题来了,为什么淘宝APP购买了后台的库存就相应改变呢?谁做的计算?
嗯,计算和处理这些信息的就是服务器 。
商品信息存在数据库中,通过中间网络(也就是互联网)传到到了APP中 。小红在APP购买了商品,APP发送请求原路返回到服务器进行处理 。然后服务器返回请求给APP告诉他“你购买成功啦!”
推荐阅读
- 壶不事二茶 到底几个意思
- 个人站长做网站应该如何定位
- Safari浏览器的8个秘密技能
- ubuntu 15个最佳的屏幕录制工具推荐
- 浅谈企业网站改版那些事
- 云架构技术栈介绍
- 阿里架构师分享技术干货Spring+Redis+SpringBoot+Nginx等实践
- 梦见三个人一起吃饭是什么意思 梦见三个人在一起吃饭
- Java线程的那几个启动方式
- 梦见可爱男婴儿对我笑 梦到自己抱着一个男婴对我笑