推荐阅读
Photoshop调色调出惊艳冷色调的室内美女人像照片教程
今天在这里，为大家详细讲解一下这种干净细腻的少女风调色。先看看原图和效果对比。大家可以看到，原图(左)是比较暗，颜色看起来浓郁且色彩不正，没有通透感，调整之后的(右)就仙相对好很多了，接下来呢，就为大家详细解说调色过程。以下是原图进入PS导入原图(这里用的ps cc版本)，因为拍摄的是RAW格式，所以保留了较为完整的图片细节，直接进入Camera Raw(版本自带)进行调整，如下：在基本调整界面，降色温，减高光减白色加黑色，是整体思路，我们可以看到左图，整体环境已经显得干净清透了一些，主要问题是人物肤色比较暗淡，于是我们可以进入HLS进行具体色彩调整。如下：
Photoshop初学者应该上的十节课(3)
第三课：Photoshop开门十件事 AdobePhotoshop 是目前最流行的平面设计软件之一。可以说，只要你接触平面设计，那么无论早晚，你都要和它打交道。关于Photoshop，要说的实在太多太多，但不论你想让它成为你的左膀右臂，或者仅仅是用它来做一些最基础的图像处理工作，那么下面的10件事都是你一定要知道的，无论你是个初学者或是已经对它有了一定的了解。 1.快捷键的使用：这是Photoshop基础中的基础，却也是提高工作效率的最佳方法。快捷键的使用，使你可以将精力更好的集中在你的作品而不是工具面板上。一旦你能够熟练的使用快捷键，你就可以使用全屏的工作方式，省却了不必要的面板位置，使视野更开阔，最大限度的利用屏幕空间；一些简单的命令可以用键盘来完成，不必分心在工具的选择上，哪怕它只占用了极少的时间，但我们更希望在工作时不被打断。 注意：你应该尽量多使用快捷键，下面的这些快捷键是提高效率的好帮手，但不知为什么很多书中都一带而过，甚至没有提及，请一定要牢牢记住。 Ctrl+J：复制当前图层到一个新层； J：切换到喷枪工具； M：切换到选框工具； ［ ］：在当前工具为画笔模式时（包括喷枪、画笔、铅笔、仿制图章历史画笔、橡皮及模糊和加深等工具），依次增减笔头大小； Shift+BackSpace：调出填充对话框。 一开始，你可能无法记住所有的快捷键，可以使用Photoshop的工具提示来帮助你。方法是打开编辑>预置>常规，选择“显示工具提示”。这样，当你把鼠标移动到工具面板上时，工具名称和其快捷键就会出现，直到你移走鼠标才会消失。 2.无接缝贴图：无论是对3D图像或是网页的制作，无接缝贴图都是很重要的，我们可以在Photoshop中轻易的完成。定制好你的图像后，运行滤镜 >其它>位移，在水平和垂直方向上位移，一般设置位移量为图像大小的一半，最重要的是将未定义区域设为折回。在完成位移之后，用橡皮图章工具在图像的拼合处涂抹，消除接缝，然后将图像定义为图案。用这种图案填充，就可以得到无缝的背景图像。
CorlDraw 10快捷键大全(1)
在运用软件的过程中，熟练的掌握快捷键的使用方法，能起着事半功倍的效果。在这里我们将CorlDraw 10的快捷健整理出来，希望能对你在使用CorlDraw 10的时候能有所帮助。 显示导航窗口(Navigator window) 【N】 运行 Visual Basic 应用程序的编辑器 【Alt】+【F11】 保存当前的图形 【Ctrl】+【S】 打开编辑文本对话框 【Ctrl】+【Shift】+【T】 擦除图形的一部分或将一个对象分为两个封闭路径 【X】 撤消上一次的操作 【Ctrl】+【Z】 撤消上一次的操作 【Alt】+【Backspase】 垂直定距对齐选择对象的中心 【Shift】+【A】 垂直分散对齐选择对象的中心 【Shift】+【C】 垂直对齐选择对象的中心 【C】 将文本更改为垂直排布（切换式） 【Ctrl】+【.】 打开一个已有绘图文档 【Ctrl】+【O】 打印当前的图形 【Ctrl】+【P】 打开“大小工具卷帘” 【Alt】+【F10】 运行缩放动作然后返回前一个工具 【F2】 运行缩放动作然后返回前一个工具 【Z】 导出文本或对象到另一种格式 【Ctrl】+【E】 导入文本或对象 【Ctrl】+【I】 发送选择的对象到后面 【Shift】+【B】 将选择的对象放置到后面 【Shift】+【PageDown】 发送选择的对象到前面 【Shift】+【T】 将选择的对象放置到前面 【Shift】+【PageUp】 发送选择的对象到右面 【Shift】+【R】 发送选择的对象到左面 【Shift】+【L】 将文本对齐基线 【Alt】+【F12】 将对象与网格对齐 (切换) 【Ctrl】+【Y】 对齐选择对象的中心到页中心 【P】 绘制对称多边形 【Y】 拆分选择的对象 【Ctrl】+【K】
【人物摄影技巧】了解模特特性 拍出个性化来
我喜欢拍家庭照、儿童照片，也喜欢拍摄婚礼。但我最喜欢的还是和年轻的学生们一起拍摄。原因很简单，他们乐于做模特，他们明确知道自己想要什么样的照片，也很有时尚触觉，这些特点都会反映在他们的照片上。 与学生一同拍摄之前，我会先做些准备功夫，提前了解他们会让我更加清楚应怎么样拍摄他们。提前沟通很重要!这会让你了解你的拍摄对象。 在拍摄前好好准备 提前联系与调查了解 首先要互相打招呼了解对方，最好亲身见面。一般而言我会联系对方一起吃饭。 接下来我会给他们一些调查问卷，书面的调查问卷，内容包括： 你最喜欢自己外貌的哪一部分? 学生时期留下最珍贵的回忆是什么? 有什么特殊的地点是你最想记录下来的吗? 你觉得最理想最舒适的星期六是怎么样的?
最新发布
8个在网页设计中即将被淘汰的趋势
时代一直在变，一个又一个的创新让我们感到惊讶万分。网页设计的趋势如同流星，光芒耀眼，但来得快、去得也快。虽然跟风很不好，显得毫无设计主见，但很多设计潮流确实值得追随。就像当下响应式设计、扁平化设计、以及滚动视差等。可是呢，还有很多极为”糟粕”的设计趋势，本文一一列举，请君对号入座。1. 除了电话线时代的老顽固，现在已经没人喜欢页面跳转了“下一页”、”下一张”，明明一页就能展现的内容，非要跳转20多次才能看全，你把用户当*?操作繁琐、浪费时间、效率低下，没人喜欢页面跳转过于频繁的网页。2. 十面埋伏的广告确实有很多网站的维持依赖广告收入，但是广告的位置一定要合理，不要妨碍用户浏览信息，用户体验永远位于广告之上。没有用户访问量，也就没人找你打广告。3. 弹出窗口滚出网页设计界
8个智能手机移动应用的设计趋势
如果说智能手机和智能设备现在被认为是个人和办公方面的科技标准，那么这种描述就过于简单了。几乎没有人能否认一个事实，就是每个人都需要这种智能 技术。尽管每个人拥有智能手机或其他智能设备的理由不尽相同，但它是必须的。无论从个人或者商务的角度看，智能科技已经成为我们生活的一部分。现在，智能科技无处不在，开发商不得不为智能手机用户设计出更加方便的移动应用程序。我可以肯定的说，2013年将会出现最新潮最特别的移动应用程序。实际上，总有 一款移动应用达到某种用途，并适合于每个人。你会在新入手的iPads里发现令孩子们激动的游戏，还有一些程序则可以促进人们之间的交流。移动应用不再是 消磨时间的手段，它们总会在某种程度上令使用者受益。由于移动应用程序的需求量增加，移动应用变得更加美观，更加多功能，更加促进人们之间的交流。 2013年仍然有漫长的路要走，我可以说这几个移动应用的趋势实际上变得非常明显，引领着其他移动应用程序的脚步。接下来我们就来看看最新潮的移动应用吧。智 能技术的新起使得传统的台式机已经落伍了。现在，人们都使用智能手机上网，所以你的app必须有这个功能。由于有各种各样的设备，开发者要确保程序可以通 过不同的设备访问。显然，没有人会愿意为每一个移动设备单独创建一个应用程序的。得益于HTML5增强功能，你不再需要为某个设备单独设计一款应用程序。 使用html5将会是一种趋势，因为它允许开发者基于不同设备确能够使用相同的代码库。下面我们将提到Jo，一种简单的html5应用程序框架。Jo HTML5框架：HTML5应用程序搭载于一个单独的页面，Jo可以帮助你创建类似本地应用程序体验。当然，需要一些DOM处理，不过你不必担心它。通过JavaScript编程，做一些CSS调整，就这样结束一天的工作吧。移动电子商务是电子商务的延伸。我相信在2013年，很多电子商务相关的移动应用程序将保持流行。原因是现在有很多人喜欢网上购物的过程，他们通常使用移动设备浏览网页，所以移动应用程序在消费者当中非常热门。iPad eCommerce App
精选国外优化网站图片速度的网页推荐
页面的加载时间是每一个设计师都担心的数据，或者至少是每个设计师都应该担心的问题。图片的大小肯定是一个需要留意的问题。这就是为什么在这里写了几个有助于优化页面中的图片的小技巧，这些小技巧将有助于大家解决这个问题，这些小技巧也可以在你需要优化图片的时候提供很多帮助。TinyPNGTinyPNG是使用智能有损压缩技术，来减小png图片的大小。Smush.itSmush.it使用的是从图片中消除不必要的字节来减小图像大小。OptiPNGOptiPNG是一个对png图片优化非常好的工具，可以在不损失图像信息的前提下把png图片压缩到更小的大小。ImageOptimImageOptim可以使图片占用的磁盘空间更少加载的更快。他们使用的是找到最好的压缩参数并且消除不必要的字节（包括注释及颜色配置文件）。它可以处理PNG，JPEG和GIF动画。CodeKitCodeKit帮助你建立更快，更好的网站。
浅谈如何尝试网页设计中不对称的美
随着审美的不断提高，越来越多的设计具有一种不对称的美感。越来越多的设计师将视觉重点放置到偏离视觉*的位置，通过不对称性来吸引用户注意，打造一种特殊的视觉路径。过于对称的设计，无法更自然高效的组织侧边栏、导航条等界面元素，对称设计提供的空间也往往有限。而非对称性具有一种视觉上的张力，将某种特殊的感觉转化为用户的兴趣。尽管非对称设计在布局调整上稍有难度，而且也会造成一种不平衡的感觉。然而用非对称性设计取代对称性设计，利大于弊，提供了更多的”可能”。这也是网页设计师的进阶之路，成为高手都会尝试的风格，不妨现在我们就来先了解一下吧。下面，我们收集了一些很有说服力的不对称性设计网站，相比对称性设计，这些网站具有更好的信息传达、更个性化的特点。不对称性网页设计案例The Enterprise锯齿感极强的线条以及不对称的形状，配以华丽的色彩，这种不对称设计的视觉冲击力绝对要比对称性设计大。Sjobygda设计师很有技巧的运用了背景图像，采用了不对称设计，让背景的功能性变得更强，呈递给用户壮观的视觉内容。
详解Web图像的常见应用策略与技巧
本文介绍一些关于响应式图像的适配应用策略，回退原理，SVG的换色技巧，雪碧图的百分比定位计算公式等相关的一些小知识点，目的在于帮助一部分同学快速的理清图像应用思路，以及一些web图像的应用技巧。特点：应用简单，上手容易，性能表现良好难点：lazyload实现根据不同设备，不同分辨率，不同像素比使用的响应式图像，常用的有两种场景：1.1 固定尺寸图像基于设备像素比选择，很多网站logo就是固定宽度图像的一个例子，不管viewport的宽度如何，始终保持相同的宽度。在dom里图像与在css里的图像写法如下面的例子<img srcset="test.jpg 1.5x, test2.jpg 2x" src="test.jpg" 768.jpg 768w, 1200.jpg 1200w, 1920.jpg 1920w" sizes=" (max-width: 360px) 100vw, (max-width: 768px) 90vw, (max-width: 1980px) 80vw, 768px" src="360.jpg" src="http://www.missyuan.net/uploads/allimg/170502/1409454491-0.png" "393""293" />在iphone4（320）下，图像宽度和我们设置的100vw一致，但是为什么浏览器选择了768的图像而没有选择360的?因为4的dpr是2呀^_^，浏览器很智能的选择了质量最合适的768.再看一下6p（414），很听话的按照我们的设置，显示了90vw。因为他的dpr更高，浏览器聪明的选择了1200质量的图像。这里我们可以欺骗一下浏览器：
精选国外CSS3编写的面包屑导航收集
随着Web技术越来越先进，浏览器更新换代也很快，在国内很多网站已经有使用css3和html5的技术了，所以我们也应该多学习这些新知识，设计达人网站整理的资料，你在学校、图书上也是未必看到的。今天我们整理了10个纯CSS3制作的面包屑导航，这些都是通过CSS3来编写，十分方便，而且实用。有些文章附有教程，大家可以研究学习一下。
浅谈统一原则在网页设计当中的运用
形式美法则是人类在创造美的形式和过程中对美的形式规律的总结概括，世间万物的美都可以用形式美法则来概括。在平面构成中也有形式美法则：统一和变化，对称和平衡，节奏和韵律，对比和调和。前面跟大家有分享了对比、留白在网页当中的运用，今天我们继续来分享网页当中那么多元素是如何做到统一一致的。在视觉上的统一可以体现在：图片，色彩;区块;布局;字体，视觉元素。此外，还有一个交互上的统一。1、图片统一图片统一体现在图片大小尺寸上的统一，颜色色系上的统一和图片风格的统一。不管是京东还是天猫淘宝，这些商城在网站上的图片处理就用了这样的统一原则。不一样的场景下对图片的要求也都不一样。比如京东商城的首页，每一个区块起到一定的导航性作用，在这样的场景下，需要的图片都是比较简洁而不是背景复杂的。下面我做了一个错误的示例给大家演示：左图是官网的图片，右图是一个错误示范。显而易见，左图的展示性和可读性都比较强，视觉效果也比较好。右图之所以觉得不好看是因为图片大小不一致，图片的背景颜色也不一致，所以看起来特别不协调。好了，现在应该有人会想问，那京东或是天猫淘宝通过搜索后进去的页面里面的产品配图不是五颜六色的吗，那怎么看起来也没有觉得不协调。这些界面的统一一致性体现在产品区块的大小尺寸上和整体的样式上，除了产品图不一样，其他的布局样式、区块大小都是一样的，这恰恰跟首页相反，首页各个区块大小不一致，所以采用图片一致来协同，内页则是区块样式一致，图片不一致。但不管哪一种协调方法，界面都起到了很好的协调性。
全球10大高端建站神器经典推荐
这不是天方夜谭!你不需要知道HTML、CSS、PHP和其余晦涩难懂的语言。这些工具就像一个图像编辑器，只需绘制矩形、填充颜色。我知道这很难相信，但他们就是存在!而且全球备受赞誉。1、IM Creator听我说，我们的IM Creator易用性和多功能性超越了很多客户的预期。只需要你把控住超级菜单，根据您的需要做相应的拖放和功能选择。它们包括视频、图片、画廊和幻灯片、按钮、超链接、甚至一个HTML小部件。最酷的地方在与你不需要创建繁琐的帐户，你可以轻松上路。唠叨了半天，我差点没有提到最好的部分：以上所有服务都是完全免费的!2、WebStartToday.com如果你是一个细节癖，喜欢抠各种设计细节，那么你完全应该来看看WebStartToday!这里提供了超过1000个不同的网页模板来匹配你的需求!甚至那些很少见的模版：旅行、夜生活、豪华轿车服务、锁匠、美食、琳琅满目数之不尽!当然这并不意味着我们的模版就是千篇一律，随处可见的!在这里的模版，可以保证是独此一家的，如果你在其他地方发现了，那一定是他们借了我们的宝贝，偷偷的!3、Kopage
20个超精细网页圆形旋钮PSD素材下载
旋钮分布于生活的各个角落，在人机界面中非常常见，也正因为此，旋钮也成为了设计师非常乐于表达的对象。今天为大家带来20个超精细旋钮的PSD文件，需要的童鞋速速下载吧。1. 圆形菜单旋钮2. 黑色音量控制旋钮3. 蓝色发光旋钮4. 金属旋钮5. 黑色扁平旋钮
浅谈网页设计动作按钮可没你想的那么简单
动作按钮?不就是一个按钮加两文字么?这有什么好说的·····如果你还这么认为，那就大错特错了。一个小小按钮，看似简单，里面却有大大的学问。下面是我总结的一点见解，希望抛砖引玉，给大家一点启示。按钮分为两个部分：按钮文字 按钮形状先说说按钮文字的设计：1 用文字创造出一种紧迫感这主要适用在购物网站，使用一种紧迫感的词语更可能让用户采取行动。在按钮上加”现在”"立即” “马上”等文字，能大大提升按钮的转化率。这些文字能给用户暗示和感知，如果继续等待，很有可能错过这次大好的机会。不信?可以试一试。