这篇文章是关于个人比较在意的高端感觉配色和设计相关的事情，所以试着写一下这个题目的文章。体现高端感觉的网站，不限于行业种类，在各行各业中都 有体现。作为初学者的时候，都会有“如何能做出这样的设计？怎样可以体现出高端感觉？…”的烦恼。这里通过汇总多个这种类型网站去试着体会一下。（注：部分参考网站的配色和设计现已更改，与本文截图稍有差异）有高端的配色想要体现出高端感觉，针对不同的行业、不同的对象所采用的表现方法是不同的。想要向男性与女性展现出高价格？或者是高级品却没能体现出高品质？针对各种各样的情况必须有不同的应对，这里是从各个行业种类找的参考。美容1、HACCI以白色的背景为底色，logo的配色即使是使用了米色也能体现出清爽感和高级感。并且使用了不会破坏优雅气氛的图片+简短的文案。链接地址：http://hacci1912.com/2、クレ・ド・ポー　ボーテ这也是高级化妆品的品牌网站。因为主体使用了黑色作为配色，打开时会留下很强的成人感觉。为了体现出成人的气氛与考虑到配色的统一，其他用色也与商品都使用了同样低明度的紫色。这里同上面介绍的网站相同，为了能体现出高品质的感觉而保留了最低限度的信息。链接地址：http://www.cledepeau-beaute.com/jp/潮流品牌1、Tiffany （蒂芙尼）著名的蒂芙尼网站使用了绿松石色。排版简洁并且使用了企业色。使用红色缎带的照片 ...继续阅读 (25)

俗话说“不以規矩，不成方圆”，对于很多知名品牌而言，都有一套完整的设计规范，以此来规范企业对外品牌化的统一管理。本文整理了30个国际知名的品牌，供设计师参考。1.Skype链接地址：http://issuu.com/bondo/docs/skype_brand_book_-_look2. Sony链接地址：http://issuu.com/bondo/docs/logo_name_and_logo_guideline3. Apple链接地址：http://issuu.com/bondo/docs/apple_identity_guidelines4. STARBUCKS链接地址：http://issuu.com/bondo/docs/qsr_starbucks__we_proudly_serve__lo5. Microsoft链接地址：http://issuu.com/janjaneczek/docs/microsoft6. McDonald’s链接地址：http://issuu.com/corporateidentity.blog/docs/guidline_mcdonalds7. KFC链接地址：http://issuu.com/janjaneczek/docs/brand_book8. hp链接地址：http://issuu.com/isabelsigaris8/ ...继续阅读 (35)

每部电影都蕴含了制作者的大量心血，从编剧到导演，从道具到服装，当然海报自然也不例外。今天，我们就和大家解读一下那些以字体为主的海报。按照英文字体风格海报、中文字体风格海报和站酷字体风格海报的顺序和大家一一分享，每个类型列举了20张电影海报，和小编的评价，总共60张，本文为第二部分（21~40），大家慢慢看，细心体会。其余海报请见：《处处涨姿势！从电影海报中学字体设计（一）》《处处涨姿势！从电影海报中学字体设计（二）》站酷字体风格不知从何时起，「站酷味」这样的说法在设计圈子普及起来，倒也不是说字体设计的不美，只是造字手法过于流程，缺乏情感，这样的电影海报也是乏善可陈，不胜枚举，这个我们权当反面教材，给大家提醒而已。41、畫皮 (2008)电影海报的设计师估计来自县城，字体处理的毫无节奏，可以说是太过水了。 42、一步之遥 (2014)能看出海报的确很用心的在设计了，不过这样的用心，并没有达到应有的效果，配上烂大街的某正字体，这电影估计也是要烂大街了。 43、疯狂72小时 (2014)电影就不说了，海报字体基于字库也很常见，问题是设计师真的认为这是一部儿童片么？一大波笨观众来袭吧。 44、白日焰火 (2014)电影可以获奖，但那毫不沾边的字体硬生生的摆在那里就是设计师的不对了，设计字体的人如果连电影讲的什么都不知道的话，这不就是文不对题乱弹琴么。  ...继续阅读 (368)

每部电影都蕴含了制作者的大量心血，从编剧到导演，从道具到服装，当然海报自然也不例外。今天，我们就和大家解读一下那些以字体为主的海报。按照英文字体风格海报、中文字体风格海报和站酷字体风格海报的顺序和大家一一分享，每个类型列举了20张电影海报，和小编的评价，总共60张，本文为第二部分（21~40），大家慢慢看，细心体会。其余海报请见：《处处涨姿势！从电影海报中学字体设计（一）》《处处涨姿势！从电影海报中学字体设计（三）》中文字体为主的电影海报多见于国产电影（外观电影的中文海报除外），中文字体的变化也能在一定程度上呼应电影的整体情绪，渲染氛围，强化主题，好的中文电影海报的确能做到，话不点透，其意已到的高级境界。21、黄金时代 （2014）错误的演员选择，拖沓的剧情，脱离原版小说似乎都不能掩盖海报的光芒，国产电影中少有的海报手法，无论是单人海报还是多人海报，硕大的汉字笔画与人物的空间关系的对比，视觉冲击感很强，反观黄金时代这几个字还是造字工房的那一版更耐看些吧。 22、一代宗師 （2013）不管3D重映是不是骗钱的表现，我们都能从海报中的字体设计捕捉到“功夫”的精髓，组中有细，收放自如，略带透视的字体组合显得很有动感，视觉效果非常另类。 23、投名状 （2007）海报的设计者很用心的从爨宝子碑上提取了这几个字，比有些那啥强多了。 24、歲月神偷 （2010）电 ...继续阅读 (360)

