推荐阅读
Photoshop调出日系暖色调的清纯女孩照片
拍摄前期制定好自己要拍摄的风格，计划是拍组田园复古风，准备好服装道具，主要有田园风连衣裙，草帽，果篮，水果，地毯，复古小配饰。场地没有可以寻找，因为上海我只认识森林公园这个地方，所以几天的拍摄都在这里，拍摄过程中要做好与模特的沟通，模特的表现力很重要，非常感谢本组模特张楚小盆友的极力配合，本教程简单粗暴，多多包涵。先看看效果图 原片分析：整体偏暗，色彩度低调色方向：试着向田园复古色调整，脑海中有一个效果图，主要是提亮，加暖，亮部加点红。后期我拍摄习惯RAW格式，导入LR处理色调。我一般在LR里面调色，然后在PS里面磨皮液化。环境色很重要，参数只适用本组。
Photoshop调出唯美蓝色调效果的外景人像
此类题材的后期无需太过复杂操作，大部分调色过程在LR里完成，然后导出进PS处理皮肤及局部瑕疵。色调的把控很重要，它能直接表达一组照片的情绪。这里我利用白平衡来建立色彩的基调，另外LR里自带的相机校准这个功能对调色 很有用，可以多尝试寻找下感觉，下面我来分享下具体步骤。原图和效果图：首先在相机校准的配置文件选择Camera Portrait，再适当增加一点蓝原色饱和度，可以看到相对原片，调整后的照片色彩层次改善了不少。注：相机校准栏目下的配置文件会根据相机品牌型号的不同而不一样，出来的效果也会不一样。接下来回到基本栏目，手动设定色温与色调，再根据原片增加曝光度、对比度、降低高光、提升阴影、还有黑白色阶。
(5-12):概览Illustrator与GoLive图层
如下2图，Illustrator的图层调板在外观上与Photoshop非常相似。但两者对图层这个概念，却着完全不同的定义。这主要是由于Photoshop基于点阵图像，而Illustrator基于矢量图像。可以说Photoshop的图层是真正的图层，就如同用画笔在纸上画画一样，如果不分层所有的像素都会融合在一起无法分离。Illustrator的工作方式实际上不是基于图层，而是基于物件的。就如同你在地面上放上钳子、扳手、螺丝刀。这些物件本身就具有独立性，即使不分层也不会融合。在下左图的图层调板中我们看到“Boy”层下有一个“head”子层，将其展开后如下右图所示，其中就是构成人物头像各部位的物件，如眼睛眉毛等，只是没有一一命名而已。这些物件各自独立存放。如果以Photoshop中的图层来理解的话，那么在Illustrator中，每绘制一个物件，这个物件就自动成为一个独立的图层。下面我们进入Illustrator实地体会一下。进入Illustrator后先新建一个图像，还记得Photoshop中新建图像的快捷键是什么？如果你记得现在就再次按下它，如果忘记了，那就去前面找，并且记住。然后再左方的工具栏中选择矩形工具〖M〗，然后在图像中随意画一个矩形，画完后打开颜色调板〖F6〗，如下左图所示，将填充色(点击下左图红色箭头处)改为一个橙色。然后遵照这样先画后改色的方式再绘制两个矩形。观察图层调板〖F7〗，展开“图层1”的三角形，会看到我们绘制的物体一个萝卜一个坑地自动排列在3个子层中。先画的层次较低，后画的层次较高。由此可见，Illustrator中将每次绘制的物件都独立归为一个子层，类似于Photoshop中的图层组一样。点击调板下方的新建按钮将新建一个层，那么之后绘制的物件就归入为它的子层。需要注意的是更改矩形的颜色必须要先选中矩形才可以，选择的方法是用选择工具〖V〗点击矩形。选择后可以在颜色调板〖F6〗中直接更改颜色。也可以在空白区域拖动出一个大选择框选取多个矩形后同时改色。GoLive是一个网页制作软件，不属于图像软件，严格说来是没有层的概念的。但由于网页中允许安放浮动层，因此GoLive也算具有“图层”功能了。大家一定看过一些网页上有飘动的图片或文字，那就属于一个网页中的层。下面我们就来制作一个有飘动层的网页。进入GoLive后新建一个网页，新建的快捷键和在Photoshop、Illustrator一样，由此可见Adobe这一系列软件的关联是很紧密的，熟悉一个软件的操作后很容易就可以做到触类旁通。如下图所示，先选择红色箭头处的“Web”项目，然后在右方依次选择“页面”和“HTML页面”，在最右方绿色箭头所指处勾选“显示选项”，在下方选择文档类型为“XHTML1.0Transitional”，页面编码选择“多语言(utf-8)”。然后在页面中随意输入一些文字，如下左图所示，也可以输入中文，但前提是在之前的页面编码选择项中必须选择为多语言编码方式或中文编码方式。然后从对象调板〖CTRL 2〗中从将图层图标拖动到页面的左上角，如下右图。如果工具栏是类似Photoshop那样竖条显示的，点击下方的按钮就可切换到如下右图的调板方式。然后在页面中随意输入一些文字，如下左图所示，也可以输入中文，但前提是在之前的页面编码选择项中必须选择为多语言编码方式或中文编码方式。然后从对象调板〖CTRL 2〗中从将图层图标拖动到页面的左上角，如下右图。如果工具栏是类似Photoshop那样竖条显示的，点击下方的按钮就可切换到如下右图的调板方式。
碑文字
碑文字是指刻在石碑上的文字。制作碑文字首先要制作出石碑的材质图案，然后才能在此基础上制作文字的雕刻效果。图8-119出示了该例制作完成后的效果。 图8-119 完成效果石碑材质图案的制作，是综合应用了“分层云彩”滤镜、“添加杂色”滤镜、“高斯模糊”滤镜和“纹理化”滤镜的结果。而文字的雕刻效果则主要是应用“斜面和浮雕”、“内阴影”的图层样式创建的。图8-120出示了该例的制作流程图。图8-120 制作概览（1）启动Photoshop，选择菜单栏中的“文件”\“新建”命令，打开“新建”对话框。参照图8-121所示设置对话框。创建一个新文档。图8-121 设置“新建”对话框
最新发布
来和小伙伴一起学习响应式网页设计
响应式设计现在已经成为网页设计师学习的焦点。优设哥发现群内有很多相关的讨论了，这说明我们平时接触该类案例越来越多。你会渐渐发现，我们身边越来越多的企业和客户关注到响应式网站，作为勤奋的设计师，我们怎么能不对它进行了解呢?响应式网页设计考虑到多平台、多种屏幕尺寸的情况，能够优化多种设备的网络浏览体验。当你不知道用户使用什么设备，不知道用户的屏幕尺寸时，若想达到较优布局，可以采用响应式设计。在进行响应式设计时，要专门针对内容进行设计，优先考虑在不同环境下内容的适应性。响应式网页设计过去，上网需要一台电脑，一个猫。现在呢，手机、平板、电视都可以上网。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.根据一定要求