推荐阅读
Photoshop电商海报设计,简洁的电商全屏促销海报设计
效果图启动电脑里的photoshop软件，我这边使用的是最新CC版本，新建一个1920像素X600像素的空白文件。如图所示。在ps软件工具箱中找到矩形工具，在选项栏里设置一个银白色，然后创建一个1920像素x450像素的矩形，和背景居中对齐，效果如图所示。为了照顾不同尺寸的显示器展示效果，我们找到1920这个尺寸画布最中间的位置，创建一条参考线，接下来主要的文案和商品信息内容，都要居中位置展示，两边则是填充的内容。找到背景素材，这边是在photoshop软件抠图出来的叶子，导入进来，调整到合适的位置和大小，作为背景，放到右边。
CorelDRAW制作简洁风格的三八天猫标志
今天分享给小伙伴用CorelDraw制作三八天猫标志，教程中主要运用调和工具的各项属性，以巩固对CDR软件的学习。1. 选择椭圆工具按住Ctrl键绘制正圆，填充洋红色，向下复制一份并等比缩小。选择“调和工具”调和两个圆形对象，更改调和步数为5。在此期间，如果你觉得调和距离过大或过小，可以用选择工具按住Ctrl键，向上或向下拖动调和的起始圆点和结束圆点。2. 选择调和后的图形，向左复制一份，将其拆分(快捷键Ctrl+K)，属性栏中单击“取消组合对象”(快捷键Ctrl+U)，然后调整各个点的位置，如图所示。3. 继续复制小圆调和图形，绘制曲线路径，选中调和后的图形，单击属性栏中的“路径属性”，中的“新路径”选项。当鼠标变成一个粗大弯曲的箭头时点击曲线路径。小圆被集中在曲线路径的某一处，为了保持统一调和状态，点击属性栏中“更多调和选项”在下拉菜单中勾选“沿全路径调和”，如图所示。4. 将调和图形拆分，向下复制一份，并适当缩小，如图。
ps彩虹渐变色怎么调在哪设置弯曲
ps可以制作出彩虹效果，具体方法并不复杂，只需要借助渐变工具即可绘制出彩虹，并不需要做弯曲的处理，在渐变样式中找到特殊效果，里面有彩虹渐变样式，绘制出后，调整大小并且擦除多余部分，然后再调整混合模式和不透明度即可，下面通过截图简单说明操作步骤。 1、打开背景图之后，添加一个空白图层，切换至渐变工具，选择渐变的方式为【径向渐变】，然后点击渐变编辑器， 2、弹出的设置界面上，点击设置图标，弹出的下拉菜单里面，选择【特殊效果】， 3、弹出的对话框“是否用特殊效果中的渐变替换当前的渐变”如果选择【确定】，那么当前的预设会清除，如果选择【追加】，当前的预设不会被清除，即便清除了，还可以复位渐变，为了演示的便利，笔者选择确定。 4、可以看到最后一个即为我们需要用到的彩虹样式，选中后点击【确定】， 5、拖拉后出现圆形的彩虹环，单击右键选择自由变换，拖拉彩虹，调整到合适的位置， 6、接下来需要把多余的彩虹部分清除掉，切换到橡皮擦工具，选择画笔模式，笔刷选择硬度为0，具有羽化效果的笔刷， 7、清除不需要的彩虹后，效果如下图所示，彩虹挡在树的前面，并且彩虹的色彩过于艳丽，还需要进一步调整， 8、调整图层的混合模式为【正片叠底】，不透明度设置为14%，可以看到效果还是不错的，混合模式和不透明度，需要根据实际的效果来选择，不是固定的。 想要更佳效果，还可以进一步优化，如果在操作中遇到问题，可以在下方留言讨论。
确保地平线水平的4个小技巧
在拍摄风景时，即便使用了三脚架，确定地平线的水平仍然是件不容易的事情。我们在此提供了4条实用技巧，让你能够信心满满地确定自己的照片是横平竖直的。 在拍摄风光、海景或是建筑时，地平线歪斜几乎是一个不可饶恕的失误。即使是一丁点倾斜，也可能彻底毁掉一幅原本能够令人震撼的画面。然而，仅靠肉眼是很难判断画面是否水平的――即便相机装在了三脚架上也是如此。不过幸运的是，我们仍然有一些技巧和工具，能够确保拍出来的照片横平竖直。 现在，很多相机都带有内置水平仪，网格线显示，甚至虚拟地平仪，来帮助我们确定构图的平直。下方的表格显示了，哪些型号的相机拥有何种水平测量功能。如果你的相机没有提供任何内置的水平测量系统，那么不妨买一个可安装在热靴上的小型水平仪，它既便宜又实用。或者，我们也可以借助取景器中的对焦点来帮助确认。 1.取景器 大部分单反相机取景器中都会有自动对焦点，它们就能帮我们确认画面的水平。这些对焦点通常是按水平方向直线排列的，所以，只要在构图时将地平线与横向的自动对焦点对齐即可。 2. 网格线 有些相机可以在显示屏画面上显示网格线，通过它可以很方便地确认画面线条是否平直。并不是所有相机都支持该功能，但是如果有即时取景模式的话，一般都能在屏幕显示选项菜单中找到它。 3. 水平仪 装在热靴上的小型水平仪是一款价廉物美的小工具，当相机装在三脚架上时，它能有效地帮你确认相机是否水平。有些相机带有内置的电子水平仪，可在取景器或者机顶液晶屏上显示水平信息。 4. 虚拟水平仪
最新发布
10个网页设计师今生应该去的地方
每个领域都有其神圣的地方，即该领域发展至关重要的地方。就好像艺术家们习惯了要去佛罗伦萨参观米开朗基罗等，所以网页设计们在有生之年也应该访问一下自己领域最神圣的地带。遗憾的是还是有不少依赖web的专业人士不知道自身行业的历史，特别是新一代年轻人，他们视互联网为理所当然之事。为了解决这个bug，这里咱们列举出10个WEB设计师应该至少访问一次的地方，记住！一辈子至少要去一次！1、Googleplex（谷歌公司总部）是Google公司总部的名称，位于美国加州圣克拉拉县的山景城，离旧金山很近。有必要向所有互联网从业者小介绍一下Googleplex。这已经不再是单独属于google的总部了，它在2010年被购买下来作为纽约庞大的建筑。它代表了整个市。这也是世界上最大的搜索引擎公司网站的校园。没有google，我们就不知道现在所知的网络的存在。对于一个网页设计师来说，难道还有比这个地方更好的去处么？ Adobe位于美国加利福尼亚州圣何塞，当你参观完谷歌总部后稍微一点点车程你就到了Adobe总部。任何一个建立过网站的人都曾经使用过Adobe公司的至少一个产品。这个公司的软件更新频繁，如果没有它们这个世界难以想象会是什么样子。数以百万的网站创建使用Dreamweaver。更直观地去说，没有photoshop你活得下去么？网络活得下去么？ 最初网景位于加州的山景城。这座古老的总部看起来有点儿像庞贝古城的废墟。网景通信公司曾经是一家美国的计算机服务公司，以其生产的网页浏览器——Netscape而闻名。1998年11月，网景被美国在线（American OnLine，AOL）收购，而后来美国在线和时代华纳合并，之后再独立。美国在线依然使用网景这品牌，于2008年3月1日停止支持的网景浏览器后，保留了门户网站Netscape。虽然网景网站仍然存在，但是已经是以前的一个缩影了。纵横网络的所有学生都该知道，Netscape Navigator曾经是网络领先的浏览器。
10套超漂亮的网页UI套装PSD素材
我们平时分享过不少的精品UI KIT PSD素材，这些组件虽然很漂亮，但是要转换成HTML网页格式时却不是一件容易的事情，因为UI组件元素很多，如果要转HTML需要不少的时间，而且要精通前端技术。今天设计达人网整理自pixelkit上的免费UI KIT素材，这些PSD已经转成DIV+CSS格式，可以直接快速的应用在网页上，更棒的是它使用Bootstrap框架编写，最新的HTML5+CSS3技术都有了，所以你绝对不怕过时。这次分享的组件带有帮助文档，让你使用的时候更得心应手，如果免费版不满足你，可以购买高级版（Premium Version）而且价格十分便宜！好吧，赶快下载和分享给你的朋友们，免费的。打包下载地址(40MB)：微盘下载 | Github下载这个Funky Tunes组件设计有梦幻般的美丽，适合用在音乐、视频类的APP或网站。在线DEMO | 使用文档 | 高级版(付费)这个Skinny Frames使用了扁平化风格设计，适合于网站平台，如果想跟紧潮流，玩玩扁平化，这个组件可以选择哦，而且配色很容易修改，通过在线网页配色工具来换个颜色主题或许会有另一番风景哦！在线DEMO | 使用文档 | 高级版(付费)
详细解析游戏网页设计的创新之路
游戏是我们从小就开始接触的东西，在中国游戏行业井喷的年代里，每家有实力的公司都想在这个行业里分一杯羹，为了能够走在行业的领先地位，从游戏的研发到运营推广都下足了功夫，而我们作为运营推广的品牌视觉设计师就应该为此出一把力。游戏在这个行业也发展了许多年了，从刚开始游戏在网络上公测以来，我们的游戏网页就已孕育而生了，在走过数年之后的今天，曾经换汤不换药的网页设计与其说是一成不变不如说是在一次次的创伤我们的浏览者，为了能够抚平创伤我们就应该去思考更加合理的视觉语言，让观者看着愉悦玩着舒心。这样的创新才能与观者达到情感共鸣，产生对产品的粘性与此建立产品文化的品牌形象。我们今天的主题是创新，那什么是创新呢?创新是指：以现有的思维模式提出有别于常规或常人思路的见解为导向，利用现有的知识和物质，在特定的环境中，本着理想化需要或为满足社会需求，而改进或创造新的事物、方法、元素、路径、环境，并能获得一定有益效果的行为。所以我们不能假大空，要实践就要得出可执行的结论，我认为，有效的创意是在继承前辈以后的合理改进，而不是抛开一切的颠覆原有。下面让我们来回顾一下那些年我们前辈做的页面，来分析一下当年的创(xin)意(dong)点>08年—09年出品2008年1月天龙八部COVER页面该页面中的导航摒弃了页顶的常规设计，而采用居中与下面信息板块相协接，重金属包边和水晶质感的按钮，应该是当时比较注重的。
解析设计师每天必上的网页设计欣赏
我回来啦，最近这两天比较忙，所以信息停发了几天。感觉特别对不住哪些日日夜夜等着本工发微信的小伙伴们，所以今天本工忙里偷闲把上周大家分享的好网站给整理了出来，大家赶紧收集着。这些个网站绝对是精华之中的精华，号称设计师每日必看之站，虽然可能很多你都见过，但12个个性鲜明的站点，总有你没见过的！每天用心看一看，来年工资必翻翻。http://dribbble.com/UI设计师必备网站之一，超级多的精美界面设计。由于发布作品有门槛（dribbble码），所以里面的设计作品都很精良。界面设计为主，插画为辅，网页设计的作品比较少，基本没有摄影啥的。boss来查岗的时候，只要打开dribbble，顿时就高大上了！！https://www.pinterest.com/瀑布流的鼻祖，素有图片版twitter之称。花瓣啊、堆糖啊都是pinterest的汉化版本。如果你英文杠杠的，那么可以看到不少的外国友人的好作品。http://wallbase.cc
详细解析水印相机素材设计之要点
水印相机发布至今将近半年，上架水印已逾130款。在水印素材的设计过程中，团队常常思索什么样的设计可以获得较好的回报、为大众用户所喜爱，这亦是水印素材的设计师一直在探究的问题。笔者将从设计师的角度出发，以用户调研与使用数据为参考，与大家分享自己在此项目中积攒到的一些心得经验、发现与思考。照片“水印”的全新定义水印是什么?传统的水印通常是在图片上附加的版权信息、作者信息或防盗图信息，制作者和应用者通常为专门群体。水印相机赋以“水印”全新的定义，即一种智能、快捷、装饰性的照片信息呈现方式，照片信息涵盖了拍摄时间、位置、环境、镜头信息、心情表达等多个类型，这些信息和内容在拍摄的同时叠加于照片之上。水印相机也提供了各种不同类型、主题与样式的水印素材供用户选择，并保留自定义能力，以满足拍摄者记录与创作的需求。在设计一百多个水印素材的过程中，设计师要做的大多是信息的排布与取舍、图形的创意与表达，平衡水印与照片的关系，让水印融入并强化照片故事的讲述。在设计时，信息叠加与图形创意的要点有以下几条：不要过多遮挡照片在水印素材规划之初，我们对水印的大小做过诸多尝试，从简单的点缀到块面型覆盖，从镂空透明的图形到大面积的遮挡，方案覆盖到了各种尺寸。大面积的照片装饰是一种风格化的平面设计手法，它可以修正构图、也能够让照片拥有“前卫艺术”的效果，也是设计师热衷的效果。
35款值得网站开发者收藏的JS图形图表库
图表是数据图形化的表示，通过形象的图表来展示数据，比如条形图，折线图，饼图等等。可视化图表可以帮助开发者更容易理解复杂的数据，提高生产的效率和Web应用和项目的可靠性。在这篇文章中，我们收集了35款值得网站开发者收藏的JavaScript图形图表库，适合各种图表需求。其中大部分都是免费而且开源的，希望大家能在下面的列表中找到适合自己需求的JavaScript图表和图形库。1. JS ChartsJS Charts 是个基于JavaScript的图表生成器，不需要任何编码。JS Charts 非常容易使用，只要用户使用客户端脚本（比如，在 web 浏览器中执行）。它不需要多余的插件和服务器模块，只需要下载 JS Charts 的脚本，准备好 XML，JSON 或者 JavaScript 数组数据。CanvasJS 是个易用的 HTML5 & JavaScript 图表库，基于 Canvas 元素。Graphs 可以通过设备渲染，包括 iPhone，iPad，Android，Windows Phone，Microsoft Surface，Desktops 等等。它允许用户创建适用于所有设备，不影响 web 应用程序的功能和可维护性的富仪表盘。CanvcasJS 有着非常漂亮的主题和超过传统的 Flash 和 SVG 图表 10x 倍以上的速度——生成轻量级，漂亮和响应式的仪表图。Chart.js 是个简单的，面向对象的客户端图形库，用户可以用 6 中不同的方式来可视化数据。每个方式都是动画效果的，完全自定义，而且看起来非常好看，即使在 retina 显示。它使用 HTML5 canvas 元素，支持所有现代浏览器，并且支持 IE7/8。
详细解析在网页设计中的字体设计之美
多重字体混合使用不管在哪个行业都是有难度的，尤其是网页设计领域。尽管字体种类成千上万，但是合理的在网页中使用它们不简单呐，所以在面对成千上万的字体时，保持冷静是你应该保持的职业操守，就好比摄影师看见美女一样。有些人说，那我在一个网页中只是用一种字体不就一了百了了吗~错!即使你只是用一种字体那些常见的问题还是会存在。今天我们将和大家分享一些新鲜出炉的网页，这些网页中都是用了两种一上的字体，并且字体样式独特，希望对你有所帮助。Space Needle——这是一个非常受欢迎的主页，它使用了多种字体搭配明亮整洁的背景，显得高端大气。页面中的字体有的高瘦笔直，有的艺术鲜艳，整体搭配非常和谐，与背景合二为一。ING Direct——该网页的登陆界面非常可爱哦，刚看到时小编总觉的那个moon好像一只青蛙在说耶…可能是小编想象力太丰富了吧…该网页的字体属于非常流畅的粗体字，是适用面非常广的一款。Inesplorato——此网页的字体大家应该都不陌生吧，上了十几年学要是不知道这个那可是不行的呦。这种粉笔风格的字体属于超级拉风类，与各种背景也非常匹配，可以和轻艺术风格字体很好的融合。Digitz——设计师在此网站中选用了两种字体，希望呈现给顾客一种谦逊、有商务气息的感觉，同时下面的艺术字给网页增添了不少节日气氛。Bhojwani Foods——这个网页中的元素可是不少啊，不仅有大量的插画、图片还有文字，这些东西巧妙的结合在了一个网页中。
PS神器Velositey助您快速的搭建网页布局
设计一个网页，最基本就是从画布局开始，然而这个也是比较耗时间的，不过没关系，今天设计达人为大家分享一个网页布局photoshop扩展插件——Velositey，这个扩展可以快速在PS上实现多种流行布局，布局包含头部、幻灯片、内容布局、页脚排版等等。还有个我喜欢Velositey的原因就是这个布局兼容Bootstrap前端框架，它生成的栅格线、Layout都能用Bootstrap来编写，十分方便。下面我们来简单介绍下这个扩展：软件使用是免费的，所以放心使用，请选择对应的Photoshop版本下载，官网测试了PS CC版，小编测试的是PS CS6版，所以都没问题哦。Velositey CS6 V1.1 微盘下载Velositey CC V1.1 微盘下载快速新建栅格线,栅格总宽度为1170PX，刚好和Bootstrap框架一样。通过扩展的布局功能，我们只用1分钟时间就能实现下图这个网页排版，图层也帮你编组好，真的好人性化。
详细解析网页设计移动版专题设计的那些事
响应式设计是否适合于专题设计tuntundeng：如今越来越多的移动设备出现在我们身边，作为设计师对网站专题的设计进入到一个新阶段，需要考虑更多的用户访问环境，输入设备，分辨率等不同因素。响应式网页是目前热门的解决方案，好比一双男生的休闲鞋，可以与所有裤子进行随意搭配。但是对于专题设计来说，响应式设计并不合适。专题网页的设计通常是短平快，在特定时间达到一些运营需求。而响应式设计通常需要考虑更多不同分辨率下的响应效果，花费的设计和开发时间成本可能是double。而且专题设计具有很强的形式感，响应式设计的流体布局，必然会对视觉造成限制，所以对于专题来说做成响应式的网站需要慎重考虑。最高效的办法就是传统的为手机版单独做一版设计稿，让手机版网页满足通用的移动设备分辨率。先做PC版的页面还是手机版页面看用户的访问数据来定。一般情况下都是先做PC版的页面再做手机页面，PC端网页可以呈现更丰富的内容，用户浏览网页时更专注，达到最好的体验。但有很多情况下，页面的访问更多的来自手机端，比如手游的专题，用户通过微信、手Q入口进入。如果开始就先做PC版的专题，想必手机版的内容将是一个移植的PC版网页，让移动版的体验大打折扣。世界上最远的距离不是我在你身边却不知道我爱你，而是我用手机开你网页，你却你不知道。酷跑的官网用户访问来源，超过80%来自移动端，在为酷跑的专题设计时则先从手机版开始设计。举两个栗子，twitter与instagram的PC页面都是从手机端的延展，继承了手机端的交互，保持了一个很好的一致性体验。手机版专题页面的注意事项
五个网页扁平化设计的最典型的特征
如今设计界最炙手可热的明星大概就是扁平化设计了吧，关于它的讨论至今都没有冷却的迹象。诸多设计师分成了泾渭分明的两个阵营，一边努力把扁平化做到极致，一面对其不屑一顾。我是个骑墙派，不支持也不反对，在我看来，优秀的设计的定义就是好用，只要能设计出优秀的产品，我可以采用任何方式，扁平化也是其中之一。但是必须意识到，没有哪种风格是包打天下的，不能强行将一种风格应用到不该用的地方。那么，扁平化究竟该怎么实现怎么应用呢?下文将要做的就是分析扁平化的五个最典型的特征，同时也介绍一下伪扁平化(不含贬义，只是一种折衷的设计方式)。一、拒绝特效扁平化这个词来自于这种设计所使用的样式和形状，它完全属于二次元世界，一个简单的形状加没有景深的平面，不叫扁平化都浪费这个词了。这个概念最核心的地方就是放弃一切装饰效果，诸如阴影、透视、纹理、渐变等等能做出 3D 效果的元素一概不用。所有的元素的边界都干净俐落，没有任何羽化、渐变或者阴影。这一设计趋势极力避免任何拟物化的元素，这导致这一设计风格在其它平台有时候显得突兀，前景图片、按钮、文本和导航栏与背景图片格格不入，各成一派。那么，扁平化的效果如何呢?因为这种设计有着鲜明的视觉效果，它所使用的元素之间有着清晰的层次和布局，这使得用户能直观的了解每个元素的作用以及交互方式。如今从网页到手机应用无不在使用扁平化的设计风格，尤其在手机上，因为屏幕的限制，使得这一风格在用户体验上更有优势，更少的按钮和选项使得界面干净整齐，使用起来格外简单。二、界面元素