推荐阅读
Illustrator设计制作古典花纹图案教程
先来看下最终效果：一、绘制图案中的花形1、单击工具箱中的“星形工具”按钮，在页面中单击鼠标左键，弹出“星形”对话框，其参数设置如图(1)2、单击“确定”按钮，在页面中绘制一个星形，星形的轮廓色设置为橘黄色(R：255，G：204)，如图(2)3、选取绘制的星形，然后将星形由下向上添加白色到紫色(R：152，G：2，B：126)的放射状渐变色，添加渐变色后的图形如图(3)4、单击工具箱中的“转换描点工具”按钮，在星形的控制点上按下鼠标左键拖曳，此时将在控制点的两侧出现控制柄，状态如图(4)5、拖曳鼠标到合适位置后释放，在右侧出现的控制柄上按下鼠标左键拖曳，将其中的一个控制柄进行调整，其控制柄的调整状态如图(5)提示：当第一次在控制点上按下鼠标左键拖曳时，在控制点的两侧将出现两个控制柄，任意拖曳鼠标的位置，出现的控制柄将始终以控制点为对称点。当释放鼠标，再次调整任意一个控制柄时，另一个控制柄将处于锁定状态。当对图形调整后，再次在控制点上单击鼠标时，调整后的控制点将还原为没有调整时的形态。
Photoshop基础教程之浮动面板综合简介
这节课简单介绍下photoshop浮动面板的组成以及种类。各种浮动面板的使用技巧和方法。具体的使用我们在以后进行讲解。 ★.浮动面板的组成： 浮动面板是Photoshop中非常重要的辅助工具，它为图形图像处理提供了各种各样的辅助功能。下面是浮动面板的名称：
如何制作狐狸叫派对海报图片的PS教程
一首狐狸叫的网络歌曲红了全球，以此为创作的广告层出不穷。下面是以此为主题的派对海报制作。过程：先构思好内容，当然少不了狐狸，然后把派对的一些元素加进去，画面看上去有个性即可。最终效果 一、选一个有纹理的背景。 二、快速找个合适的人物素材，感觉差不多就行了，注意前提是要清晰一些的素材，毕竟作为画面的主体。 三、找一个狐狸素材，最好背景干净些容易抠图，如果毛发清晰，就用“通道载入选区”方法来抠图，如果不太好抠图就随意先抠图，然后下载“毛发笔刷”来填补周边的绒毛。
Photoshop CS2 入门之菜单介绍
虽然你毫无疑问地想要自己动手把照片做些处理，想要马上发挥你的潜能，但是我建议你最好先着重了解一下Photoshop是如何工作的。首先确保你的Photoshop CS2已经正确的安装，并且事先浏览此程序各个方面的功能以便使你对它的工具和布局有一个基本的了解，这样在将来我们真正操作的时候能更方便，更熟练。当准备好开始你的Photoshop之旅的时候，要事先通过双击Photoshop图标登陆此程序。当Photoshop加载完成之后，它的菜单条、工具箱以及四个控制浮动面板出现在屏幕上。图1显示了Photoshop cs2在windows下的外观，如图所示：如果宽度没有设置成500,高度没有设置成360,现在让我们输入这些值。通过点击“宽度”域来选择它，然后输入500。按下TAB键，移动光标到“高度”域，输入360。各域之间的光标移动可以通过用鼠标点击，也可以通过按Tab键进行切换。我们一般把“分辨率”设置为72象素/英寸。Photoshop CS2将72ppi作为缺省设置，因为大多数显示器在屏幕区域中每英寸显示72个象素。换句话说，文档设置的分辨率与显示器的分辨率一样。如果你的设置不是72ppi,将其改成72。如果加大了分辨率、高度或宽度的值，那么图象的尺寸也会随之增大。在我们实际操作中我们尽量避免大图像，因为大图象在操作的时候非常笨重，反应比较慢，而且它还会降低计算机的速度。在“模式”选项中，应该设置为RGB颜色(红/绿/蓝)。Photoshop CS2将RGB颜色作为缺省设置，因为RGB是视频显示器显示颜色的标准色彩模式。在RGB模式中，颜色由红、绿、蓝三种颜色组合而成。当设置成RGB颜色模式的时候，Photoshop CS2的所有绘图和编辑属性都是有效的。如果你的计算机没有设置为RGB颜色模式，可以通过点击“模式”的弹出式菜单选择“RGB颜色”来设置RGB颜色。如果你想要把新建的图层背景是白色的，请点击组合框的“白色”按钮。如果你选择了“背景色”选项，Photoshop CS2上次使用的背景色将作为你新建文档的背景色。如果你选择“透明”，你将工作于一个没有颜色值的背景层上，当我们点击“确定”按钮关闭新建对话框时，一个新的文档窗口将出现在你的屏幕上，在窗口的主题条中写着文件的名字(未标题)、当前的显示模式和放大比例。可以滚动、改变大小和关闭Photoshop CS2的窗口，也可以通过单击和拖动主题条的方法把窗口移动到你想要位置。我们还可以通过选择“视图”颉胺糯蟆被蛘甙聪CTRL＋“+”放大图片；选择“视图”颉八跣 被蛘甙聪CTRL＋“-” 来缩小图片。二、Photoshop CS2菜单 Photoshop CS2的菜单条包含9个下拉式菜单。越熟悉Photoshop CS2的功能，那么越会在操作Photoshop CS2时选择正确的工作路径。下面的部分将对Photoshop CS2菜单中9个下拉式菜单做一下介绍。1、“文件”菜单： “文件”菜单中的大部分命令用于对文件的存储、加载和打印这些命令，如“新建”、“打开”、“保存”、“另存为”、“页面设置”和“退出”命令在其他Windows中的应用程序中都是极其普遍的。我们先看一下“文件”下拉菜单中的界面，如图3所示：
最新发布
浅谈简洁风格的网站着陆页设计心得
山边小溪：Landing Page──引导页，常被直译为“着陆页”。在互联网营销中，引导页(Landing Page，有时被称为首要捕获用户页)就是当潜在用户点击广告或者利用搜索引擎搜索后显示给用户的网页。一般这个页面会显示和所点击广告或搜索结果链接相关的扩展内容，而且这个页面应该是针对某个关键字(或短语)做过搜索引擎优化的。着陆页对于帮助网站把游客变成顾客非常重要。因此，产品的消息必须明确，设计必须能吸引人且简单易懂。登陆页面的设计应有助于吸引访客购买由网站提供的产品或服务。如果它从游客到顾客的转换率很高，那么着陆页的设计被认为是做得优秀的。一个伟大的网站着陆页面的设计是能够让访问者采取行动，并在网站上花钱。着陆页的设计不应该有太多的信息和图形。一个设计糟糕的着陆页面将使它看起来没有吸引力，并会让网站访客困惑。这将阻碍着陆页面的影响，即使网站有一个坚实的产品或服务提供给客户，它可能也不会产生销售。着陆页应该美观，干净和优雅。它同时应该是简单易懂，而且必须有该网站需要传达给访问者的所有信息。它应该吸引访客，并在设计和使用的颜色方面应该是有吸引力的和相关的主题。如今，着陆页面设计的趋势是非常流行的简约设计。简约的设计，简单的设计，没有太多的内容。不必要的图形，颜色和文字不会被添加到着陆页面，以保持设计的简洁，提供给游客一个干净的着陆页面设计布局和必要的信息。在简约的设计的着陆页中往往只使用一种或两种颜色，有限的图片，图形和文字的使用。着陆页面的消息传达也是非常明确的。由于简约的设计中元素非常少，设计者必须使用这些有限的元素是创建一个非常吸引人的着陆页面。简约设计的着陆页正变得非常流行，因为他们在以一个清洁，简单而又吸引人的方式向访问者提供信息。下面是一些例子，能够帮助你设计简约着陆页(Minimal Landing Page)提供灵感：
如何让您的网页页面设计脱引而出
随着互联网的发展，Web页面在我们的生活中已经是无处不在，如何利用视觉艺术为你的Web产品增彩，也成了产品设计者逐步完善的一门课程。一个完整的Web页面是需要点线面的合理结合，每一个页面都是一个神奇的空间，同时他的深度，广度和作者赋予的元素美感决定了这个页面的可观赏性。要想让自己设计的页面有鲜明的艺术特色，从众多的页面里脱颖而出，下面着重从以下四点去介绍。一、巧妙利用文字网页设计中，文字在整体界面中起到了主体的作用，是传达信息的主要元素，字体的的大小、颜色、字体样式甚至间距都会直接影响页面的视觉传达效果。如下图例：整体页面趋于简洁，但用文字跟图形做了巧妙的结合，使整个页面显的简而不空，同时整体文字大小对比也使页面变的更具层次感。合理的将字体打散进行灵活艺术加工处理使其图形化，既呈现了信息，又使整体看起来更加贴切设计主题，更具美感和艺术性。
23套全新的免费HTML5网页模版下载
目前互联网上存在很多专业的高质量HTML5模版，并且是免费的，如果你熟悉编程的话，只需要研究一下它们的代码就可以学到很多便捷的操作和新的技术。在今天的文章当中我不是列出一长串可用模版的列表，而是精挑细选出高质量的响应式HTML5模版。更重要的是，它们都是免费的，所以我希望能有几个模版能满足的你的需求，能够运用于你的项目当中。Legend是一个基于Twitter Bootstrap的多功能响应式单页模版。你可以用它来制作一个登录页，或者说是创意设计人员的线上作品展示网站，甚至于是构建一个商务主题站。Liquid Gem利用CSS媒体查询和百分比布局给出了一个完整的响应式设计。它还包括一个图片幻灯，一套完整的PHP联系表单和一个工作示例页面。一个轻量级的模版，用于HTML5/SCSS的响应式项目。免费 ，开源，极简的响应式网站模版。
21个适合扁平化设计的创意超链接效果
虽然只是小小一个链接以及搭配的一个简单的动画，却由于牵扯到与使用者互动的部份，魔鬼藏在细节里。在今年如果谈起设计来说，没有人可以避开扁平化设计，不管它是否为未来的设计趋势，至少在今年网页设计领域中扁平化很流行很流行。相比以往，扁平化在界面上可以说是一种”偷懒”，界面”偷懒”后，对后面的交互上的细节要求就更加高了。因此Tympanus收集了一些和传统交互效果相比更加有创意且适合扁平化设计的一些案例。本文为 21个链接 Hover 交互样式，原Demo效果在此。1. 中括号2. 3D翻转3. 底部色块平滑渐隐4. 底部色块快速渐隐
如何给扁平化风格选择合适的字体
扁平化设计是时下最流行的设计风格，之前我们已经探讨过扁平化设计的原则(原文链接)很多朋友都提出了自己的疑问和观点，今天我们将回答其中一些热门问题。“扁平化设计中使用什么样的字体最合适?”http://www.floatdesign.net/https://coderwall.com/futurealhttp://www.fitbit.com/www.who-wanna.com/en/
20款国外时尚大气的按钮开关PSD素材下载
开关，顾名思义，控制开和关，在界面设计中是一种加速器。在今日的UI设计中，无论是网页还是手持设备界面，越来越多应用到这种元素。酷炫的开关能给设计增色不少。而且在具备美观的同时，也兼具功能性。可是遗憾的是设计开关是个比较麻烦的任务，所以我们今天推荐20款不同风格的开关，供大家参考学习。下载地址：http://vdisk.weibo.com/s/dt23BkiXHc0Np
浅谈如何让网站拥有受欢迎的交互界面
交互设计如今已是一个十分常见的问题，但许多设计者和开发者仍不知道它的具体意义。今天，我们将从不同于以往的方面：我们将会深入讲解能使你的网站拥有良好交互性的用户界面和设计原则。首先，何为IxD交互设计(即IxD)是一块发展迅速的新领域，大致出现于10-15年之前，源于一些体现设计问题的研究，后来被专业设计者鉴别和接受。交互设计促进人与环境的交流，这里我们指的是人和网站的交流，交互设计师只要考虑用户和电脑的交互，毋须像UX设计者那样思考软件或系统所有涉及用户的方面。你也许在不同大学里听说过人机交互度——这些度基本是在IxD领域中培养的。这样的设计师要做什么?一个交互设计师会思考谁是产品的目标用户以及谁会使用它。用户研究者或是信息架构师会提供这些信息。在这些研究的基础上，一个交互设计师为了用户与软件交流，要耗费很长时间但要尽快地创作出这种令人称奇的交互方式。设计师必须识别出关键交互并且画出线框图, 所以要不停地画草图。有的设计师会直接画出来，有的设计师会用软件来辅助(文末展示了一些不错的例子)，还有其他一些设计师会或单独或合作地创作界面。交互设计(IxD)不断地展现出新的交互方式，因为用户总是期望网站出现新的事物。但交互设计师需要意识到这些特性会如何影响用户，然后在许多想法中选择真正要实现的和可以放一段时间的。下面我们将会看到一些驱动交互设计的概念。
详解网页设计中那些不容忽视的细节
你有没有经历过看到一个页面的时候马上就被它的设计吸引并且留下了深刻的印象呢?然后你进一步细看这个页面发现真正使这个页面变得神奇的是一些小细节，在这篇文章中我们将看到几种把细节设计做到完美的页面。完美的像素线Image Spark 的设计师用一个像素的线条来分割顶部导航，搜索输入框，导航底栏。任何时候一个较浅的颜色紧挨着一个较深的颜色会使人出现有一个凸起的边缘的错觉。请注意这种线条只能比背景色稍微浅一点点。如果使用一条白线那将失去这种效果。atebits使用了类似的技术，但是在这里是用来做一些分隔。注意他们是使用两个1px的线条相映成趣，一个明亮的一个暗一点的。这给人的错觉是一个插图槽。另外一个漂亮的接触线的两端是渐渐消逝，而不是突然结束。恰到好处的阴影阴影可以给页面增加一些深度，但是在使用阴影的时候有一点需要特别注意，不要过度的使用。ps中的阴影效果如果错误的使用会成为一个非常危险的工具。阴影的强弱应该与背景颜色结合使用。一个较暗的背景需要一个更暗的阴影，一个较亮的背景比较是个一个更亮的阴影。
简洁网页设计你需知的6点技巧
洁净和一尘不染之间是不能划等号的。去掉了多余内容的设计看起来外形美观，一目了然，让人心旷神怡，尤其是对网页设计领域更甚。设计师在网站设计过程中，时常会遇到过度设计的例子。保持审美需求和实际需求之间的平衡，对整洁，干净和条理清晰的网站来说很重要。在激烈的行业竞争中，网页设计师想要获得成功，先决条件之一就是要掌握简洁的网站设计基础。在网站设计中，并没有保密规定，但相关的从业人员仍需坚持一些基本原则：用外观专业，整洁的网站设计来打动用户。但是，简洁的网页设计并不就等同于我们在网页设计中所强调的极简主义。简洁的网页设计可能使用了多种元素来衬托网站内容，但依然还能保持整洁有序的外观。不过，极简网站设计是以内容为核心，多余的东西统统扔掉。而简洁网页设计则使用了创意和美学元素，在一定程度上，这是可行的。也就是说，网页设计师所追求的拥有整洁，专业外观的网站应该着重让所使用的元素变得高雅，而不是丢弃这些元素。但是，这并非一蹴而就，一个简洁的网站可能要花上数天的艰苦努力才能完成。选用富有冲击力的图片元素设计任何网站类型，恰到好处又吸引眼球的图片总是非常重要的。虽然读者通常只关注网站的内容，但吸引人的相关图片也可以起到对内容补充的作用，同时也增添了美感。不过，在网页中使用图片元素时，不管它是静态还是动态图片，都要注意颜色的搭配。颜色使用过多容易造成视觉混乱，使用单一颜色往往会产生强烈的视觉冲击。小心使用页面空白毫无疑问，简洁的网页设计成功的先决条件之一就是做到整洁有序。设计师在网页中熟练地添加flash动画，视频，3D图形等多种元素的同时，不过应尽量避免过度使用这些元素。如今，大家都经常使用各种便携式设备浏览网页，因此也应该充分考虑到移动网络用户的需求。在网页设计中，应该小心，准确地处理页面的边距和空白。但是，空白间距过多会让网站失去吸引力。因此维持设计过程中的流动性非常重要，切勿过度使用。开启你的像素眼任何与设计的相关工作，小细节都发挥大作用。网页设计也不例外。想要成功设计出简洁的网站，你需要“第三只眼”来监控这些小细节。网站的边框，投影，高光和纹理等元素容易让浏览者印象深刻，但设计师们往往却忽略了这些小细节。在某些情况下，忽视动画和图片的优化问题会影响到网页图像质量。为了设计出最佳的网站图片，可在photoshop中启用“对齐到像素”（Snap to Pixels），对图片进行适当的优化。网页中内容排版错乱时有发生，这会从视觉上降低内容的吸引力，影响读者阅读。选用合适的字体简洁的网页设计成功离不开排版，排版应该获得和图片同样的重视。虽然可供选择的字体很多，设计师要考虑的方面很多，比如说，目标客户和客户公司的性质。为网站页眉和内容选用合适的字体是必不可少的，无衬线字体（sans serif）和有衬线（sans serif）字体通常会为设计带来良好的效果。除此之外，你还可以结合其它字体，专为孩子和女性打造网站。为你的网站选择合适的配色方案任何网站的设计都离不了合适的配色方案，这对创建一个整洁干净的网站同样适用。坚持使用淡色和非彩色的投影对成功设计一个简洁网站大有裨益。浅色的投影可以帮助用户把焦点转向网站内容。标志使用黑色和较深的投影，网页中的页眉和导航元素使用浅色背景，这些都是不错的案例，并没有规定在简洁网页设计中不能使用大胆的颜色，但是这样的颜色要小心，克制地使用。有时候，网站有必要使用深色背景色来吸引某些目标用户。比起渐变色，有些网站更钟爱纯色。如果你的网站非得要使用纹理和渐变色，也不要用得太过火。导航栏与可用性你对网站设计满意时，认为一切都趋于完美，这时，你可以通过实际试用来测试它的使用性。不妨站在局外人的角度，客观地对网站作出评价。在网站发布之前，你可以询问一下跟网站设计无关的人的看法。保持网站导航的直观性，避免使用的导航元素让初次访问者和技术新手产生挫败感。
如何从WordPress主题上获取设计灵感
在国外很多企业喜欢用WordPress这个CMS系统来做企业网站，除了能降低开发成本外，WP自身的功能、SEO优化、模板设计都是很不错的。近期设计达人网收集了一些使用WordPress制作的优秀网页设计作品，细心点可以发现，这些WP主题都喜欢用扁平化设计风格，并使用新的HTML5和CSS3来实现前端交互，使用作品看起来动感而不花哨。这些WordPress主题设计对于设计师、和前端工程师来说，这是很好的灵感来源，有很多排版、配色、CSS3的运用，都值得我们学习和尝试。而对于企业用户来说，可以尝试购买这些主题来做的你企业网站，价格也非常超值!企业网站风格wordpress主题查看网站杂志资讯类 WP主题查看网站响应式Wordpress主题