推荐阅读
CorelDRAW绘制绿色的森林一角场景
该实例制作了一幅森林场景画面，画面以绿色调为主，通过不同绿色之间的搭配关系营造出丰富的色彩关系。在处理手法上要注意表现画面的纵深感，并且要层次分明、主次有序。图3-2为本实例的完成效果。图3-2 本实例完成效果3.1.1 技术提示本实例的画面具有一定的纵深感，制作时通过为图形添加阴影效果，拉开了画面的层次，给人一种纵深的空间感。如图3-3所示，为本实例的制作流程。图3-3 本实例制作流程3.1.2 制作步骤：绘制远景植物(1)启动CorelDRAW，新建一个工作文档，在属性栏中将“微调偏移值”设为0.1mm，其他参数保持系统默认。然后使用“矩形”工具，在视图中绘制矩形。如图3-4所示。
Photoshop调出唯美冷色效果的外景人像
最终效果原图1、打开素材图片渐变映射调整图层，参数如下 选用较暖的明暗色作为叠加层，确定后把混合模式改为“叠加”，不透明度改为：30%，如下图。2、创建色彩平衡调整图层，参数及效果如下图。
(10-2):使用字符调板
1012以上是在文字工具的公共栏中出现的选项。在点击了字符调板按钮后即会出现字符调板【窗口_字符】，如下图。在其中可以对文字设定更多的选项。在实际使用中也很少直接在公共栏中更改选项，大多数都是通过字符调板完成对文字的调整的。其中的字体、字体形式、字号、颜色、抗锯齿选项就不重复介绍了。注意其中的为亚洲文本选项，需要在Photoshop首选项〖CTRL_K〗的常规选项中开启“显示亚洲文本选项”才会出现。1013拼写检查选项是针对不同的语言设置连字和拼写规则，如下右图显示了英国英语和美国英语对同样文字的不同连字方式。注意，末尾连字只有在框式文本输入时才有效。因为框式文本是自动换行的。通过手动换行的文字是不会有连字效果的。有关框式文本的输入方法在本节后面部分介绍。连字和拼写规则对于中文是没有意义的。因为汉字为单体结构，即一个汉字字符已携带完整含义，而字母系语言需要多个字符组合才能携带完整含义。也正是因为汉字携带的信息巨大，因此现在电脑的计算能力还不足以完美处理中文化的信息结构。-1014行间距控制文字行之间的距离，若设为自动，间距将会跟随字号的改变而改变，若为固定的数值时则不会。因此如果手动指定了行间距，在更改字号后一般也要再次指定行间距。如果间距设置过小就可能造成行与行的重叠。如下左图是自动行距与手动指定为12像素行距的比较。如果有重叠发生，下一行文字将会遮盖上一行。1015竖向缩放相当于将字体变高或变矮，横向缩放相当于变胖和变瘦，数值小于100%为缩小，大于100%为放大。如下右图中3个字分别为标准、竖向50%、横向50%的效果。-1016在字符调板中有比例间距和字符间距，它们的作用都是更改字符与字符之间的距离，但在原理和效果上却不相同。我们可以动手来理解它们的区别，新建一个足够大的图像，打上simple这几个字母，字体为黑体，大小为72像素。如下图左端所示，我们看到整个文字的宽度是由字符本身的字宽与字符之间的距离构成的。这两者都是在制作字体的时候就定义好的。有的字符本身较窄，但其左右的字距也较大，这样做是为了保证每个字符占用的宽度一致。否则，较窄的字符就只能占用较小的宽度。但这种设计却也造成了字符之间疏密不同。如下图中的mp之间与pl之间的疏密就不同。这种情况一般出现在使用中文字库输入字母的时候，Windows系统自带的黑体、宋体、楷体字体都存在这种现象。因此输入英文时应避免使用这些字体。字宽与字距间的比例将随着字号的大小相应改变，也就是说，对于同一个字体来说，字号越大，字符之间的距离也越大。反而反之。那么，字符间距选项的作用相当于对所有字距增加或减少一个相同的数量。可手动输入数值。如下图中将字符间距减去100，所有的字符间距都减去100，字符就互相靠拢了。但是这样做并没有改变疏密不同的情况，尽管mp已经是互相紧靠着密不透风，但pl还是有很大的距离。当然，如果继续减少字符间距也可以最终令pl之间也“密不透风”(设为-300左右)，但mp之间却会产生重叠的效果了。我们可以用一个简单的算式来理解：假设mp原来的距离为100，pl之间的距离为300，当字符宽度设置为-100的时候，mp之间的距离为0，pl之间的距离还有200。要令pl之间的距离为0，字符宽度必须设置为-300，但同时mp的距离必须为-200，所以mp产生了重叠的现象。比例间距选项的作用是同比例地减少(注意，只能是减少而不能增大)字符的间距。按照上一个算式中的前提来假设计算的话就是：当比例间距设为50%，相当于所有字符间距减半(mp间距为50，pl间距为150)，当设为33%的时候，所有字符间距减为原先的三分之一(mp间距约为30，pl间距为100)，当设为100%的时候，所有字符的间距就都被降为0了。因此我们看到的效果是所有字符都彼此依靠(抗锯齿选项及字体形式的不同可能带来微小差异)。1017间距微调选项是用来调整两个字符之间的距离，使用方法与字符间距选项相同。但其只能针对某两个字符之间的距离有效。因此只有当文本输入光标置于字符之间时，这个选项才能使用。1018竖向偏移(也称基线偏移)的作用是将字符上下调整，常用来制作上标和下标。正数为上升，负数为下降。一般来说作为上下标的字符应使用较小的字号。如下图。1019强迫形式的名称是我们为了与文字形式相区别而起的，它的作用也和文字形式一样是将字体作加粗、加斜等效果，但选项更多。即使字体本身不支持改变形式，在这里也可以强迫指定。它与字体形式可以同时使用，效果加倍(更斜、更粗)。其中的全部大写字母选项的作用是将文本中的所有小写字母都转换为大写字母。而小型大写字母选项的作用也是将所有小写字母转为大写，但转换后的大写字母将参照原有小写字母的大小。如下图所示。上标与下标选项的作用与竖向偏移类似，就是增加了可同时缩小字号的功能。下划线选项与删除线选项的作用是在字体下方及中部产生一条横线。
用PS完美抠出复杂的羽毛头饰的简单教程
打开如下图片，复制图层，将 背景 层锁定。我们将在复制层进行抠图，隐藏背景层。选择 >> 色彩范围，打开色彩范围窗口，选择最左边的吸管工具并点击图像背景，这时在色彩范围窗口中你会发现被选择部分变成了白色，移动颜色容差滑杆，使得图像大部分区域变成黑色，并且背景易于选取。提示：要添加颜色到选区时，应使用中间的吸管工具点击要添加的色彩部分2 获得选区，在通道面板中，按下“将选区存储为通道”按钮，得到一alpha通道，取消选择（Ctrl+D），点击“Alpha 1”层，这时图像变成黑白色。提示：图像中的黑色区域是我们要保留的部分，白色为要扣除的部3 这时我们发现图像中还有部分灰色区域，这些将成为半透明区域，所以必须将他们调整为纯黑色或纯白色。图像 >> 调整 >> 色阶，打开色阶窗口，由左向右拖动黑色滑杆直到灰色区域变为纯黑色为止。由右向左移动白色滑杆将白色区域变的更清晰4 选择黑色笔刷并提高笔刷边缘硬度，涂抹需要保留的区域，用白色笔刷涂抹羽毛边缘，根据涂抹区域大小的不同使用不同粗细的笔刷
最新发布
来和小伙伴一起学习响应式网页设计
响应式设计现在已经成为网页设计师学习的焦点。优设哥发现群内有很多相关的讨论了，这说明我们平时接触该类案例越来越多。你会渐渐发现，我们身边越来越多的企业和客户关注到响应式网站，作为勤奋的设计师，我们怎么能不对它进行了解呢?响应式网页设计考虑到多平台、多种屏幕尺寸的情况，能够优化多种设备的网络浏览体验。当你不知道用户使用什么设备，不知道用户的屏幕尺寸时，若想达到较优布局，可以采用响应式设计。在进行响应式设计时，要专门针对内容进行设计，优先考虑在不同环境下内容的适应性。响应式网页设计过去，上网需要一台电脑，一个猫。现在呢，手机、平板、电视都可以上网。Responsive Web Design, 由Ethan Marcotte编写， A Book Apart出版，对响应式设计的原则进行了详尽的阐述。
浅谈网页设计中半透明的运用法则
使用半透明元素来设计网页很美观也很需要技巧。半透明效果是指色块、文字或图片被“稀释”或者冲淡，使得颜色减淡，并且透出后方内容。执行到位的话，这种效果会非常震撼，能划出一块绝佳的文字展示区域，或者作为吸引注意力至图像某部分的手段。但是使用半透明时，设计师必须小心谨慎。这种效果很难处理得当，因为事关可读性。透明度使用错误的半透明块和文字也，会能散注意力，并且破坏整体设计效果。接下来看一套行为准则，附带一些半透明效果在网站上的优秀执行案例。通过半透明来形成对比选用半透明设计技巧的最大好处，是创造对比。这种效果可以让设计师通过色块、图片上的大字体或多种颜色层次来创造视觉焦点。半透明也可以在背景图不能很好展现上方文字时，将文字分离开来。
20个国外唯美的暖色调网站色彩欣赏
SweetCake – One Page PSD ThemeLe SALÓNBrand & Web Design: Dotty Rose – Cakery & Sweet Treats – Mood Board, Brand Styling, BrandingThe Sky tells me… | Personal Website One PageWes Anderson
20款优秀的网页交互流程图设计欣赏
Information Architecture by Kellyn Loehr User Flow by Eric Ressler Simplified Checkout Process by Michael Pons User Flow by Mackenzie Child Flowchartby Eric Miller
详细解析通过设计让APP变快的6个方法
我们都知道不管网页还是移动应用，响应速度都是最重要的体验指标之一，并且移动应用的网络环境不稳定，速度的体验显得尤为重要。其实速度优化不仅是程序员的事，设计，也能够让APP变得更快。1.后台执行这是一条很通用，也容易理解的方法。用户不会愿意盯着进度条傻傻地等待，除了“取消”没有其他选择。在系统处理一些网络任务的时候，完全可以允许用户做一些其他的事情。各大平台的发微博，都采用了后台执行。云阅读的离线下载也采用后台执行。而微博的看长图(或视频)，是个反例。网络不给力时，要么等待1分钟让图加载完，要不就只好放弃看图。为什么不能让图加载的同时，用户可以看其他微博呢?2.在载入前显示内容客户端与web的一个不同点，客户端的显示内容包括本地数据和网络数据两部分。在设计界面时，将更多的信息放在本地，在网络数据未载入时即显示本地数据，让用户产生一种“已经载入一半了”的错觉，即使最终的耗时一样，心理感受也会更快。当然把数据过多地写在本地，会牺牲一些灵活性，需要根据具体情况考虑。具体请看twitter、Facebook、Vine等优秀产品的启动画面，虽然同是静态图片，但它们不使用LOGO而假装已经载入了“导航栏”和“标题栏”，让人感觉“点击后立即就启动了”。
浅谈那些大胆忽视设计趋势的网站
作为网站设计师，我们很容易就迷失在流行设计的风潮中。比如说，最近颇为流行的扁平化设计已经成为了成千上万的网站争相应用的形式。然而，提升设计固然重要，一味跟随最新流行趋势却让我们的网站千篇一律毫无特色。值得我们关注的是，那些真正富有创意的设计如何大胆的对抗那些所谓的流行趋势，坚守自己的创意之路，推广他们独特的时尚感。这篇文章展示的是设计师们如何通过自己的作品来传递他们的个性，对于视觉的鉴赏力，还有他们无处不在的天赋。所有的设计都别具一格，独一无二，却都美不可言。希望这些设计能激发你的灵感，为你的设计生涯找些平衡。了解最新的流行设计趋势很重要，你可以从中学习，但是更重要的是你能找到自己专属的风格。Oleg Postnikov这个网站是由设计师Oleg Postnikov创建的，也是他审美和设计理念的大胆宣言。通过排印，简单的图像使用单一的鲜亮颜色，布局不同寻常，错落有致。同时他也展现了对插图的偏爱和现代感的钟爱。Beta Takaki这个网站采用的是和上述网站完全相反的处理方式。它的特点是大大的图片搭配很小的简单的字体。水洗灰色构成了大部分的底色，创造出冷静，简单抽象的氛围。和上面的网站一样，这个网站同样现代化的无可挑剔。Benjamin Sheppard
网页设计总结之让设计作品更上档次
大家都知道”细节决定成败”这句名言不仅在其他行业非常重要，而在页面设计当中更是颠扑不破的真理。需求的眼睛和感觉总是非常敏锐的，对于一个页面没有得到需求方的认可，但是他们又说不出什么理由，这个时候就是细节问题了。一个页面的细节到位才能充分体现出页面的品质。一个优秀的作品与卓越的作品相比差距就在于细节的把控。那我们具体该如果做好细节呢? 下面简单介绍一下。字符字符是页面中不可缺少的部分，页面上最重要的部分。所以这部分细节是最基础的，也是最不可忽视的。网页上80%的信息是以文字形式传达的，任何网页元素都无法替代文字的作用。网页中文字设计的好坏会直接影响到整个页面的视觉传达效果。字号字号的选择是根据功能需要而定的，字越大给浏览者的视觉冲击力越强，一般用于标题或其他需要强调的地方。小字整体性强，页面易产生多个中心，缺乏美感，时间略长，浏览者易产生视觉疲劳。最适合网页的字体大小为12磅，如果在一个页面内容较多，通常可以用9磅的字号，随着互联网飞速的发展，在内容较多的情况下10.5磅字号逐渐替代了9磅字号。游戏行业本身侧重于视觉传达，在官网及专题里文字都不会像门户类页面那么多，所以常规情况下最小保持10.5磅以上字号。标题文字的运用
浅谈高大上的动态设计方法及流程总结
在设计开发的过程中，当设计师做好了一套静态页面而且设想出N种有趣的交互动画，再交付重构还原页面的时候，由于无法提供精确的动态参数，导致沟通和制作的成本增加，而且最终的测试demo也差强人意。因此，我们通过研究当下的动态设计趋势以及PC端的交互特征，在QQ空间V8新版中做了动态创新探索，同时总结归纳出一套适于设计师表达设计概念的设计方法和流程。这是QQ空间团队开发V8新版后总结的文章，对动态设计的总结详实且条理性强，配图也很形象，是一篇难得的好文，相信设计师们阅读完会相当受益 : )一、流动的趋势众所周知，早些年流行的flash主页因其酷炫的效果风靡一时。如今随着html5和css3的发展，在配合高端浏览器的使用环境下，用户可以体验到更流畅顺滑的动画效果。同时，手机端的动态设计效果也提升了用户感知度、提高了产品的易用性;考虑到体验设计的一致性，动态设计还应兼顾跨平台和终端的拓展效果。动态表现对传达产品功能、拓展用户的感官体验等方面起着举足轻重的作用。如：进程类演示类动画，内容不再是从0到1的跳转，加入了动画过渡，让复杂的程序语言转化为动态视觉语言“我正在处理你的内容，请稍等”。一方面可以带给用户安全感，另外也缓解了因等待而产生的焦躁感。二、动态设计探索
新手教程之如何设计Favicon站点图标
现代网页设计中最令人沮丧和感到混乱的莫过于网站图标了(favicon)，是“favorite icon”的简称。这枚小小的图标一般出现在浏览器的选项卡里、地址栏处，根据我们操作系统和浏览器的不同，还有可能出现在其他地方。我先给大家科普下：favicon，即Favorites Icon的缩写。favicon 就是出现在浏览器地址栏左侧的那个小图标。favicon，中文名称是网站头像。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。由于他们不同寻常的文件格式和超级小的图像尺寸使得设计师们在设计这些图标时显得很费劲。更加见鬼的是，人们有时候甚至纠结于这单词的发音(我曾听人说“fah-vee-con”和“fave-eye-con”,尽管前者更常见)。啊，穿过一切没用的元素，直击主题吧!好文推荐：第二弹!那些你不知道的photoshop冷知识之乾坤大挪移高手支招!怎样分辨图片是否被PS过设计一枚favicon创建标识是设计的第一步。一个好的favicon应该在本身小得如同表情的情况下捕获网站的本质，并且在非常紧凑的空间里传达你的品牌。Favicon最常见的形式是该公司的商标标志(并非完整的标志与文字合并成的商标)。
设计大师漫谈响应式网页设计心得
1. 如何理解响应式设计(RWD)zhongfan ：学究一些，首先大家先了解一下响应，然后再讲一下设计，响应就是我发出的请求能得到什么样子的回复，比如我说 “你好”，你会很容易的给我回复”你好”，因为大家都是中国人，如果我说”hello”，我们这代人如果上过初中，他也会给我说”Hello”，但是如果 我给对你说”Bonjour”，那可能只有高配的人才可能知道了。这里面，就举了一个例子，我的应答对象就相当于我们要讲的响应式的设备，他必须能够解析 我发给他的需求。然后咱们再讲一下设计，设计的官方解释是这样的：1.设下计谋。2.根据一定要求