HR大约只需要6秒钟就可以浏览完一封简历，相当于Vine的一则视频时间。所以，如何让你的简历在短时间内脱颖而出显得很重要，尤其当你从事设计行业的时候。本文精选了36封简历设计供大家参考欣赏，每一封都印有强烈的个人色彩，或许还能给你带来一些灵感。更多设计师简历模板：《35张设计师的创意个人简历》《设计师专用简历模板，肯定有你需要的》1.Leonardo Zakour链接地址：https://www.behance.net/gallery/SELF-PROMOTION/11993472.Ana Lourenco链接地址：https://www.behance.net/gallery/Infographic-CV/54298093.Errol Veloso链接地址：https://www.behance.net/gallery/-Resume-Self-Promotion/36503434.Alysa Choudri链接地址：https://www.behance.net/gallery/Personal-Stationery/82321015.Navdeep Raj链接地址：https://www.behance.net/gallery/My-Resume/62175876. Daniela Milier链接地址：https://www.behance.net/gallery/DM-P ...继续阅读 (31)

每部电影都蕴含了制作者的大量心血，从编剧到导演，从道具到服装，当然海报自然也不例外。今天，我们就和大家解读一下那些以字体为主的海报。按照英文字体风格海报、中文字体风格海报和站酷字体风格海报的顺序跟大家一一分享，每个类型列举了20张电影海报，和小编的评价，总共60张，本文为第一部分（1~20），大家慢慢看，细心体会。英文字体风格英文字体为主体的电影海报，国外的占比最大，26个字母加数字，变化却是无穷，有的呼应情节，有的暗喻主题，总之，国外的设计师对电影的理解在海报上表现的非常到位，很有范。1、大鱼 Big Fish （2003）鬼才导演蒂姆波顿在2003年时完成的一部富有奇幻色彩的影片。海报中影片的名称《BIG FISH》占据了主要位置，由地下生长出来的字体之树生发出奇异的枝桠（了解蒂姆波顿木偶系列电影的同学一定对这个圈圈非常熟悉），奇幻、神秘色彩和影片 中的故事相互呼应，味道很足。2、无间道风云 The Departed （2006）无间道的美国版，抛开电影本身好坏不提，海报字体与画面使用了正负互补的手法，就像是卧底一样，很难被人一眼看透。 3、爵士春秋 All That Jazz （1979）1979的一部歌舞电影《爵士春秋》，画面的主体是由舞台用的灯，组成的影片名称，夸张的透视效果，营造出很强的现场感，另一方面也衬托了舞台演出背后的孤寂，没错这一切都是爵士。  ...继续阅读 (12)

2015上半年已经告一段落，几家大型企业纷纷选在今年给自己换了全新形象，相对于品牌重造，升级都是需要非常小心翼翼的，品牌价值就在细微的取舍之间，捕捉到了是种跨越，丢失了那就是非常可惜的。今天大大来盘点下几家大型企业的品牌形象升级事件，一起来回顾下。最东方的升级：万达影业评点：作为商业地产的土豪万达旗下的影业自然备受关注，这次的升级完全抛弃了之前的立体金属感，也没有了集团的符号 标，从中英字体设计上完全独立开，这个也是一个品牌过度后的独立体孵化，这次设计用东方的理念和视觉来诠释影业，一个中文印章还是颇有中国味道，中英文字 体都很整洁，细节也比较耐看，算是一个高级的视觉升级。 争议最大的升级：万科集团评点：地产行业老大的升级吸引各行各业的关注度，又是恰在5.1劳动节，必然会引起轰动，但是因为有提前的谍照，很 多同行前几日已经知道，这次的升级也是颇为大胆，去图形化，将字体logo作为核心来演绎全新的品牌形象，字体偏细，大大当时就在猜万科这是在往互联网城 市配套端转型么？新标设计者为著名设计师韩家英先生，就投票来看，认可和质疑的人数各占一半，需要市场检验（当然，我个人现在看来还是不错的） 跨越最大的升级：美即面膜评点：作为大师原研哉操刀的项目，这次美即品牌形象的升级事非常大的，刚开始有很多网友不太理解，问卷调查后对这个 设计认可度还是非常高的（可能后来知道是原研哉执笔吧 ...继续阅读 (11)

