推荐阅读
Illustrator绘制彩色低多边形特效人像效果教程
来感受最清峻的艺术风格!今天的 Illustrator 教程效果特别震撼，这类来源于上世纪的人物肖像彩绘风格完全抛弃曲线，色块切割过的模特张力十足，辅以夸张反叛的配色，俨然是白茫茫大地里拷打出的鲜艳异质，过目难忘。教程很具体，强烈推荐动手一试。前言飞屋睿UIdesign：上世纪九十年代，来自印尼的传统印刷媒体插画家Wedha Abdul Rashid首创了一种另类的人物肖像彩绘风格。直到千禧年后，这种由传统媒体发展而来的风格逐渐在数字艺术中流行起来。WPAP(Wedha’s Pop Art Portrait)就是指的这类绘制风格，它是将画面划分为若干个几何图形，通过让图形色彩的改变来营造出肖像的轮廓。通常，肖像中出现的元素和人物原照片是保持一致的。这类创作形式极具艺术感，用色讲究色彩鲜艳各异。先看看效果图一、WPAP的绘制过程今天我们要学习的是用AI来制作WPAP人像，那么，在此之前，我们有必要简单了解一下WPAP的绘制过程。WPAP的目标是采用一种另类的风格技法来表现人物的面部细节，要让人物面部造型夸张但又不能使之难以辨认。这里所谓的“另类”也就是说要更加戏剧化、更具个性特点、更大震撼效果，当然，如果可以的话，也会是赏心悦目的。基于这一点，其创作过程主要分解为两个部分：面部分解和润色。我在绘制时，这两个部分是同时进行的。1、面部分解过程在面部分解的过程中，通过描摹原图，我们可以将人物肖像划分为若干个细节，这些细节我在这里就称为“细节碎片”。这些细节碎片是根据原图上不同的明暗部分进行划分的，你需要在创作过程中仔细观察原图中的光影细节才能做出划分判断。这类做法在我的另一个教程中有讲解。每个细节碎片都是直线图形，而非曲线。我想这是因为直线图形会比曲线来得更为有力。
PS抠图教程:巧用Photoshop通道抠出沙滩上的遮阳伞
最终效果原图1、打开原图素材，按Ctrl + J 把背景图层复制一层。2、观察通道。进入通道面板，选择红通道，伞的颜色与天空颜色接近，不太理想。选择绿通道，伞的左侧与天空颜色接近，其它部分都比较理想。
Photoshop设计由云朵云彩组成的创意飞鹰效果
最终效果1、新建一个100 * 800，分辨率为72的画布。选择渐变工具，颜色设置如图，然后由顶部向下拉出下图所示的线性渐变作为背景。2、新建一个组，命名为“云彩”，如下图。 3、打开一张云彩素材，我们要把云彩单独抠出来，这里用的是通道抠图。
Photoshop制作撕纸主题风格的老照片效果教程
先看看效果图闲话不多说，先把素材拖进ps，ctr+j复制一层：热巴的这张照片本来就很漂亮了，但是颜色比较鲜艳，缺少了怀旧的感觉，所以需要调一下色，新建一个渐变映射的调整图层：渐变颜色直接选择预设里的蓝、黄、蓝就可以，确定以后把不透明度降低到20%左右：然后再鼠标双击图层1，更改图层样式-内阴影还有渐变叠加，我的参数如下，大家可以根据自己的情况来：
最新发布
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曾经是网络领先的浏览器。