推荐阅读
PhotoShop利用变形打造一个铅笔问号
本例主要应用了“变形”网格将一根笔直的铅笔扭曲成了问号，这项技术对于一些需要特殊变形效果图像来说是一个非常方便的技能，值得大家好好学习一下，希望大家能掌握这项技术。效果图1.打开“铅笔素材.psd”文件，隐藏素材图层，选择横排文字工具，并选择适合的字号与字体，设置前景色为黑色，在画布中间如图一个如图1所示的“？”号，并得到“？”图层，并将此图层移至“素材”图层的下方。
【知识大扫盲】微单和单反的差异区别
通常，对相机有所了解的人都认为单反和微单差异的根本就在如上所述的取景方式上，这话说得没错，但实际上单反和微单仍有各种主要结构方面的差异。但构成这些差异的本质就在相机的体积上。 相机的本质工作是拍照，拍照所要达到的目标自然是越来越好的图像质量。但要获得较好的图像质量，往往是以牺牲相机的体积和便携性为代价的。当相机出现在家庭及旅游、生活纪录等场合时，便携性就显得尤为重要。微单的出现正是试图将便携性和成像质量二者达到平衡状态的中庸之道。 什么是单反 *及香港地区将单反相机称作“单眼”相机，单反的全称是“单镜头反光相机”Single Lens Reflex Camera，缩写为SLR camera)，又称作单反相机。它是用一只镜头并通过此镜头反光取景的相机。 所谓“单镜头”是指摄影曝光光路和取景光路共用一个镜头，不像旁轴相机或者双反相机那样取景光路有独立镜头。“反光”是指相机内一块平面反光镜将两个光路分开：取景时反光镜落下，将镜头的光线反射到五棱镜，再到取景窗;拍摄时反光镜快速抬起，光线可以照射到感光元件CMOS上。 单反并非数码时代的产物，早在胶片时代就已经存在单反相机。随着照片的载体走向数码化，单反也随同进入数码时代，现在我们所说的单反通常都是说单反数码相机。 单反的内部结构中，有一个反光镜和用于光线各种反射的五棱镜，这些用于将外部光线通过物理反射的方式送达取景器的反光镜和五棱镜(或五面镜)成为单反相机取景的主要部件，也是单反同微单与其他便携式数码相机的最大差别。 通过镜面反射的形式最终让人眼能够在相机的取景器中观察到被摄物体，这种取景器被称作光学取景器。是否拥有光学取景器也可以认为是单反与其他消费级便携式数码相机的最大差异。 什么是微单 微单包含两个意思：微，微型 小巧，单，可更换式单镜头相机，也就是说这个词是表示了这种相机有小巧的体积和单反一般的画质，即微型小巧且具有单反功能的相机称之为微单相机。 普通的卡片式数码相机很时尚，但受制于光圈和镜头尺寸，总有些美景无法拍摄;而专业的单反相机过于笨重。于是，博采两者之长，微单相机应运而生。微单相机介于卡片式数码相机与单反相机之间，如同笔记本
有关 LOMO 的10件都市传说
这一阵子 LOMO 这四个字真的是有点陌生了。以前用 LOMO 这四个字随便当标题一堆人点赞，现在我想是一堆人找不到地方按烂。没关系，跟日本搞笑艺人的梗一样，重复讲个四次就会好笑就会有人理。所以本来标题应该是LOMO 教给我的10件事，但是我想这样的标题是没人想点的(虽然这标题也很老派拉，另外本篇请务必配合最下方批注服用)。 走下坡的LOMO 身为一个长期观察LOMO生态的键盘观察家，请容我用开门见山法来破题。LOMO整体气势上确实有在走下坡的趋势。连本来跟房价一样变了心就回不来的相机价格，也跟星巴克坚持不降价但不时找借口买一送一，相机价格竟然也有下修趋势。这着实让我抖了一下。 先别管抖一下这回事了，你听过安......LOMO嘛? ▲LOMO是啥，可以吃吗?(图片来源：dailymail) LOMO圈里的10件都市传说(注1) 我想我「现在」这样随便找一个人问(你听过LOMO吗)，或许有人会回我「Is it good drink?」(注2)。好吧，同时身为一个长期发表LOMO战文的键盘嘴炮师，我想我就来讲LOMO圈里的10大都市传说，跟大家好好澄清跟复习一下。 1.LOMO圈里不讲求技术。 这个传说我大概战了不下1000次了我想，看到这个我差点开头要写出「臣亮言..」(注3)了。为了避免接下来出现跟出师表一样的万言书，我想我还是发动面上的魔法卡「三句话讲完」，结束这回合(注4)：如果真的不讲求技术，那么像我这种以LOMO相机教学出身的嘴炮师就不会小有名气，LOMO相关的论坛或BBS也不会一天到晚出现「请当我看看照片是那边出了问题」的求救文章了(三句话打完收工，还好结尾不是临表涕泣，不知所云)。
最新发布
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 用文字创造出一种紧迫感这主要适用在购物网站，使用一种紧迫感的词语更可能让用户采取行动。在按钮上加”现在”"立即” “马上”等文字，能大大提升按钮的转化率。这些文字能给用户暗示和感知，如果继续等待，很有可能错过这次大好的机会。不信?可以试一试。