写的这篇文章，是出于某一位平面设计界的大师的敬仰，他的每一张海报我都琢磨过很长一段时间。——这位大师是原研哉。提及平面设计界的大师，原研哉是其中我最敬仰的一位，我非常喜欢原研哉的设计作品，他的设计既简单却蕴含丰富的情感。每当我们谈及原研哉的设计理念时，总 会谈及到“白”、“触知”和“容纳性”。虽说读过不少原研哉关于设计的著作，也反复地琢磨过原研哉大师的作品，可还是用了很长的时间才把这些模糊的概念转 化为清晰的认知，那么在这篇答案里，就以如何解懂大师的设计理念，和大师又是如何将其运用海报设计上的问题？我来谈一谈自己的理解，来回答题主“大师是如 何设计海报”的问题，本文若有不足之处，还望海涵。1.还原色彩的本质在理解大师是如何设计海报之前，我曾经思考一个问题，在大街上这么多的商业海报，它们都运用着大量高调的色彩依然无法吸引我们，反而原研哉的海报那大量的留白，却更能触动我们的神经，这其中的道理是什么？传统的色彩教学告诉我们，色彩会传情绪。比如在上图中，上面的文字描述了白色会传递哪些情绪，但是我们就盯着上图的白色看，真的会感受到下面描述的情绪 吗？其实我们心里非常清楚，我们根本就感受不到任何的情绪。这是因为，我们所看到的色彩，并不是它们原本的的样子，还原色彩在人类心理传递情绪的过程，就 会发现，色彩原本是拥有着它们各自的“载体”的，比如我们在外面会看见“白云”、“蓝天”和“绿叶”，这其中“ ...继续阅读 (11)

在TUTS+上看到的教程，挺喜欢的，就自己跟着做顺便翻译了出来。初看完成图时也分析是怎么个过程，但没想到只是通过调整图层样式和各种字体参数，就可以有这么漂亮的效果。本人初学者，从这里学到了一些东西，希望也能帮到大家。首先，这个教程需要的两款素材已经上传到附件里；然后，英文原版讲的比较细，在这我省略了一部分个人认为不影响理解的部分，因为那样弄起来实在是太长了。最后，如果有哪位同学看不懂或者觉得比较跳跃，可以留言或者私信哈。下面就开始啦~1.制作背景①首先把附件里的图案文件、字体文件安装到电脑里。②创建一个600*500px的文件，分辨率72即可。③复制背景图层，命名为“Background Pattern”。④给这个图层填充图案，打开图层样式-图案叠加，选择刚才添加的图案，其他参数如下图。每次使用这个图案，不要忘记点一下贴紧原点哦。⑤为了让中央部分显得比较亮，需要调节图层样式-内阴影，参数如下，其中的色值为#0e323b。⑥接下来加一圈反射光，调整图层样式-斜面和浮雕，参数如下。高光色值为#e59804，阴影色值为#333333。光泽等高线参数如下：①输入:25,输出:30,边角不勾选；②输入:50，输出:100，边角勾选；③输入:75，输出:30，边角不勾选。效果如下：2.文字部分①输入文字“SHINE”或者其他单词字母，字体使用刚才安装的，字号180pt，锐利，图层命名为“Shi ...继续阅读 (21)

格式塔心理学的连续法则说明了我们的眼睛会将多个对象连成一条路径连续性是眼睛的一种本能反应，我们倾向于将观看的多个对象形成一条路径。这条路径，可以是想象出来的，也可以是文字含义所提示的。北斗七星的勺子形象就是一个想象出来的路径虽然上面的星星排列并无规律，但我们的眼睛会自动将上面的星星连成一条路径。这条路就是文字本身的含义让我们连成一条路径因为我们脑海里已经对“路”有了一个明确的概念，所以就算上述的图片中小路看起来是断断续续的，但我们的眼睛仍然是“看到”一条完整的路。 连续性会将对象连结在一起尽管上述的线条中间断开，但格式塔的连续法则理论说明了我们的眼睛会自动将这个断开的部分补上，形成连续性。 而且我们在心理上还会顺着这条线的两个终点继续延伸。 就算在毫无关联的对象上，连续性仍然产生作用，在上图中，我们在脑海里会在线条与圆点之间搭起一座视觉的桥梁。 断开的线条形成了一种张力利用连续性的心理法则，我们可以在设计中创造一种张力——从而形成一种吸引力。上 图是一家银行的大学生教育贷款宣传，宣传语为“你的大学教育从我们开始，现在申请可获低利率贷款”。整体上看并不差，学生排列图片呈现的水平方向与同样水 平分布的文字互相形成强有力的视觉效果，也呈现一种简洁清晰并容易观看的效果。但问题是，想象你也是他们中的一员，你可能想到的是这个队排得太长了，不知 要等到猴年 ...继续阅读 (145)

Robert Gonsalves是一位来自加拿大的艺术家，他的绘画作品通常都会令你十分费解。当你浏览的时候可能并没有发现什么不对，但是你仔细看的话，会发现这些插画简直是绘画界中的“盗梦空间”！让你不禁怀疑在他的这些插画中是否有真实的东西存在。转自：@数英网 | DIGITALING ...继续阅读 (27)

方向不对，努力白费！那未来的设计趋势是怎样呢？小派参考大量相关文章，结合自己的理解，整理出下面十大设计趋势，期待对大家有所启发，欢迎吐槽！一、设计界限会逐步消失在未来的五年，传统的平面设计师、UI 设计师和技术人员之间的界限会逐渐模糊、以至于消失。Jony Ive 就接管了苹果的产品设计，今后这一类跨界一定会变得越来越多。这也意味着，对设计师来说跨平台设计的能力变得越来越重要，寻找结合点变得很关键。——Mike Treff，Code and Theory 的产品设计组成员 二、设计将更多地基于“人”运行系统本身人 类基因组计划和其他的一些研究结果让科学家们对“人”的运作方式有了更深的理解。这些革新性的认识也将被用于设计上——不管是规划一座城市还是设计一把椅 子，设计师们都可以借助这些理论来思考：什么设计能激发人的创造性？如何创造更强的归属感？如何真正的消除干扰、引发更深层放松？——Ben Watson，Herman Miller的执行创意总监 三、“高设计感”会抬高公司的估值理解和运用设计语言将成为衡量一家公司的关键因素。“设计感”会被抬升到一个和运营能力一样高的位置。——Robert Brunner，Ammunition Group 创始人 四、设计师要学会玩数据设计和经验有关，也和数据分析有关系。设计师要学会玩数据，用数据来打造日常物品的新定义，使产品变得更聪明、更有效。——R ...继续阅读 (16)

