推荐阅读
详细解析网页设计中禁用状态二三事
禁用，顾名思义，代表不可用的意思。有一个禁用，就一定对应着一个可用。不论是表单，还是复杂性管理界面，抑或是分步引导，这些场景中都有可能出现禁用状态，而如何合理运用禁用状态，让它成为体验的加分项而不是减分项，正是设计师要不断思考、深入实践的。这里抛一些砖出来，希望和大家一起探讨。“这个不可点的按钮放在这里很鸡肋，我们是不是可以考虑去掉?”“默认放出按钮吧，不能点也没关系，不然用户怎么了解产品中有哪些功能?”禁用状态可看为应用程序机制对外暴露的一个直接体现，什么时候展现，什么时候隐藏，也是设计中经常碰到的争议话题。Alan Cooper曾提到，激活和禁止菜单可以帮助用户了解菜单所反映的用途，从而帮助菜单成为更好的教学工具。例如我们常用的photoshop选择菜单：菜单作为软件中最完备的功能集合，应该呈现所有的功能，这是第一个前提。在这个前提下，再根据具体交互的流程来展示哪些操作可用，哪些禁用。仔细想想，在我们日常所见的各种软件中，你并不会对菜单里的禁用项感到陌生。菜单有一个好基友叫做工具栏。作为一种直观、快捷的功能呈现形式，有幸出现在工具栏上的操作一般来说是软件中最常用的功能，为用户提供快速、高效的操作入口。工具栏给用户的预期应该是稳定的，可靠的，用户会不知不觉地对工具栏的布局进行学习，记住常用操作的位置，形成使用惯性。如果某个按钮有时消失，有时出现，用户会感到迷惑，也不利于提高界面操作的效率。尤其是当工具栏上有大量操作时，固定位置的好处显而易见，例如Ribbon界面，每个子面板下都包括至少5个以上的按钮：看上去，对于菜单、工具栏中的操作，不论是否有禁用状态，默认放出来是最好的选择。然而当操作较少时，设计师们仍然会做出思考和改进。
PS教程：用滤镜库制作抽丝效果照片
下面我们一起来看看PS教程：用滤镜库制作抽丝效果照片吧！1、打开素材。将前景色设置为蓝色，背景色设置为白色。2、执行“滤镜>滤镜库”命令，打开“滤镜库”，单击“素描”滤镜组前方的展开按钮，展开滤镜组，单击其中的“半调图案”滤镜，然后在对话框内右侧选项组中将“图像类型”设置为“直线”，“大小”设置为3，“对比度”设置为8。单击“确定”按钮关闭“滤镜库”。Tips：如果想要使用某个滤镜，但不知道在哪个滤镜组，可单击展开按钮，在打开的下拉菜单中查找。在该菜单中，滤镜是按照滤镜名称拼音的先后顺序排列的。3、执行“滤镜>镜头校正”命令，打开“镜头校正”对话框，单击“自定”选项卡，将“晕影”选项组中的“数量”滑块拖拽到最左侧，为照片添加暗角效果。4、执行“编辑>渐隐镜头校正”命令，在打开的对话框中将滤镜的混合模式设置为“叠加”。滤镜库制作抽丝效果照片，你掌握了吗？
Photoshop初学者教程：逐帧动画制作基础(1)
本课我们用photoshop和它附带的 ImageReady （简称PS和IR）制作逐帧动画。还是本着简单、易学、易记的原则。本题是最简单的基础引导教程，旨在让大家熟悉IR的最基本操作方法。希望大家借题发挥，充分开动脑筋，做出更加丰富多彩的动画效果。效果图1 (本文例子)效果图2效果图31、启动photoshop，打开两幅图像图1图2 2、将一幅图像用鼠标按住拖入另一幅图像中如图示得到图层1图3 3、让两幅图像严格对齐（如果不对齐就会出现图片跳动现象），然后点击“软件转换图标”，转到IR中进行编辑
Photoshop CS5巧用视频素材制作血龙GIF动画
因为最近很多人想学血龙签，以前记得有教程却翻不出来，所以今天来做一个教程，新手教程高手勿踩，怕一些新人看不懂，所以每个步骤都截了图，本次是利用现成的动态图，自已加上文字就行了，只有PhotoShop CS5版本才能直接打开动态图，所以对PS版本需要CS5才行。效果图：素材：1.先打开素材.CS5可以直接打开，然后打开动感模式可以看到， 低于CS5要带配套软件打开(点击图片查看大图)2.打开素材图之后动画点击 47. 图层点到最顶层的图58
最新发布
17个最有效的网页登录页面设计欣赏
好的网站需要有好的设计。好的设计就不可少的需要一个优秀的交互登录设计。最近我们发现越来越多的网站开始剥掉之前的设计思想。开始设计出和世界优秀网页接轨的节奏。我们很希望看到这样的现象越来越多。让网页看起来更舒服，操作更便捷才是每一个公司企业和设计师共同需要努力和面对的事情。今天我们要分享给大家的就是这样一些优秀的国外登录页面的例子。希望大家能从这些例子中得到启发和灵感设计出更多优秀的页面来。PreziinDineroShipmentChartbeatCollegeFrog
浅谈移动UI中的6种主要导航模式
作为一本简易的UI模式参考书，《移动应用UI设计模式》非常适合移动应用开发人员、UI设计师阅读，还没买的同学们可以看看这本书关于移动UI设计中导航模式的经验分享。正如精良的设计一样，优秀的导航也大象无形。不管是浏览好友信息，还是租赁汽车，完美的导航设计能让用户根据直觉使用应用程序，也能让用户非常容易地完成 所有任务。一款应用的导航可以被设计成各种样式，但我想着重介绍6种主要的导航模式，也就是主菜单的导航模式。跳板式 跳板式导航对操作系统并没有特殊要求，在各种设备上都有良好表现。它有时也被称为“快速启动板”(Launchpad)。跳板式导航的特征是，登录界面中 的菜单选项就是进入各个应用的起点。Facebook 应用沿用了iOS 主界面上的跳板式设计，其他应用随之跟风。Facebook 的跳板式导航和Ovi Maps 应用Trulia 和LinkedIn 的导航设计Palm 手机上的NewsRoom 和Nokia 手机上的Yahoo !
移动UI设计师和PM使用的原型工具分享
无论是做网页设计还是手机移动端设计，开始制作时都是先从原型框架开始设计，最初设计师们可能在纸上画原型图，但现在已有很多先进的工具能让我快速生成原型并能实现一些交互设计功能。因此整理一些适用于移动应用的原型设计工具，这些都能有助于你的工作哦。FLINTOFlinto 用于演示App原型的工具，它能快速将你设计好的原型图（框架图也可以）链接起来，并以App形式展示，这样你给客户看的时候，简直像一个真的App一样。使用flinto一般5分钟就能制作完原型展示，简单快速。一个链接模型画面的工具，通过在线方式上传和操作。另外它还是一个开放的交流平台，用户可以为作品添加注释，比如添加反馈意见等等，或许你会发现有专业的设计师给你意见哦！这里有个在线DEMO演示：App.filesq可以快速将框架图和ui设计图转换成交互式App程序。
25个美食相关的响应式wordpress网站主题
许多童鞋都梦想过有一间优雅精致的小餐厅吧，能招待天南地北远道而来的吃货们，如果你的这个梦想正在成真，那先为你赞一个，可能你还想与时俱进，为你的餐吧建一个同样优雅的网站，那么今天收集的这25个响应式WorePress主题非常适合你呦，仅仅花一点时间，你就可以利用它们搭建一个棒极了的网站。Take a Break（小憩餐吧）小憩餐吧是单页网站，你可以通过简洁明了的导航栏向全世界展示餐吧的美食品类和联系方式等。 LemonChili 的特色是它是一个响应式主题。
如何提升企业产品APP设计的用户体验？
一般人对於企业产品的预期，可能仅停留在功能要强大，信息要安全，能够帮助企业提高工作效率。但今时已不同往日，除此以外，人们开始更注重产品的用户体验。那么，在面对企业产品的设计上，有什么方法可以提升用户体验呢?接下来，为大家带来一些国内外的优秀案例以及一些设计WebApp时的思考方向。WebApp设计要点1.配色颜色作为设计师传达情感的主要元素之一。一个明确的品牌颜色，对信任度，认知度都会有大大的提升。颜色除了能为界面提升美感，也能作为功能上的辅助。在普遍页面信息量大的企业产品中，往往一个有颜色的按钮就很容易吸引用户的视觉焦点。Lovely是Dribbble大神KeremSuer设计的WebApp。橙色主，蓝色辅助，淡灰色为底色。这个配色既色彩鲜明，淡淡的感觉更让人长时间使用也不觉累。整体感觉和谐舒服，简洁耐看。Squarespace用的是黑白配，可说是黑白配色中的皎皎者。利用大面积的留白，高质素的图片，配合极出色的交互，让你每次打开一个子页面时都存在惊喜，是笔者最喜爱的网页之一。连Icon也尽显Squarespace的品牌风格。
详细解析国外超酷的网页字体设计
第一印象通常就是一种持续印象。不管你是否意识到，你的版式能够帮助用户在他们甚至还没有开始读一个字或者点击一个按钮之前建立一个体验。版式不仅仅是讲述一个故事，它告诉用户是这个网站的幕后以及这个背后的人是做什么的。对于字体的处理创造了一种氛围，同时也会像声音的音调一样击起长久的回想。你需要问一问你自己，你想要表达什么以及你想要怎么去表达它?想一想用户：当页面加载的时候你想让他们有什么样的感受和体验?版式建立一个交流的模式，同时，也表达了一个网站的个性。字体的选择将会决定人们对你的网站的反馈。以下的网站有着非常明显的个性，大部分都是通过版式来建立的。诚然，有时候他们并不是很完美(不幸的是，性能常常是个问题)，但是他们通过字体来吸引用户来产生兴趣。好的网页版式不仅仅只是一个美好的视觉处理，同时也要注意速度。很多设计师彻底忽视了性能。请注意：这些网站没有在老的浏览器或者移动设备上做过测试。当然这不是这篇文章的主旨。相反的，我们将会近距离的观察有趣的版式处理以及字体的创新使用。现在开始跟上字体去私奔，体验一路奇幻的字体设计之旅。PlayfulWow,这个网站确实很幽默!这个网站的调调不是仅仅根据字体的特征而设计的，而是通过它们的排版方式。它打破了我们的常规交流的顺序。通常你会在印刷海报中看到轴对称的排版，那通常给人印象深刻。在这个网站上，字体的选择并不是非常的有个性的装饰性或者是很好玩的装饰性字体，它就是用的非常简单的无衬线字体。非常棒的背景图案触觉体验，它引导阅读的方向，以及用户阅读网站的文字时头部从一边到另一边的运动。Atelier这个网站的所有地方都值得关注。整个页面由不同的元素组合在一起有一种动感。网站的logo是用的一种宽的但是很优雅的字体，建立了一种设计基调。运动的感觉是由一条倾斜的线来建立的，这根倾斜的直线跟logo中的首字母“A”的倾斜保持一致，创建了这个网站的节奏。滑动的预览图深深的抓住你的眼球，图片很大让你感觉到无拘无束。然而，这个网站的背景图片居然有：2560*5350像素，2.4MB，哎哟!
15个国外优秀免费下载图标的网站推荐
上哪儿找高质量又免费的图标资源呢，小编我带你去抓可爱的ICON们，首先你需要知道你在寻找什么？图标最关键的一点是图形的一致性，线重、组成、数量、在空间中的使用量等等，并且利用好英文或中文关键字检索出它们。你需要确保下载下来的图标是可伸缩的。虽然有一些用于演示的图标看起来很有趣，但是考虑到维护和易读性，还是会被减少使用。所以你需要事先了解好图标使用需求，比如背景是干净简洁的还是复杂的。这样子找图标就快多了。矢量图标格式（AI,EPS,SVG）是可以保持大小和质量的，但是基于像素的图标格式(JPG,PNG PSD)不能被扩大否则会损失图像质量。开始吧！（绝佳免费图标下载网站）Iconmonstr是一个专门提供黑白两色的矢量图标的，你可以在这里下载PNG或SVG格式的图标资源。（在Find icons里面Find icons哦）
为网页设计师和前端工程师服务的教学网站
很多传统的大学都提供网络课程，为了让这些大学的课程能在网上显示，一大批线上教学网站如雨后春笋般蹭蹭蹭的冒尖。本期文章中，我们为您整理了十四个极好的网络教学网站，均在国外备受推崇哟，网页设计师和工程师快来看看吧。怎样选择教学网站当你选择网站进行学习时，有几点那你要注意：网络学习网站当你确定自己要学什么了，你就要开始选择网站，如果你不想学习大学里的网络课程，还有很多网站可以供你挑选，而且很多都是免费的呦~
精选国外有趣新颖的网站设计趋势
开年那会，优设网已经分享过很多设计趋势的文章，那么今天我们就再来详细的聊聊其中一些新颖的设计趋势，并且都用案例解析的形式推荐给大家，希望对您有启发。1、The Daily Beast鼓励用户一直往下浏览The Daily Beast上面的“Read This List” 板块设计得非常巧妙。首先这个网站从上而下是不同故事的合辑，每当你阅读到不同的内容故事时，这个列表就会自动用淡灰色背景填充列表当下文章告知用户。这种方式另一方面也是在鼓励用户继续往下阅读下一篇文章。我觉得这种提示性设计时非常赞的，特别是当你有许多故事时。2、start ups this is how design works让用户了解更多的内容如果你打开startupsthisishowdesignworks，你会看见页面文章内容含有大量的黄色高亮显示。每当你点击这些特殊的词汇或短语，你会在当前页面得到一个解释框，里面是针对该高亮区域的解释，形式有可能是图文也有可能是视频。总之你不再需要打开新的页面浏览完解释再返回这个页面。这种设计方式允许你阅读更多的内容，获取更多信息。3、Bamboo、mmenu
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曾经是网络领先的浏览器。