推荐阅读
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，更改图层样式-内阴影还有渐变叠加，我的参数如下，大家可以根据自己的情况来：
最新发布
网页设计中应该知道的数学运用技巧
这篇文章并不是教大家怎样做设计，而是教大家通过一些“工具”把你的设计变的更合理，更平衡;同时也要记住，规则是死的，人是活的，怎样遵守规则的同时破坏规则是决定你是否能成功的关键。好的设计没有周详的计划是不可能实现的，而数学在这个计划中有着举足轻重的作用。有人可能会说我早就知道了，比如算什么margin或是padding的，算高度什么的，这个应该就是你所说的在设计中运用的数学吧?其实不然。应该说我的数学有更高一层的意义(脸皮比较厚)。我觉得我在这里和大家讲几千个字，还不如给大家一个真实的例子。让大家看看我在做设计前的一些“准备工作”。最近我正在设计一个教会网站，我一边设计一边把一些截图发到网上获取一同行们的意见和反馈，但是大家并没有看到这些设计背后蕴藏的”玄机”。废话不多说了，现在进入正题!一、确定页面宽度在你设计任何一个网页之前有一些东西你是应该尽快做出决定的。其中最主要一个东西应该是页面的宽度，我个人是比较喜欢960px作为宽度，即使用户使用的是1024*768的分辨率，网页也不会出现横向移动 - 当然你可以使用任何宽度。第一步已经完成了，我们进入第二步。二、划分区域
10个提供免费CSS教程的顶级网站
CSS可以说是HTML最好的基友了，相信很多同学html和css都写的不错，但是js却一直难以攻关，所以我们这里就不提这一壶了。 言归正传，现在有很多提供CSS教程（包括例子说明、小测试、参考选项以及在线的编辑器）的网站，今天分享的这10个网站，你可以通过他们获取一些小而美的CSS教程，甚至是毫无经验的新手都可以在上面学习体验CSS的魅力。如果你的问题为：什么是CSS，它是怎样被创造的，它如何运行工作，有哪些基本语法？所有这些都可以在这个网站得到答案。 大名鼎鼎的网站，提供全面的学习、测试、设计语言的培训，且范例都是最优简化过的，在这个网站上你会对那些概念有更加明了的理解。幸运的是，它也有中文网站：www.w3school.com 同样非常棒呢^_^ 同样是家喻户晓的网站，它给网站的发展制定了标准，童鞋们也可以在上面学习。一个令人难以置信的教程网站，为新手提供专业的CSS教程！
详细解析日系网页设计的现象和本质
在很多人眼里，日本是一个隐忍、充满禅意的国家。以寺庙、茶道、电子产品而闻名。既传统，又现代。日本的建筑设计、书刊设计受世界瞩目。但是不知怎么的，日本的网页设计风格很怪异。有点像1998年的网页风格。RakutenNicoNicoDougaGigazine看看日本这些最流行的网站(比如 Goo, Rakuten, Yomiuri, NicoNico, OKWave, @cosme)，你会发现他们都有共同点:文字排布紧密图像质量偏低
2013年网页设计五大颜色趋势总结
对于网页设计来说，2013年是一个复古年，因为在这一年里我们看到了太多的复古颜色组合。在Pantone色彩研究机构将祖母绿作为2013年官方用色之后，时尚、室内设计、平面设计等行业紧随其后，纷纷使用基本颜色轮定制自己的年色。那么今天，我们就来回首一下，2013年网页设计最流行的色彩趋势。希望这些知识能在新的一年帮到你。01. 棱角鲜明的深色调Twelve Restaurant & Lounge Bar的网站，非常高贵冷艳，极具现代化气息通常在网页设计中，黑色的作用是强调，因为你很难在黑色背景中读出什么东西来。但是在2013年，黑灰、黑棕、黑蓝却频频被用在了网页中，作用是将读者的目光吸引到文字上。这种颜色通常用在奢侈品网站上。Twelve Restaurant & Lounge Bar，也就是上面那幅图，用黑色给顾客营造了一种非常冷艳高贵的感觉，文字部分的颜色比背景要深，这样更能突出文字，看到这个网站，我就不禁想起了那句”高端大气上档次”。02. 明色搭配灰调2013的PayPal的网站。网页设计师也非常喜欢用灰色，传统的灰色稍加改动，就有了俏皮可爱的赶脚。这种灰色再配上明亮的暖色，简直就是天造的一对，地设的一双!PayPal的网站中，设计师使用了淡灰色作为背景，搭配上亮丽的蓝色，将人们的目光紧紧锁在了网站的主要元素上，是充满智慧的颜色设计，不得不说这个设计师真鸡汁!网站中最常用灰色的地方是导航呦~03. 来自大自然的亮色调
网页设计技巧之文字排版设计心得
你看起来很好吃?在这各类资讯爆炸的时代，如果说资讯是我们必需喂给用户的食物，那用户往往会是一群偏食厌食的宝宝，如何让他们乐意吞下这送到嘴边的食物呢?好吃!好吃当然受人喜欢，但真的好不好吃、有没有营养做为设计师的我们还真决定不了，不过”看起来很好吃”那便是我们的活儿了。说说——信息的图形化设计剥皮、挑刺、嚼碎。分行、标识、加重点。正如F型的阅读排版研究只是针对食物的食用性问题在一定程度上解决了”有阅读需求”的用户的扫描性阅读，但对于偏食厌食的宝宝们来说并无多大的作用。所以除了哼小曲扮鬼脸外，我们必需对食物进行有效的包装和加工。如果它激发了你的食欲，那我们就继续往下看吧。煎、蒸、炒、炸正如食物加工的方法一样，大偏幅的文字同样也有着它几种可归属的逻辑关系。把握了这几种基本的逻辑关系，我们就可以添油加醋，使其看起来简单有趣充满食欲啦!想想——并列型、对比型、流程型
详细解析网页设计优秀WEB登录页面设计技巧
关于登陆估计大家每天使用的都很频繁了，每次上网都会习惯性登陆下微博，淘宝，邮箱，空间等，在每天进进出出无数门户的时候有谁又曾在密码不错误的情况下停留在WEB登陆页面看一眼呢?下面就谈谈这道不起眼的门。从公共平台的角度看用户活跃度是检验产品成功与否的重要指标之一，传统行业的商家极为重视门面的装潢，因为一个好的门面可以聚集人气，招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究，有一定的风水学说道理，更能彰显主人家的身份地位.由此可见，“门面’就如人的脸面之于人的形象一样重要，而WEB的登录页面就相当传统的“门面”。从个人博客的角度看个人登陆页面一般只有自己会用到，所以别人基本是看不到的，但也不排除像我一样无聊什么都好奇的人存在，什么都想看看，什么都想改改的。那么个人登陆页面的设计就完全是抒发个人情感，体现自身个性的一个地方，你完全不需要在乎它的交互是否友好等问题。你的地盘你做主。各大网站的WEB登陆现在越来越多的大型网站把登录和首页放在一起设计，由此可见登录页面的重要性，一个出彩的登录界面，将提升产品的品质，赋予产品独特的气质，登录界面也是一个发挥情感化设计，提升用户体验，拉近与用户之间距离的兵家必争之地，本文不谈趋势，不讲交互大道理，不涉及技术，就侃侃用户登录页面的一些设计表现形式。希望这些设计表现手法能给大家带来一些启发和灵感。优雅大方如果说iPad是介于传统电脑和手机之间的产品，那么tumblr则是介于blog和twitter之间的服务。相比twitter，它的功能更复杂、内容展示性更强、更加重视多媒体的应用。Tumblr做为轻博客的鼻祖，带来一种全新的视觉体验， 安东尼·德·圣-埃克苏佩里曾说过，“完美就是多一点则太多，少一点则太少。” Tumblr的登录页面没有过多的视觉干扰，优雅大方，一切元素的存在都是为了用户更好的登录，登录过程非常流畅。
25个免费的视差滚动插件页面设计欣赏
以前我们通过优秀字体、配色让网站变得舒服，现在我们通过视差滚动让网站拥有由上至下一站式的视觉震撼效果，访客只需滑动鼠标滚轮就能体验到，你可以利用今天提供的这25款免费的视差滚动插件轻松实现，每款插件都有提供Demo，设计师喃们感受一下。Scrolld.js
浅谈电子商务网站网页设计的设计七要素
今天是2013年十二月六号星期五，对于西方人民来说，这个星期五是”黑色的”。为什么呢?有两种说法，第一种看法较为普遍，因为这是每年感恩节后开业的第一天，人们通常由此开始圣诞节大采购，很多商店都会顾客盈门从而有大额进帐。而传统上用不同颜色的墨水来记账，红色表示亏损即赤字，黑色表示盈利。所以把这个星期五叫做黑色星期五，用以期待这一天过后，年度营收由负转正;第二种说法是因为耶稣死在了星期五，所以人们认为这一天不吉利。那么我们今天要说的就跟星期五有关，终于星期五了，大家要过周末了~很多累了一星期的上班族不想出去，可是有东西要买啊，怎么办?那就网购吧。随着大数据时代的到来，网购越来越盛行，作为一名网页设计师，你有必要知道怎么设计网站才能取得更多的利润和满意度。只有将普通浏览用户转化为实际购买用户，你的网站盈利能力才能提高。怎么提高这个”转化率”呢?很简单，提供舒适、愉悦且有效率的购物体验。因为只有你的网站让用户用的开心，用的高兴，他们才会买账。记住：满足他们的欲望，你才能持续性的盈利;忽视用户的需求，你一毛钱都赚不到。下面是今天要跟大家讲解的七个要素，let’s go~1) 读懂你的顾客这个问题看起来很白痴吧?但是很多电子商务网站都没做到。弄懂顾客的情绪对于促使他们购物非常的重要。 用户是否会购买某样商品取决于商品描述和顾客所见，如果你没有展示出他们想知道的信息，这个单子就会像蝴蝶一样飞走了。 Disney Store 就是一个很好的例子。这个网站设计师知道顾客都是小孩儿，所以他们将卡通人物放在网站首页展示，这样会给小女孩儿一种购买的愿望。2) 使用产品信息去抓住用户众所周知，广告会激发人们的购买欲望，如果某样东西没有被炒得火热，人们是不愿意购买的。所以产品信息必须在保证真实的基础上，放大细节，尽可能的诱人，这样才能更有效的吸引顾客。 星巴克就是一个很好的例子【Caffe Vanilla Frappuccino Blended Beverage page】它的产品信息栏不仅有诱人的实体展示，有很多不同口味的饮品让你选择，这样让用户有很大的选择空间，用户自然而然就会高兴咯。
即将消失的网页设计趋势
如果你期待在新的一年里有出色的改变，那么该来了解一下网页设计的新趋势，特别是那些该被抛弃的设计，在这里我们列举了一个清单，它们有的是坏的设计，有的曾在2013年耀眼过，但现在关注度已经大降，现在，是时候对它们对再见了。一、首页滑动Banner这些引人注目的banner有一段时间很流行，它们拥有明亮的颜色、丰富的信息、互动良好的界面，但由于它们分散性太强，很快就被其他更加优秀的设计代替，例如视差滚动网站和单页网站。二、大量的填写表单获取用户的信息对网站运营的某些环节(反馈、推送资源等)的确非常有必要。不管是电商网站还是个人博客，这都是与用户交流的方式之一，但当一整页的选项与填空呈现给用户时，用户会怀疑你的动机是交流还是营销。成吨的问题只会迫使访客疏远网站，必须意识到这一点。如果你还没有意识到这一点，建议阅读这篇向左走、向右走?表单元素设计大揭密，会让你对表单有全新的认识!而那些创意十足的表单也会使用户更加乐意花时间去填写，也许你该学学如何告别平庸，创造新颖的表单设计赏析三、圆形徽标的脚本使用圆形脚本，然后填充LOGO、文字曾经是非常流行的设计方式，但现在它已经成为一种被过度使用的设计，设计公司和个人博客都在避免使用它们，我们也是时候抛弃了。
17个最有效的网页登录页面设计欣赏
好的网站需要有好的设计。好的设计就不可少的需要一个优秀的交互登录设计。最近我们发现越来越多的网站开始剥掉之前的设计思想。开始设计出和世界优秀网页接轨的节奏。我们很希望看到这样的现象越来越多。让网页看起来更舒服，操作更便捷才是每一个公司企业和设计师共同需要努力和面对的事情。今天我们要分享给大家的就是这样一些优秀的国外登录页面的例子。希望大家能从这些例子中得到启发和灵感设计出更多优秀的页面来。PreziinDineroShipmentChartbeatCollegeFrog