一幅优秀的海报，往往具有很高的设计水准，对图形、文字、色彩等设计元素运用相得益彰，提升视觉表现力的同时又具备独特的艺术魅力。字体设计也是其中非常重要的部分。它是传达电影信息的重要载体，经过艺术化设计以后，可使文字形象变得情境化、视觉化，强化了语言效果，对提升海报设计品质和视觉表现力发挥了极大作用。黑白彩色撞色来源：中国设计网（微信号：cn-sheji）原标题：海报中的字体设计 ...继续阅读 (14)

虽然说留白不是万能的，但轻度留白却可以有效解决平面设计中的实际问题，掌握轻度留白的理论，可以大大提高自己的工作效率与过稿率，本篇文章带你详细了解平面设计中的留白。一、留白的四个关键属性：韵味、空间、焦点、呼吸留白最有代表性的作画就属于宋代马远的《寒江独钓图》，空白之处有种是一般耐人寻味的境界，而这就是利用了留白而产生的结果。我在我的站酷的一篇文章《如何做出空间感》里说到过，缩小主题的面积，让其周围的留白面积更大，空间感就会增加，这个理论与此画面是一样的。如 果想用留白的技法来设计一个画面，就要明白少就是多的道理，元素越少，人的视觉注意就不会背其他无用的元素抢走。这个道理不光是针对留白这期内容，也针对 我们平时的设计思维中，我在《做简单的设计》那一期直播课说到过，不要被素材绑架，不要认为在画面中放置很多元素就能把设计做好。留白的呼吸属性我们可以想象成周围的空气，但空气中的颗粒物（元素）特别多时，人的呼吸也会感觉不透彻。二、平面设计中留白的两个常见误区留白最常见的误区，就是认为是留出白色，事实并非如此，留白的真正含义是留出空间，背景可以是白色，也可以是黑色亦或是其他颜色，也可以是没有过度装饰的，整体看来是简洁的设计风格。三、留白的气质调性：雅致、高端、文艺、轻盈为了说明留白的气质以及杜绝对留白的认识误区，在这个章节，我会从素材网站上找一些图，进行留白的修改。设计原稿这个设计稿的硬伤比较 ...继续阅读 (15)

扁平化设计的时代正在终结，或许不会一蹴而就，却的确在逐渐衰亡。最有力的证明就是这种崭新的渐变潮流正在兴起。相比在web 2.0时代见到的那种渐变，它们更加细致微妙。坦白说吧，渐变再度盛行了！我列出了20个主打渐变形式的崭新网页设计。其中有些非常微妙，另一些则极度鲜艳；不论哪种，渐变都是一种为你设计添彩的有趣手法。VO2 GroupVO2新网站的欢迎页面采用了非常规的设计，大量不同元素层层叠加。树洞般的设计造就了这个网站！很有意思，与众不同。背景元素之一——三角形——呈现了轻微的渐变。就此而言，它为三角形元素增添了视觉吸引力。Melanie F – Look BookMelanie的look book采用的布局方式，在时尚类网站中愈发流行，其中文字置于图片之上，两者却不粘连。在本例中，介绍文字呈现在网站页头的矩形上方。矩形中填充了绿色与紫色的渐变，很显然，它有助于吸引视线。Adoratorio这家设计机构以特别的方式运用渐变，将它用在了文字区域上。独具一格，相当酷炫。这种方法确实能巧妙地将文字风格化，非常管用。Qards甚至我们Designmodo Qard的着陆页也展现了多种渐变。大多页面都被分割成小块，背景填充了不同的渐变色。截图中的页面用的是橙色，其他页面则用了由浅到深的蓝色或绿色渐变。渐变的背景为网站设计增添一种独特的格调。SymoddSymodd的首屏，或者说介绍部分，主打 ...继续阅读 (14)

其实在此之前已经有很多小伙伴翻译或总结过类似文章来分析优秀网页设计的趋势，不过我还是希望我总结的东西能更宏观一点并为大家带来一些新的东西。稍后看官们可能会觉得我说的这几点可能你们都见过或者自己也在一些项目中运用起来，没错，没见过就不叫趋势， 哈哈！而将这些东西进行总结然后运用在自己今后的设计中，这样我们才能紧跟潮流并逐渐引领潮流，否则将只是走马观花。我们通过几个网站以及看官记忆中的网站一起探索吧，虽是管中窥豹，但趋势可见一斑！一、平面设计在网页设计中的崛起以前我们可能会觉得平面设计和网页设计以及UI设计有很大的区别，会平面设计的人可能未必能做好网页设计，但这样的观念是时候革新了。实际上好的平面设计师会将自己的平面设计功底融合到网页设计当中，如果我们在学网页设计的时候只是参照网站设计，那我们永远无法突破。不论是用平面设计作为背景也好，或者是用平面设计的元素作为网页控件或者装饰也好，实际上好的平面设计会大大提高网站的视觉冲击力。所以未来的UI设计师也必须是一个不错的平面设计师了，或者统称为视觉设计师，加油！GROBAWIT二、全屏首页（首页大图、视频背景、特效背景、交互式首页）全屏首页是一种欢迎页面或者着陆页的形式，当前网站五花八门，能在第一时间内传达网站或企业的精神并吸引用户继续浏览的重任逐渐落在了这个全屏首页 的肩上。不论是图片背景还是视频背景，视觉冲击力和痛点抓取力度成为了首页的 ...继续阅读 (13)

