黑马程序员UI教程：艳鸟儿

传智播客·UI设计学院（一）版式设计基础效果：●界面布局清晰：是否完成模块化设计，视觉引导是否考虑●文字字体使用合理：广告语主体文字应该适当进行字体设计，（易拉宝）阅读文字不能出现变形，绝对不能锯齿。

●界面元素间距、留白：排版设计中最重要的因素。

●图文混合排版方式是否合理：不能影响文字的基本阅读。

●选图质量分析，选图是否与主题有关，清晰度，处理素材的能力●设计元素是否能表达出主题，界面中主题元素是否能够烘托创意的表达，不应该有没有目的性的元素。

（二）项目背景：●如何与客户沟通：项目需求是跟谁沟通的，是直接领导还是有人转述，沟通过程中需求方提出了哪些明确性的要求（比如配色要求，页面元素位置要求）。

●定位产品特点：分析客户提供的资料，书写客户提出的一些需求点，延展头脑风暴出的一些相关元素，适当应该给出草图，学员作品出现草图照片即可。

●创意出发点：思路清晰后，讲述作品创意的出发点，以及创新点在哪里，来自哪里，创意大多是通过结合别人的设计，融入一些自己的想法，比如平面字体设计中的偷梁换柱形象置换名片设计中的后期工艺的应用到包装作品中折页设计的主题是如何突出的设计参考：列举一些知名的品牌，在制作时就应该有意选择知名的参考项目。

适当列举一下别人项目的创新点，自己是如何提取出来，如何与自己的想法融合的。

比如圣诞主题元素选择剪影效果制作父亲节日表现●项目制作过程遇到的问题：项目修正过几稿，为什么最终定稿这一份，每一稿用户的需求是如何发生变化的，设计师是通过哪些方法进行改良跟进的，没有差的设计只有不符合需求的设计●项目完成后的反馈：通过一些数据说话会更好，比如发行量，阅读量，平面设计作品应用在哪些领域，如果可能自己可以打印出平面设计作品装订成册。

（三）快捷键：快捷键功能使用重点备注067dd0。

Android多线程下载器UI设计Android中数据下载的核心业务逻辑已经完成（参考：Android多线程下载器），下面我们需要优化一下该下载器的UI，实现：根据子线程的个数，动态地添加进度条并更新显示该子线程的下载进度；当数据下载完毕之后弹出toast提示，以便增强用户良好的体验。

1．添加进度条当用户点击按钮开始下载文件时，手机页面便动态添加若干个进度条，每一个进度条对应一个子线程，分别显示该子线程当前所下载的进度。

调整根布局文件，新加一个LinearLayout节点，代码如例1-1：新建一个xml文件pb.xml，用来定义每一个子线程所对应的进度条，代码如例1-2所示：例1-22．查找相关控件在Activity中查找视图LinearLayout，代码如例1-3例1-3@Override将布局文件pb.xml转化成一个视图View，代码如例1-4点击下载按钮，根据子线程的个数创建对应的进度条ProgressBar，并将该进度条放入ll_container中。

代码如例1-5所示：例1-5可知：每一次下载时，根据编辑框子线程的数目新建等量的进度条ProgressBar；然后再将该进度条部署到ll_container视图集合中；最后，定义一个该类的成员变量pbs（是一个List的集合），然后将进度条的引用都添加到该集合中以方便我们对某一个进度条的引用。

此时，运行程序，效果如图1-1所示：图1-1所示由图1-1可知：在点击“下载”按钮时，程序会创建对应子线程个数的ProgressBar。

每一个ProgressBar 对应一个子线程，代表该子线程当前下载的进度。

那么，我们接下来的工作就是更新ProgressBar的显示问题了，如何动态的更新进度条的显示呢？在之前的文档中，我们已经接触过ProgressBar这一控件，该控件有两个方法，分别是setMax(int max)设定进度条最大显示值和setProgress(int progress)设置进度条当前的显示进度。

打造UI质感图标
效果图：
步骤1：
首先新建一个文档，尺寸选择宽度为800像素，高度为800像素。

填充一个浅灰色背景：
步骤2：
绘制一个420*420PX的圆角矩形，圆角半径改到80，复制两个，分别命名为1,2,3
步骤3：
把图层1往下移动50PX，用图层2把图层1做一个减的运算，把图层3的高度：改到90%，如下图：
步骤4：
把下边的形状颜色设置为渐变，如下：
三个色标的颜色分别为#494949，#676767，#696969 步骤5：
给底下的形状设置两个投影，参数分别为：
步骤6：得到下图：
步骤7：
绘制一个小的矩形，填充白色，把羽化值改到25，复制一个到另一边，把不透明度降到30%
步骤8：
绘制一个小矩形，填充改为渐变，设置一个内阴影和投影的图层样式：
步骤9：
用黑色画笔在空白处单击，自由变换把宽度压扁，复制，3键加T再次变换，再次自由变换，透视，再移到形状上做剪切蒙版，得到如下效果：
步骤10：
把效果复制一个，得到如下效果：
步骤11：
把面上的形状填充渐变，加一个描边的图层样式，颜色改为渐变：
步骤12：
绘制一个原形，填充渐变，添加一个投影和内阴影的图层样式：
步骤13：
绘制一个圆角矩形，填充浅黄色，制作刻度效果，指针效果，如图：
步骤14：
在按钮和刻度之间加上一些小的矩形进行装饰，让画面更丰富：
步骤15：
加上文字FM，改为大写，，调整字体，完成最终效果：。

黑马程序员_PHP_课程同步笔记day41：验证码模块讲解第一篇：黑马程序员_PHP_课程同步笔记day41：验证码模块讲解【黑马程序员济南】PHP模块讲解之验证码部分在日益庞大的网民的面前，如何能够合理的规避以防止服务器被恶意DoS攻击或者不法之徒利用机器程序自动贴牛皮癣广告？一条小小的验证码功能就可以阻挡大部分的问题，所以今天我们就来研究一下如何生成验证码。

要求：码值：有4位，大写字母和数字组成验证码图像：存在背景，在有限的图像中选择作为背景。

文字居中显示，文字颜色有白色黑色码值[PHP] 纯文本查看复制代码 ?0105 * 有4位，大写字母和数字组成 06 * 随机生成 07 */ 08黑马程序员济南中心编著09 //列出所有的大写字母和数字作为一个集合$chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ123456789';11 $chars_len = strlen($chars);//获取集合长度12 //规定验证码值的长度14 $code_len = 4;15 //初始化验证码值 16 $code = '';17 //随机选取4位字符 for($i = 0;$i<$code_len;$i++){ 19 //随机获取一个字符下标$rand_index = mt_rand(0,$chars_len-1);21 //将获取到的下标从字符的集合中取出并追加到$code中22 $code.= $chars[$rand_index];23 } 24 //$code就是我想获取到的4位的随机数 25 echo $code;存生成好的验证码我们是需要将其保存起来，用来验证用户输入的验证信息是否正确而验证码只需要存在一个会话周期就可以了，所以就不需要存储到数据库中，我们将其存储于session中。

[PHP] 纯文本查看复制代码 ?黑马程序员济南中心编著 2 3 //开启sessionsession_start();$_SESSION['code'] = $code;验证码图像简单字符串(字母数字)写在画布上的函数： imageString（画布，字体，位置x，位置y，字符串内容，颜色);字体：imagestring函数，使用的内置字体。