轩枫阁

虚线的画法

在实际绘图中我们总会用到许多虚线，比如UI设计里的分割线，边框等，在这里和大家分享一下虚线的画法，软件为photoshop，工具为画笔和铅笔。有一些功能需要在photoshop cs6里面才能实现，请提前安装好软件随时验证。

小Tip：本文为图片版教程，请点击图片查看大图，再点击左下角download查看原图 查看全文

选择色彩是有一些技巧的，一部分是怎样提取合适的色彩，一部分是怎样应用提取到的色彩。

一、怎样提取合适的色彩

主要用到PS中的一个功能：存储为WEB所用格式

快捷键：Ctrl+Shift+Alt+S

如图（点击图片查看大图）：

这里分成2个步骤

1. 找图

关键步骤，确定自己想要的风格，找大量的符合风格要求的图片，进行筛选和对比，选出符合自己要求的几张图片开始色彩的提取。 查看全文

简介

马克鳗 (MarkMan)是一款十分便利的长度标注工具，主要用于标注，极大节省设计师在设计稿上添加和修改标注的时间，让设计更方便。

马克鳗使用起来也是非常简单，双击添加测量，单击改变横纵方向等等功能，基本都是一键完成。 马克鳗是基于 Adobe AIR 平台，可以跨平台使用，减少了在不同平台使用产生的一系列问题。

用处

• 前端在设计页面时，这是一个能提升效率的工具。PS切图之后，这个工具就派上用场了。
• 小组开会讨论时，这是一个很好的会议记录工具。在图上记录，直截了当。

功能

测量长度、获取坐标、吸取颜色、文字标记等 查看全文

在2012年我们看到的几个Web设计趋势中，最显著的要数响应式设计了，而现在2013年的鸣钟敲响了，让我们大胆预测一下2013的Web设计趋势。

1. 更多的响应式设计

虽然响应式设计在2012年被提的比较多，但是响应式设计仍然在不断变化，不断创新。比如，新的设备不断出来（iPad Mini），这让以前的设计想法土崩瓦解。而现在各种Web的响应式设计也获得了越来越多的注意，“让人们忘记设备尺寸”的理念将更快地驱动响应式设计，所以Web设计也将迎来更多的响应式设计元素。

2. 排版将变得很重要 查看全文

前言

从某种程度上说，判断一个网页设计师是否优秀，可以从其在WEB开发（或网页设计）中是否合理的采用各种图片格式得出结论。事实上，或许所有人都知道图片存在GIF,JPG和PNG等格式，但并非所有人都知道它们之间的具体区别和使用技巧。

接下来，代码吾爱将给大家介绍：WEB开发中几种最受欢迎图片格式的前世今生以及如何正确的使用它们。

1.JPEG

JPEG格式是一种大小与质量相平衡的压缩图片格式。通俗一点讲，就是：高的压缩比=低的图片质量=小的文件大小。反之，低的压缩比=高的图片质量=大的文件大小。由于JPEG文件无法保持100 ％的原始图像的像素数据，所以它不被认为是一种无损图像格式。

用途

由于这种极其敏感的平衡特性，JPEG非常适合被应用在那些允许轻微失真的像素色彩丰富的图片（照片）场合。反之，JPEG格式图片并不适合做简单色彩（色调少）的图片，比如LOGO，各种小图标（ICONS）。

2.GIF

GIF格式，是为使图片能够应用在在线（online）应用程序上所特别开发的图片格式。Gif，有时也被成为“Giff”，是一种无损，8位图片格式。“无损”是指100%的保持原始图片的像素数据信息。专业名词“8位”是指，所能表现的颜色深度——一个8位图像仅最多只能支持256种不同颜色（一个多余256种颜色的图片若用gif图片保存会出现失真）。 查看全文