这是一个给自己准备的字体学习课。开始的初衷是想解决工作中一些关于字体的疑问（如排版、LOGO设计等），同时也想通过回顾设计的基础知识来提升自己。所以给了自己这个课题，作为初学者只接触到一点皮毛，整理分享出来，如有不足之处烦请指正，所有参考文章标注在文末。「字体排印」位于语言、文化、科技、美学的交汇处，是一个内涵与外延非常丰富的大话题，这次分享仅选择一些基础的有用知识。英文字体最简化的分类：衬线体、无衬线体。二者区别在于衬线体有爪形的衬线并且笔划粗细有变化。一．衬线体非常古老，可以追溯到古罗马时期的石柱铭文。它风格古典、正式，具有历史传统和意义。按照历史发展顺序，衬线体可分类为：古罗马体（Old roman），旧风格字体（Old style），过渡字体（Transitional），现代字体（Modern）。我们选取其中两个节点——Old style和Modern字体，通过对比两者特征，就可以理解整个衬线体的发展。旧风格字体（Old style）：特征：对角强调线，倾斜、括弧型衬线，较缓和的粗细过渡。风格：传统，常见于书籍、报章杂志的内文排版。现代字体（Modern）：特征：垂直强调线，水平、极细衬线，强烈的粗细对比。风格：横平竖直，现代感，高冷。总结起来，在整个衬线体发展中，笔划对比变得越来越强烈，衬线越来越尖锐纤细，过渡字体的笔划粗细和衬线弧度恰好介于Old style和Moder ...继续阅读 (19)

作为摄影师们后期常用的工具Photoshop，它强大的功能毋庸置疑。但在后期制作中，对于各项工具的使用原理你清楚吗？就比如图层窗的混合工具，在它如今的下拉菜单中，已经增加到了27种模式，再加上不透明度和填充的流量不同，所形成的效果更是多不胜数。那么，为了让大家更加了解混合工具的使用，小编带来了这27种模式的原理，希望能够为大家的后期带来帮助。1.正常模式（Normal）默认模式，显示混合色图层（蝴蝶图层）的像素，没有进行任何的图层混合。这意味着基色图层（背景图层）对蝴蝶层没有影响。2.溶解（Dissolve）将混合色图层的图像以散乱的点状形式叠加到基色图层的图像上，对图像的色彩不产生影响，与图像的不透明度有关。在图像的填充和不透明度都是100%时，边缘的效果是最明显的，像下图的蝴蝶图层中，蝴蝶的边缘点状像素效果就比较明显。3.变暗（Darken）在该模式下，对混合的两个图层相对应区域RGB通道中的颜色亮度值进行比较，在混合图层中，比基色图层暗的像素保留，亮的像素用基色图层中暗的像素替换。总的颜色灰度级降低，造成变暗的效果。如下图中，相对应区域中基色图层中较暗的铁锈就会被显示出来。4.正片叠底（Multiply）将上下两层图层像素颜色的灰度级进行乘法计算，获得灰度级更低的颜色而成为合成后的颜色，图层合成后的效果简单地说是低灰阶的像素显现而高灰阶不显现（即深色出现，浅色不出现，黑色灰度 ...继续阅读 (23)

Hi~ o(*￣▽￣*)ブ ~大家好~，我是爱卡，不知道大家是否有想过把照片变成水彩呢?下面是我通过photoshop制作出的各种类型的水彩效果图哦~看完有兴趣的小伙伴就接着看制作过程吧~下面就以狐狸为例子来简单讲解一下用photoshop制作水彩效果的过程。 完成图 原图我们首先要将狐狸抠像并提高自然饱和度(这里简单抠图就可以，我个人习惯用快速选择工具搭配调整边缘来进行快速抠图)。之后通过滤镜—滤镜库-艺术效果-水彩效果，来分别制作3个不同的明暗层(用于后面通道层里来提取明暗，这里要适当的提高对比度做到黑白交界线分明，部分有瑕疵的位置可以通过涂抹工具来修平)。后面导入水彩素材并分别建立如下图的蒙版和图层混合模式的设置，不同的照片会不同的设置(这里要进入通道按住ctrl+略缩图来提取选区)。完成以上步骤后就会得到下图：再接下来需要叠加水彩的质感素材，就是如下图类型的素材~叠加素材还是需要用通道来回建立蒙版(如下图所示完成其中一个局部的素材替换)。按照上述操作反复操作(可能会有十几层，这里需要注意按照边缘来替换，同时注意嘴部眼睛等细节)。这样一副用Photoshop制作的水彩效果的图片就完成啦~( ｡ớ ₃ờ)谢谢观看哟~作者：爱卡IXCat ...继续阅读 (31)

