认识达内从这里开始

相信大家在进行网页设计的过程中，对于网页上的图片都是不想要的，那么，我们又应该如何进行这些图片设计方法呢？下面，我们就请太原达内培训老师来给大家讲解一下。当然了，如果您对达内计算机培训课程感兴趣的话，欢迎与我们的在线咨询老师联系，获取多课程的资料了解。

1、服务器

Server,计算机的一种，是为客户机(client)提供服务的高性能的计算机。和普通电脑不同的是，服务器面向的整个网络的用户，24h不间断工作，在多用户多任务的环境下，所以需要极高的稳定性。此外，在处理能力、安全性、可靠性、可用性、可扩展性、可管理性方面也十分强悍。

此外，服务器有很多类型，按照应用功能来划分，服务器一般分为文件服务器、打印服务器、域控制服务器、数据库服务器、邮件服务器、WEB服务器等等。服务器价格一般比较昂贵，所以一般大型的公司都会自己搭建服务器，普通的企业一般租用服务器。

2、数据库

Database，简单说就是存放、管理数据的仓库。一般分为关系型数据库、非关系型数据库两种，前者最为常见。

关系型数据库，处理表与表间的结构，是由二维表(表的形式类似于excel)及其之间的联系组成的一个数据组织。常用的关系型数据库有MySql，Oracle等。MySql最基本的操作：增删改查，大家可以自学，多多练习，灰常简单。

非关系型数据库：以对象为单位数据结构。这一类型，平时用的较少，所以大家可以专攻关系型的数据库哦~~

3、缓存

计算机处理数据时，考虑到数据存储空间的压力、查找速度、数据使用率等等，所以就有了缓存。

缓存(数据交换的缓冲区，即Cache)，简单说就是存储数据的临时地方，存储一些高频数据的副本。可以这样理解，当某一硬件要读取数据时，首先从缓存中查找需要的数据，找到了就直接执行，找不到的话再从内存中找。由于CPU的缓存的运行速度比内存快得多，所以缓存的目的就是提高响应速度，减少服务器压力。

缓存无处不在， 有浏览器端的缓存、服务器端的缓存、数据库的缓存等等。比如我们Andirod手机清理的缓存，指的就是这个。

4、cookie、session

大家可还记得之前讲过的http协议，也就是超文本传输协议，定义浏览器如何打开文件的规则。但http协议是一个无状态的协议，前后请求没有任何关系。简单说，服务器无法判断前后两次请求来自于同一台客户端。

so,就有了Cookie和Session。两者都为了用来保存状态信息，是为了解决HTTP无状态的问题而生的。只不过，Cookie将状态保存在客户端，Session将状态保存在服务器端。

随着sketch的普及，标注已经越来越自动化，但也正因为这样，一些没有经历过ps时代的同学根本不了解标注的原理，从而导致输出的标注不够规范。那到底标注有没有方法可循呢?答案是肯定的!

我个人认为导致标注不全面、混乱的原因有三点：

标注时没有清晰的思路，想起什么标什么。

与开发沟通环节存在问题。

经验不足。

对于沟通和经验的问题我就不多说了，今天主要告诉大家如何把标注的思路整理清晰——结构化思维进行拆解，将大问题拆解成小问题，逐一击破!

最后得到大纲如下：

尺寸

文字

间距

颜色

以下面这个界面为例来进行标注，我会用四种不同颜色来代表上述四种不同属性的内容：

首先去除导航栏和标签栏，因为这些控件通用性非常强，需要单独拿出来进行统一标注，这里我们只对内容区来进行标注示例。

一、尺寸

我们要将页面上有所需要告知尺寸的内容进行标注，例如图标、图片、头像等等。

绿色代表尺寸属性的内容，如下图：

关于尺寸维度的标注我们需要注意的是：

有圆角的地方，需要将圆角半径标出。

对于一些控件，如button、列表，一定要随时问自己有没有特殊状态，如按压状态、无效状态、选中状态等等，如果你不标明，开会就会默认没有这些效果。

一般情况下，图片的尺寸是需要告诉比例的，而不是固定的大小，这样开发才能更好的适配，常用的图片比例有4：3、16：9等。

很多没有经验的设计师不理解适配的原理，所以很容易将一些控件给出固定的尺寸大小，举个简单的例子，如下图(白色代表手机屏幕)：

如果你将这个按钮的宽度和高度都标注出来，开发就会将这个按钮的大小写死，一旦遇到屏幕(白色区域)较宽的时候，按钮还是固定大小，就会影响视觉效果，例如下面这样：

所以正确的标注方法是给出按钮两边的间距，让整个按钮的宽度自适应(当然高度还是要固定的)，如下图：

这样不论遇到哪种分辨率的尺寸，都能够保持相同的视觉效果，扩展性极强。

二、文字

文字，需要标注文字的大小、字体、颜色、透明度、行高等等，当然也可以和开发进行沟通，对一些内容进行删减。

黄色代表文字属性的标注，如下图：

关于文字的标注需要注意的事项：

1.文字有一个很特殊的属性，就在某些场景下，文字是动态的，所以这个时候，就需要将极限情况考虑清楚，我们看下面这张图：

表面上我们将标题文字的大小、颜色这些内容标注清楚就可以了，但是如果标题文字过多的时候该怎么处理呢?所以必须要给出一个极限情况的规范，比如最多显示多少个字符，字符超过极限值就用打点的方式处理，如下图：

三、间距

有人可能会觉得间距和尺寸有些相似，但其实它们有着很大的不同，我们可以这样理解：尺寸是形容容器的大小，而间距是形容容器之间的距离。

紫色代表间距属性的标注，如下图：

间距相对比较简单，只要标注清晰就不会有太大问题，如果有什么疑问可以私下交流!

四、颜色

需要标注颜色的内容有分割线颜色、背景色、按钮颜色等等。

蓝色代表颜色属性的标注，如下图：

关于颜色的标注需要注意的事项：

1.切记文字的颜色已经归类到文字属性里面，不用重复标注，思路一定要保持清晰。

上面这些内容不可能把所有的场景全部覆盖全面，任何特殊情况，都需要在页面上说明清楚以及和开发当面沟通来确保设计稿的完美实现，当然后期走查也是至关重要的!

以上就是我个人对标注步骤及内容的一些分析与总结。

最后来点鸡汤!

解决问题的工序与方法、清晰的逻辑思维….这些才是你最需要掌握的东西，但它们需要你不停的总结与分析，再多的资源与文章那都不是你的，千万不要用表面的积极去掩盖思想的懒惰!

所以，加油!

关于计算机的基础知识，这四期只是给大家说了说皮毛，每一知识点只为大家梳理了大致的轮廓，里面还有很多值得深挖的内容。不过，对于初入门的PM，先总体搭建起这个知识体系，然后有针对性的去补充每个知识点，这样才能更高效、更有针对性的学习。