推荐阅读
详细解析如何有效的向用户传递信息
在设计产品的过程中，产品经理和设计师的职责之一，是有效的向用户传递信息。在互联网产品中，操作引导、结果反馈、界面呈现的元素、大小、颜色等，都可以看作是信息的传递。高效准确的信息传递，是良好用户体验的基础。下面总结了几种简单的进行有效信息传递的原则：一、使用用户容易理解的语言信息的传递过程就像是一种对话，对话就需要语言。语言的形式可能是文字、图片，也可能是闪烁、变色、大小对比等，但不论采用什么形式的“语言”，一个基本的要求是，确保用户能够“听”得懂。例如，应该尽量避免使用用户不理解的专业术语、含义不明确的符号、表意不准确的动画等。GOOD DESIGN：图标图标是一种经典的传递信息的方式，好的图标设计可以让用户一眼就知道它后面对应的程序是干什么用的，生动并且直观。所以现在流行的系统中，很多都采用了图标的方式来标识程序。上图所示，即便没有文字，我们也能猜到这些图标代表着什么功能。GOOD DESIGN：iBooks的列表界面在iBooks中，显示图书列表的界面并没有做成常规的list的感觉，而是使用了拟物的方式，以一个书架的形象呈现，书架上摆满了用户已经下载的图书封面，就像是你真的面对着一个书架，上面摆满了图书一样。这样的话，用户很容易意识到，只要把书“拿下来”，就可以阅读了。
PS制作卡通鲜花文字
最终效果图 1.新建一个200PX * 200PX 的文件，背景填充白色 ，然后选择文字工具输入"F"文字的颜色为浅绿色(色值：DBF5AD),字体请选择比较宽，粗的字体本教程选择“Arial Black”,文字大小为： 200 pt 如图1。然后删格化图层，用橡皮工具选取适当的大小把文字的各个边角擦出弧度参照图2 < 图1 > < 图2> 2.调出文字的选区，然后新建一个图层，填充深绿色数值：2F8B48，如图3,先不要取消选区，按 Ctrl + Alt + D 羽化数值为：7，再选择菜单： 选择 > 修改 > 收缩 数值也为7，然后按 Delete 键删除选区部分如图4 < 图3> < 图4> 3.再调出文字的选区，在背景图层上面新建一层，选择菜单： 选择 > 修改 > 扩展 数值为3，然后填充浅绿色颜色数值为：A8CFAF 效果如图5 < 图5> 4.在最上面的图层上新建一个图层，按 Ctrl + "+" 把图层适当放大，在文字的下部位置用钢笔工具勾出叶子，然后调出选区填充深绿色颜色数值：2B8E00,效果如图9,再按 Ctrl + Alt + D 羽化，数值为2，再选择菜单： 选择 > 修改 > 收缩 数值也为1，填充浅绿色，颜色数值为：B4FF92,效果如图10 < 图6> < 图7> < 图8> < 图9> < 图10> 5.新建一层，把图层再适当的放大，在空白的图层区域，用椭圆选取工具绘制椭圆，然后用渐变工具绘制渐变如图11，取消选区，按 Ctrl + J 复制图层，选择菜单 ：编辑 > 变换 > 垂直翻转 ，再适当哪个的移到之前的椭圆图形下面如图12，同样的方法复制出如图13的四个椭圆小花瓣。 < 图11> < 图12> < 图13> 6.适当的把花瓣旋转一下得到图14的图形,然后把四个小花瓣合并到一个图层，按 Ctrl + J 再复制一层，按Ctrl + T变换45度得到图16所示的图形。 < 图14> < 图15> < 图16> 7.在最上面的图层新建一个图层，用椭圆选区工具绘制一个小正圆再填充粉红色数值：FFC8D4，如图17，选择菜单：选择 > 修改 > 收缩 数值也为2, 然后把前景颜色设置为橙色数值：EA682F，背景颜色设置为淡橙色数值：FF965B，选择菜单：滤镜 > 杂色 > 添加杂色 数量为 17% 效果如图18 < 图17> < 图18> 8.在花瓣的图层上面新建一个图层，用椭圆选取工具绘制正圆如图19，然后填充黄色，在把选区适当的移动位置，按Delete 得到图21所示的图形，取消选区按 Ctrl + J 复制一份，选择菜单 ：编辑 > 变换 > 垂直翻转 移到下部位置如图22 ,把这两个图层合并，然后复制变换角度得到图24的效果。合并这些鲜花的图层，调出他的选区，在他的下面新建一个图层 选择菜单： 选择 > 修改 > 扩展 数值为2 填充颜色：E68D00。合并这两个图层. < 图19> < 图20> < 图21> < 图22> < 图23> < 图24> 9.把做好的鲜花移到文字的上面，用同样的方法绘制其他颜色的鲜花，再不断的复制改变大小，最后完成最终效果。如果嫌花朵制作工程复杂，请下载适当的笔刷,和图案。 < 图25> < 图26> < 图27>
秋日私语 Photoshop绘缤纷水晶枫叶
1、在Photoshop中将前景色定义为绿色（#00ff00），选用“自定形状工具”，画出一个枫叶的形状，起名为“枫叶”。 2、点击“图层”面板下方的“添加图层样式”按钮，选择“内发光”一项。 3、设置和效果。为了大家观看方便，我把背景色换成了黑色。使用“内发光”是为了使风叶的边缘的颜色更自然一些。 5、选择钢笔工具，把枫叶的主经络钩出来。 6、将路径转为选区，填充深绿色（比浅绿深的绿色就是深绿，哈哈 开玩笑。其实这里的颜色并不重，要到后面会调整的）。 接着将此层复制出来一层，将两个图层的“混合模式”都设置为“柔光”。
给爱旅行摄影女孩的忠告
我写这篇文章是受到世界旅行者、国家地理专栏作者Daisann McLane接受的一篇访谈的启发，她的采访主题是“旅行对于女人们来说难不难?”McLane小姐向正在旅行的女性们提出了一些忠告，尽管她的文章是从绝大多数旅行者的角度出发的，我的这篇文章面向的是那些既想旅行又恰恰想成为摄影师的女性朋友。所以如果你是那些现正在考虑采取行动到陌生国度去旅行的女 摄影师，我希望你能从文中有所收获并最终激发你去实现自己的梦想。 那么，当一个人是女性的时候，旅行对她来说有所困难呢?从某种程度上来说，是的。但是你可以让旅行变得更简单，只要你采取一定的防范措施，并且有所计划。 作者作品 泰国 一个女人孤独的旅行不一定是无所畏惧的。相反，独自一人在一个谁也不认识的陌生国家的时候我会感到害怕和脆弱，想想吧，在凌晨四点(甚至更早)或是晚上十点(或是更晚)，你拿着你那昂贵的器材到处乱转。我觉得恐惧，可我疯狂到愿意去做这些事情，为啥?因为我爱摄影，我甘愿为我所做的奉献。我还知道如果我不能从让我舒适安逸的国度之外去发掘(美好)，在别的地方那就更不可能了。 像其他严肃的摄影师一样，不管是女性和男性，我的目标是拍摄伟大的照片。问题是如果你想拍这样的照片，你需要完美的光线。不幸的是，风光摄影或是城市摄影里那些最好的光线来自于一天之中最让人(女人)难受的时间(作者通常在黎明傍晚时拍摄)。 威尼斯 意大利 我并不是一直一个人旅行，但是我已经这样旅行过很多次了，当我独自一人时，我就要自己保护自己。我喜欢在水边和桥上去拍摄，这种情况下我经常越过肩膀回头看，以防一些疯子把我推下去。我并不认为我是偏执狂，因为我要照顾自己以便让我安全回家。 当然，其他黑暗或是遥远的地点，或者为了一个更好的有利位置，你必须要攀登或者跋涉下到一个小山丘上，这种情况下意味着潜在的危险。如果男摄影师担心这些事情(我相信他们一定会的)，我确信女人们要考虑的事会更多。 那么怎样才能让你远离危险呢? 伦敦塔桥 英国
最新发布
浅谈简洁风格的网站着陆页设计心得
山边小溪：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主题