海报、宣传网站是一部电影前期重要宣传之一，所以这些宣传设计质量必须要重视，因为这些可能会直接影响到票房。为了更吸引用户，很多网站或海报设计重点放在视觉表现上，用震撼的视觉效果来吸引用户眼球。今天我们为大家整理2015年的电影相关宣传网页设计作品，这些网站不仅视觉效果优秀，而且还使用了当前流行的HTML5前端技术，加入了很多动画特效，超Cool!超赞！当然要注意的是，在制作这些网站除了考虑视觉特效外，还有一个重点就是把“社会化分享”做明显一点，让用户参于分享，或做一些与用户互动的特效来结合社会分享。接下来一起欣赏2015年视觉效果很棒的电影网站，也许会给你带来很好的网页设计灵感哦！Ex MachinaThe HobbitCinderellaThe DivergentMortdecaiFifty Shades Of GreyFocusChappieSan AndreasKingsmanJupiter AscendingPaddingtonAmerican SniperJurassic WorldStill AliceInterstellarTerminator GenisysGods And KingsFurious 7The Imitation Game 原文：设计达人 ...继续阅读 (23)

本教程主要使用Photoshop合成鹿角燃烧特效的森林鹿王，作者合成图片的方法非常细腻，过程：先合成一幅教暗的背景图片；再加入鹿，并用火焰素材给鹿角部分增加火焰；再根据光源位置，给鹿局部及地面部分增加火焰反光即可，喜欢的朋友让我们一起来学习吧。难度：中等耗时：中等教程所需要的素材：最终效果1、新建一个2000 * 1734像素，分辨率为72的文档，如下图。2、打开背景素材，用移动工具拖进来，并转为智能对象。3、选择菜单：滤镜 > 模糊 > 高斯模糊，数值为8，如下图。4、再打开背景素材2，用移动工具拖进来，同样转为智能对象。5、添加图层蒙版，用黑色画笔把下图选区部分擦出来，露出背景1局部效果6、对背景2选择菜单：滤镜 > 模糊 > 高斯模糊，数值为8，如下图。7、创建曲线调整图层，把高光部分压暗一点，参数如下图，确定后按Ctrl + Alt + G 创建剪切蒙版。8、创建色彩平衡调整图层，对中间调进行调整，参数设置如下图，确定后同上的方法创建剪切蒙版。9、打开岩石素材，用多边形套索工具把岩石部分选取出来10、把选取的岩石用移动工具拖进来，选择菜单：编辑 > 变换 > 水平翻转，确定后转为智能对象。11、给岩石图层添加蒙版，用黑色画笔把一些不需要的部分擦掉，如下图。12、套索工具选择下图所示的岩石，然后右键选择“通过拷贝的图层”。13、然后调整岩石的大小，如下图。14、选择大岩石图层 ...继续阅读 (21)

使用 Photoshop 新绘图板的 4 条小建议Adobe 在数周之前发布的新版本中引入了绘图板，大家总算是看到 Adobe 憋了一个大招！如果你没法理解为什么绘图板是如此重要的新功能，那么请好好想想这对于 ui 设计师来说意味着什么，具体点说，这会让 UI 设计师有多么开心！快速地在不同的屏幕之间切换，能够帮助设计师们更快更好地进行排版。同时，在一个窗口内呈现多个屏幕，将能够帮助设计师们对产品有一个整体的把握，而这一切都在同一个 PSD 文件内。为了进一步向你展示这个新功能，我们为大家列举了4条使用绘图板的小提示。掌握这些，你就能在多个屏幕之间驾轻就熟啦。在绘图板之间导航如果你有一个含有多个绘图板的复杂文档，你需要一种方式来在多个绘图板之间进行快速跳转。在图层面板中，按下 option 键并点击你想导航到的图层， Photoshop 就会滚动到相应的屏幕。当你的 PSD 文档中有一大堆的屏幕，那么这项功能就将会是不可或缺的了。如果你能够保持你图层的整洁，这项功能就更能够大显神威了，接下来我们就要谈到：立刻展开、关闭所有的绘图板当绘图板是新的时候，他们在图层面板中展示的形式并不是——他们其实就像组一样，如果你打开了太多的绘图板，你的图层面板就会变成一团乱麻。为了展开或者是关闭所有的绘图板，按住 Cmd 并在图层面板上点击任何绘图板，就能马上实现这项功能。当你迷失在图层 2 拷贝 ...继续阅读 (26)

今天为大家分享的是超大导航下拉菜单设计模式，它是高容量链接网站的典型解决方案。一下每一种模式都是通过精心挑选再加上在线实例来展示，如果您的项目需要一个超大导航下拉菜单设计，那么你要看看这篇文章。1.超大导航设计模式和动画该类型菜单包含一些图文结合的内容，典型的下拉菜单都依赖于JavaScript多年。CSS3是一个较新的方法，也被应用于大型的下拉菜单。你所期待的模式与动画和设计风格的一致性。1-1.MashableMashable是一个社会媒体杂志在线，它的布局是完全响应，菜单是建立在占据屏幕的100%。它可能不是最经典的例子，但一致性取代空想在UI设计领域。1-2.Polygon另一个伟大的在线杂志是Polygon，具有非常相似的动画。在切换不同的内容样式时，它们的导航也占用了100%的屏幕。2.多级菜单展示真正的大的下拉菜单需要包括分层导航。这会发生在你有链接，包括子链接，需要在菜单中保留足够的空间，以显示他们在适当的时候。2-1.tutsplus一个最简单的例子，可以发现在tutsplus当你将“免费教程”链接。每一个教程类包括许多子类，可以快速选择适合用户的链接。2-2.Walmart一个更详细的例子是Walmart下拉式导航。本公司提供这么多的产品，每个部门需要包括一个弹出菜单。此菜单依次包含几个子类别与示例产品。3.下拉菜单图标展示3-1.NanoMag ThemeFo ...继续阅读 (228)

设计师们投入了很大的力气去设计海报和传单，但是这些设计在真实的使用场景是怎么样的？因此，为了帮助您展示您的谁，我们今天分享了20个新鲜的炫酷的海报&传单展示效果PSD下载（7月必备），这些实物模型将会帮您在现实中展示您的海报设计效果，所有的资源都通过智能对象来体会成你的作品，enjoy！3 Free HQ Outdoor Advertising Bus Stop Mockup PSD点击下载>>Artwork Frame PSD Mockup Vol.4点击下载>>10 Urban Poster/Billboard PSD Templates点击下载>>Poster Display Mockup – Vol.8点击下载>>Wall Photo Frame Mockup Template点击下载>>Outdoor poster mockup (Free)点击下载>>Double Black Image Frame点击下载>>Black Poster Mock-up Template点击下载>>Billboard Mockup With Separated Background 点击下载>>Free Mockup Din A4 Poster Flyer点击下载>>Free Wall Photo Poster Mockup Template点击下载>>Big Gold Poster Fr ...继续阅读 (64)

极简主义的设计之所以总是流行，是因为他们一直用一些很简单的创意和资源去表达概念，网页设计的领域受极简主义设计的影响很大，许多有才华的设计师总是用几个简单的工具就设计出了不起的网站，比如字体和几何图形等元素。简约设计的优势不仅仅是其优雅的风格，也有在网页加载的时候表达一个重要因素，今天我们分享的是2015年25个最新的极简主义网页设计风格欣赏，希望能给您带来灵感！(温馨提示：点击标题查看线上版本)aiaiaiJurai MolnarHello NoemiMigel TriasJp SchneiderMelissa One by OneSpotify LoversRelab StudiosPanicBase MediaMalte DemuthDaniel SpatzekonscreenTruth LabsF L P N YAnakin FootJoy and BoaL’AvenirVoetsDesignAristide BenoistUpdroidGaetan PautlerStilt MediaNua BikesLe Printemps du PolarChristian MacMillanWeget ...继续阅读 (41)

手机APP的用户登录界面，是界面设计中很重要的环节，登录界面的体验好坏可能直接影响用户注册和转化率，而今天分享的就是我们整理的一些关于这方面设计的心得，希望能给大家带来一些想法。一、早期的手机APP界面设计手机界面设计和网页设计一样，注重模拟真实的操作感，所以在扁平化流行起来之前，所有的界面都用质感来打动人，要么让你觉得很有操作感，或者是很温馨，让你记忆深刻，并留下好感。二、现阶段APP登录界面的趋势从IOS7开始，扁平化的设计就一统江湖，那么，在这种情况下如何再去设计体验呢，设计师从来不缺这类“形式”技巧；WeWork  这类的APP登录窗口从上面滑出，是一种最轻量级的登录形式。gogobot这种基于APP特性的图片作背景的方法是一个非常不错的选择。Pinterest模糊化背景，然后主图SNS和邮件账号关联的方式也是一个提高注册转化的好方法。Clipchat用马赛克的方式作为背景图，让你充满想想，而且简要的注册字段填写，让你5秒完成注册。facebook的这种设计简单而高效timehop的登录页设计对应用独特功能的解释让你充满兴趣支付宝 的指纹登录模式算是最简单的体验了，可惜的是对设备有要求。三、总结扁平化后，利用图片，和各种效果也一样能达到想要的感觉，不做质感一样有好的效果，登录页面，一定要简单，易用，让用户用最简单的方式达成目标，基于这个原则，才会事半功倍，而给用户的情怀必须 ...继续阅读 (39)

如今，设备的屏幕正变得越来越小主要的挑战在于在有限的屏幕范围内提供优秀的用户体验。简单来说2015年的移动设计趋势将是在传递更多信息的同时，尽量保持设计的简单。让我们来看看这些应用是如何抓住用户的注意力的吧。1.分层界面设计如同我们所知道的那样，移动设备的屏幕不够大，不能够提供桌面端的那种全景式的浏览体验。然而，移动端设计的主要要求是简洁，但是为了有效传递出所有的服务内容，你需要有技巧性地组织利用这些有限的空间。这促成了分层界面设计的崛起。位于前端层次的元件应该活跃，位于后端层次的原件应当顺从考前层次的原件。2.扁平化的界面2015年，我们将更专注于功能的传递而非界面装饰的至臻完美。这就是为什么扁平化设计成为了潮流，因为它能够赋予你的移动 App 一种简明的结构，这种特性能够有效地促进提高网站访问者的用户体验。3.社交媒体整合2015年，移动应用将会在很大程度上依赖于诸如 Facebook，Google，Twitter（当然了，在国内就是 QQ，微信，新浪微博）等等的社交网站。整合社交媒体现在在移动 App 中似乎成为了不可或缺的一部分，因为它能够丰富你的 App 的功能。而且，它也能成为一种连接其他用户的工具，因为你的用户们能够让他们的朋友来尝试这款应用，或者至少在社交媒体上面露个脸。它还是一种很重要的营销工具。4.从社交媒体登录大部分的 App 设计者或许认为一个很大的 log ...继续阅读 (46)

舞者们也许会问自己：“Michael Jackson会怎么看我的舞步呢？”拳击手们会自问：“拳王Muhammad Ali会觉得我的右勾拳怎么样？”那么作为设计师，我们一定会问自己“Paul Rand会觉得我的logo设计怎样呢？”相信我，只要通篇读完，你便知道Paul Rand对你的logo的评价了。传奇人物Paul Rand是一名美国的艺术指导及平面设计师，其著名的logo作品有IBM、UPS、Enron、Morningstar、Inc., 、Westinghouse、ABC和Steve Jobs的NeXT。Steve Jobs当初花费$100,000邀请Paul Rand设计NeXT电脑的logo，即便这个做法并不合Jobs的心意，Rand仍坚持只提供一款方案。当Steve Jobs问他是否能多提供几款方案时，他的回答是，“不。我会为你解决问题，而你会为这个解决方案付费。当然你并不非得接受这种方式，如果实在想多要几款方案，那就只能另请高明了。”Rand最终提交了一份共100页的品牌细节手册，其中囊括了logo倾斜的精确角度（28°）以及公司的新名称NeXT。Paul Rand为测试这个logo所定的基础性标准颠覆了全球的logo设计界概念：一个logo的作用在于便于识别，简洁即是达到此目标的方式……它的效用取决于其独特性、可视性、适应性、可记忆性、普适性，以及能做到经典不过时。 ...继续阅读 (22)

这篇文章包含了一些由专业设计师完成的顶尖的照片合成处理作品。面对工作，并不是一成枯燥的,我们可以添加了一些滑稽有趣元素的在合成工作中。照片合成处理使非常虚幻的东西表现的更加现实,现在很难判断照片合成。如果你想纠正一个皮肤的缺陷或给一个光滑纹理或添加更多的对比,可以在photoshop照片编辑这些图像。Adobe Photoshop是一个著名的照片编辑软件Photoshop常用于修饰照片。本文章中，图片创意合成的例子，一定会让你脑洞打开，原本毫无联系的两个东西，经过这些设计师的，融合创新，完美的组合到一起，不管是各种隐喻，还是图片中ps的处理技巧，都是我们学习的对象，好的作品，依靠细节去打动我们的内心。给人震撼的力量！希望你喜欢我们的文章！可以在下面留言，告诉我们，你喜欢哪一张！开始浏览吧！ 女人土壤，花草的合成，浑然一体女人与眼镜蛇，火等创意合成女人雕塑创意合成，旁边显示了合成所用的素材骷髅头，火焰等元素组成吉他，与树木，土壤，森林的合成作品，像是吉他长在泥土里面超炫的光感，以及两张人脸，营造梦幻超脱的感觉 人身马首的合成合成的有点像巫婆，这个图像家中的东西都漂浮了起来隐身人合成，极具动感，细节也很丰富，基本上看不出破绽水做的手一个鲜花，人物的合成老鹰，人的合成人猿的合成，色彩把控的很出色，眼神也表现出，动物的绝望！画布与实景的合成，应该是两张照片，一个是阴天，一个是晴天，两张合成 ...继续阅读 (65)

最近在整理交互设计七大定律，发现了这篇老文，内容很精彩，翻译下与大家分享。席克定律（Hick’s Law）是设计中很常见的一个参考点。它被引用在无数的设计师应该了解的“设计基本法则和定律”中。这条定律让我们设计时更加自信，但是很多人却对它理解不到位。我们认为我们理解的有关网页设计的席克定律过于简单且不够完整。我们需要更深入的挖掘席克定律能为网页设计做什么。最终，我们发现，这条定律的价值被低估，并且我们对用户的决策过程设计得也不合理。在了解这些之前，我们先看看我们现在对席克定律的运用，以及为什么这样运用是错误的。一堆不同尺码的衣服挂钩标签不完整的定义时至今日，许多关于席克定律的讨论都还局限于网页设计。传统意义上，这条法则是鼓励设计师限制导航、列表以及操作对象的个数。无论是反对选项过多的下拉或浮出列表，还是反对充满链接的页面，席克定律从本质上反对扩张。反例这个观点是对的（到处塞满菜单真的很糟糕），但是却不完整。为什么我们用席克定律限制导航？链接是互联网的驱动力，它让用户从一个页面跳转到另一个页面，并与页面产生交互。所以我们需要运用席克定律。限制展现在用户面前的链接和按钮，简化用户决策过程，减少用户在页面间穿梭时的压力和延时。但是席克定律仅仅只是这些吗？更好的角度如果我们对席克定律的研究止步于此，那我们将错过它的很多价值。为什么我们如此的关注链接和点击？尽管他们影响用户体验，但是他们不应 ...继续阅读 (22)