推荐阅读
用PS合成创意冰封大象场景图片的Photoshop图片合成教程
本教程主要使用photoshop把一个大象照片变成冬季冰封的效果,希望PS设计教程网的朋友可以喜欢. 最终效果 1、打开大象素材，抠出，然后新建一个图层放在大象底下，填充合适渐变色。 2、接下来就是比较让人犯晕的拼贴过程，先从大象的后面拼起。就是把山峰的素材拖进来，然后载入抠好的大象选区，添加蒙版。
制作漂亮蓝色霓虹文字特效的PS教程
首先要感谢狂热香蕉大力支持，这张海报是他提供的。开始我也不知道这张海报是什么意思，百度之后才知道是James White风格怀旧海报，我 很纳闷这跟一个篮球运动员又有什么关系? 不过我觉得这个风格很像一部电影，就是《创战纪》，这是一部非常不错的电影，其中那个拖着光带的摩托车格斗的场面让我印象深刻，非常经 典的镜头。我是个科幻电影迷，好莱坞的科幻大片我一部都没有落下。鉴于上几期的风格没有多大的变化，所以这张海报我也是挺喜欢的。不过我 认为香蕉的这张图背景有点单调，我在百度上找了这种风格的一系列图片，综合了其中几张图的背景。 最后就是我制作出来的漂亮蓝色霓虹文字特效： 这个就是香蕉提供的原图：
田中一光和日本文化
田中一光，1930年生于日本，1950年毕业于日本京都美术学院，后与人合作创办日本设计中心，1960年成为该中心的艺术指导，1963年成立了田中一光设计工作室。曾在"日本之历史"大型博览会（大阪）、"海洋文化"博览会（冲绳）中负责整体设计，在日本Seibu艺术博物馆、纽约Cooper协会、洛杉矶文化交流中心和巴黎Public博物馆举办过个人展，曾获得华沙国际海报双年展银奖、东京ADC（广告联盟）优秀奖。 田中一光是日本设计协会、 AGI(国际平面设计协会)成员，日本卓有成就的平面设计家，对战后日本平面设计的发展有很大贡献，在世界平面设计界中，占有相当的地位。他把现代设计观念揉和到日本传统艺术中，作品带有明显的个性：优雅、素净和单 日本戏剧演出海报 纯，富有一定的表现主义色彩，设计语言简洁洗练、意境清新、形式优美，在融合东西方传统美学观念与东西方文化特征之间，有独到的思路与手法，以其独特的表现形式和视觉语言，以及鲜明的个性，在日本设计界掀起了一场对传统精神的再创造运动。 田中一光出生在日本的历史故都--奈良，在京都完成学业，在大阪开始他的设计活动，而后迁居东京。这些有着悠久文化历史的都市对他的创作活动起到了重要的作用。在他的设计作品中，有着京都的雅致、大阪的现实感、以及古江户的遗韵，从广义上看，这些正是日本人传统感情情结的结晶。 田中一光在创作中格外注意视觉元素的表意功能，以脸作为表现对象的作品《日本舞蹈》，画面以方块等分，用几何性等分的形状，按理说是机械的、理性的，而田中在处理时却把代表眼睛的两个半圆同时向内侧倾斜，这一斜就产生了表情，形成满脸微笑的动的造型。嘴的大小两个圆稍微一错，就不仅与眼部的表情统一起来，而且使眼部的半圆形和嘴的半圆弧形的统一节奏有一个装饰音。长久地凝视这张脸，仿佛真能聆听到佳人的莺莺细语。又如《第二十八回产经观世能》，这张 海报的造型处理方法，具有明显的日本浮世绘版画"大首绘"的遗风，这是不同门类艺术互相借鉴的高品位的作品。 银座剧院海报 通览田中一光的作品，感受最强烈的是他大胆的想象和表现的洗练性。在四十多年丰富的设计活动中，他不断追求新的发想，继续这大胆的实验。细看他的作品，就会看到大和民族崇尚单纯简洁的艺术气质，没有那种罗可可式的繁琐和纤巧，更具有一种原始的生命力，清澈浑朴，那种貌似不经意的随意性，那种去掉了雕饰的淳朴，那种追求线与色面本身的量感和张力，那种超乎西方传统的透视和素描意识，那种举重若轻地寓对比色于平和，在田中一光的作品中随处可见。 看了田中一光的书籍装帧的成就，就会清楚地感到他既新颖又不失严格的秩序感觉。继承了日本文化传统中最优秀的部分、又大胆开拓出新表现方式的田中一光，使我们明确地意识到：他的卓越，不仅是基于造型基础，而且也是基于对历史遗产的深刻理解。1904年日本的冈仓天心在圣路易斯的万国博览会，面对西欧的听众说了这样一句话："你们看到阴影就想起伦勃朗，而我们看到波光就想起了尾形光琳?quot;田中一光的世界正是继承了尾形光琳描绘的波浪的精细闪光，使其更加耀眼辉煌。
Maya一个怪兽头部的制作教程
现在让我们来看看我是怎么制作这个怪兽头像的。 对于任何的工作，我都会在开始之前搜集一些参考对象。最开始我是要制作一个兽族的大怪物，但是最后我还是决定制作一个简单点的小怪兽。所以我拿到了指环王的DVD，使用里面的角色给我建模作为参考。但是，还是有一个问题，就是如何制作出效果非常好的皮肤。好在里面的这个角色是真人扮演。事实上，就是人穿上兽皮，要完成这些纹理的确很难，当我把头像制作得和电影中非常象以后，虽然他们已经非常好了，我还是给它添加了一些东西。 我从眼睛的位置开始我的建模工作，我很喜欢DETAIL OUT这种建模方式，所以我就这么做了。我在Lightwave中使用POLY-BY-POLY进行建模，使用镜项，在模型上，我使用SYMMETRICAL进行这个工作。制作完一半以后再复制并且焊接。 当建模的时候，我使用了DAVID IKEDA制作的POZEXTENDER脚本。它和LIGHTWAVES的Bandsaw工具非常象。其他我并没用到很多的工具了，主要就是使用一些POLY的一些命令。 现在，我开始添加金属环，我使用这些环穿过怪物的面部肉体，进行修改使他们得到一定的变形。
最新发布
详细解析网页重构中页面细节处理心得
一个页面的细节，从重构的角度去看，页面的精细度，代码的可读性、扩展性，为下游服务的代码注释，交互接口样式的书写，代码的压缩，图片的优化等都可以归为细节处理，我的理解是，刚才提到的细节处理是每个重构工程师都应该具备的基本技能，不能算是真正意义上的细节，好的细节处理应该是从用户出发，应该是发自内心对用户的一种关怀。下面有两个小例，都是我们做页面时常见的板块，如果我们细心处理一下，也许会让用户会倍感贴心。轮播图如上图，轮播图上切换按钮(如上图小方块按钮)是用户对轮播图进行交互的重要入操作点，重要程度毋庸置疑，在分析设计稿的时候发现，按钮的可点击区域太小了，只有22×2!要用户完成图片的切换显然是一件非常痛苦的事，这会给用户带来不愉悦的心情。因此，我们得想办法让点击区域变大可能的解决办法：1、建议产品让视觉设计师把按钮改大一点。知会产品后，我们会先用代码把按钮调大，给出截图让视觉设计师看。高为3像素，视觉没问题，但点击区域还是太小，如下图：
10个好用的集资网站博客系统主题模板
如果你想建立集资网站，本文将为你介绍10个强大的博客系统主题模板。集资最近成为一个热门的趋势，随着Kickstarter的成功，很多人都开 始想创建自己的集资网站了。有什么方式能比直接使用博客系统主题模板更节约开发成本呢？网上开发所耗费的步骤减少，才能使你投入更多的精力用于开发市场， 寻找更多的用户。当你获得一定成功的时候，你就可以考虑定制特殊的方案，更好的满足你的需求。Franklin是一个制作精美的模板，它能100%响应。它的特点是既可以针对单独的对象又可以针对社区导向的集资。Astoudify主题是针对单个筹款活动的。不同于Kickstarter，Astoudify提供给你所有的总控制权。然而，你不能使用Astoudify创建类似于kickstarter一类面向社区的网站。此主题采用了时下流行的全屏幕风格呈现。FundingPress是另一个强大的主题，允许任何人创建Kickstarter的克隆。它有一个响应式的设计，页面生成器以及这类网站所有的付款方式选择。2013年5月推出的CrowdPress主题模板，已经从客户那里获得了5星评价，可见这个主题有多么好用。它使用支付自适应支付方式来收钱，能减轻你的工作。
详细解析简洁风格在网页设计中的应用
有一些设计者，经过一轮艰辛做了一个很少元素并看上去不错的网页，或者他们做的网页最后看上去不会很”复杂”。网上有很多关于极简设计用在网页上的文章，这篇文章目的是指导你如何让你的网页设计做到华丽却不失内涵。最重要的是，我们将为你展示一系列的设计，让你从中体会为什么一些设计可以做到这样的效果而另外的一些却不能。什么是极简设计?极简设计被描述成将最基本的元素呈现，并摒弃所有多余结构，色彩，图形和其他素材的设计方法。其目的是使主要内容浮出并成为聚焦点，从视觉角度出发，极简设计意味着要沉静并将最基本的元素作为中心思想。设计起源于瑞士而后广泛应用各种媒介：平面设计，建筑，音乐，文学，绘画等等领域，而最近更在网页的设计上盛行。尽管极简设计已在数十年前起步，早期的互联网并没有把它付诸实践。没有旋转的图形，选取框和夸张的色彩，网页设计混乱而沉冗。我们将为你介绍极简设计的基本准则。即使你不是追求极简审美，你也会通过这里来简化你的设计。少即是多就如人们常提及的那样，极简主义会在最前部带出最重要的内容并为用户最小化一切干扰。如果某一页有过多结构，用户会对每个元素的位置感到疑惑并曲解其本意。一个极简设计会将焦点直接放在内容上。举例说，任何黑白组合的设计都会吸引用户的注意力。颜色自身会成为焦点。让我们看看这个特别的例子。
10个经典的提高网站可用性的经验指南
我想每个人都会赞成，网站的可用性是它能否受欢迎的一个重要方面，无论你进行的是公司网站、在线商店还是其他，让你的界面变得容易操控，使用时令人舒服是关键，近几年已经有很多针对网站界面优化的研究，而且这些研究的成果对于提高网站可用性是非常有价值的。现在这里有10个超实用的经验分享，相信我，这些建议会极大地提高你那个网站的用户体验，让用户爱上你的网站!这是一篇09年的老文章咯，但是这些技巧和经验并没有过时，所以我们依然翻译出来，推荐您仔细阅读。一、善用人物配图，使用户专注于你想呈现的当进入你的网站，我们会本能地关注网站上人物图片中的脸和眼睛，这倒是为我们提供了一个想法，是不是可以用人物配图吸引小伙伴的注意力呢?当然，但这仅是第一步，我们还可以这样做，你瞧，是不是大不相同!(见下图)这是第一步：「根据眼球追踪的研究，我们先会关注这个直望着我们的小萌孩」「现在，小萌孩是仰望着右边文字的，与此同时，你是不是也把注意力转移到右边的内容呢?」这里是原始的研究报告 → usableworld.com，实践证明，如果其他人往某个方向望，那么人们也会跟着望同一个方向(参照脑筋急转弯：大街上有，有一个人仰着头站着。旁边的人以为天空中有什么好看的东西，都跟着往天上看，可天空中什么都没有。你猜那人怎么说?答案附最后..)基于这个特点，我们可以利用人物配图来呈现你想要让用户关注的内容。
浅谈如何更贴切的来设计手机产品
笔者身为音乐产品的设计团队中的一员，也同意这个道理，并且朝着这个方向使劲儿设计。然而，道理都知道，设计却很糙，要问怎么糙?一用吓一跳。先从自己说起，下面是某Q音乐产品某时期的歌单推荐样式，当然了，我们能见到的很多音乐产品也用着大同小异，换汤不换药的此类推荐样式。而下面这个某度音乐产品的瀑布流样式看起来更加上档次，颇有Pinterest的设计风格。再看看叫卖很努力的某易云音乐产品，果然有态度，洒家很多图。看完了中国互联网三座山的音乐产品的这几个例子，大家用脚都能发现我们面临的问题了，那就是我们成功地动用了各种专业设计力量和高雅音乐品味设计了一款款精美的,令人陶醉的，并且锲而不舍卖力迭代的“看图软件!!!”(其实躺枪的不仅仅是音乐产品，电商产品的各类美图图库更加让人心醉神迷，目不暇接，还请自备防弹衣，下回再表)
CSS实现用户界面开发和交互式布局
近几年的前端工程师接触页面编码的时候，Table布局的时代已经没落了，取而代之的是习惯用DIV来布局组织页面架构，当然这是大势所趋。更何况HTML5+CSS3的黄金组合已经越来越被推崇!而Table只能做回老本行：去组织和展现数据信息。今天我们要谈到是CSS里的display。算是另辟蹊径来谈谈tables吧。本文提供了简单可靠的UI布局解决方案，因为CSS tables十分简单易懂，因此在交互式设计中用起来十分方便。下面我们来具体介绍这些超赞的CSS属性。CSS 属性/值 模式能够实现很多用其他方式(如Flexbox)实现比较麻烦的布局。本文主要介绍display: table 和 display :table-cell。首先我们要解释一下这里没有任何新的技术，其实人们已经讨论这些技术很多年了。只不过很少有人知道它们并真正去使用它们。CSS tables首先大家要清楚，CSS tables只是用来展示的。也就是说，CSS tables 和 HTML table 标签没有任何相关联性，它们之间的使用互不影响。有些读者可能认为使用CSS tables是不好的，希望我们这篇文章能够澄清开发者概念中的一些混淆。我们以前常用的是将一个标签属性设为’display:block’，所以类似的我们只需要用’display:table’或’display:table-cell;’就可以了。这些属性纯粹是用于布局设计。为什么CSS tables 很棒CSS table 不是新的东西，它是CSS2.1章程里的内容。它的兼容性很强，除了IE7及以下版本，其他的浏览器它都可以使用。我第一次看到CSS table是在我读的一本书里，这要追溯到2008年，那个时候很多人认为这个技术不好用(那个时候IE8其实也只是刚刚出现)。但如今CSS table已经相对容易维护和开发。常见问题及实例让我们来看看这些CSS属性能做什么。
45个新鲜的Web和移动设备用户界面PSD素材
我们都知道，都清楚移动端这两年发展的速度。各大互联网公司甚至非互联网公司都在争夺移动端的入口。分析统计也显示人们使用移动设备的数值在直线上升。看看我们周边的朋友也会发现，习惯已经开始形成。人们更喜欢在移动设备上完成工作和娱乐。PC的黄金时代似乎就这样匆匆结束了。移动端的屏幕越做越大。设计和交互都是吸引用户的第一要素。如何设计出优秀的界面和完美的交互是很多产品经理掉尽头发的根源！今天我们分享出45个新鲜的WEB和移动设备的用户界面PSD套件。希望能让更大设计人员和爱好者以及产品经理得到更大的启示和更好的灵感。iPhone UISearch UIPolaris UI Free – User Interface PackFree PSD: Anarchy UI KitPSD User Interface Kit
推荐大家使用的CSS书写规范和顺序
写了这么久的CSS，但大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(animation, transition等)CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。很多用户都喜欢简写类名，但前提是要让人看懂你的命名才能简写哦！有些颜色代码是可以缩写的，我们就尽量缩写吧，提高用户体验为主。
99个漂亮的网页注册和登录页设计PSD素材
我们之前有介绍过一些很漂亮的网站登录界面，登录和注册是获取用户的第一步，是最能体现网站用户体验的地方。 这里我们又收集了更多的登录和注册界面设计，它们来自于国外优秀的设计师们，而基本都是设计稿，附带PSD，你可以下载下来用在自己的项目中。Wooodapp sign in pageSign In WidgetElegant Login Form DesignSimple Login FormLogin Form
当用户体验设计遇见色彩情感
小C：有一段时间没分享东西了，记得上次与大家分享过“情感化设计中的手绘应用表现”。今个再次煽情一下，与大家分享一点关于色彩情感的那些事儿，可能前部分的色彩介绍大家有了解过。但任何事情有因有果，所以还是先让大家了解下关于色彩的组成和色彩的情感等，再来简单说说在我们生活中和界面设计中的运用所带来的感受，以及人们对色彩的喜好偏差和色彩的决定性作用等等。一、关于色彩1、色彩色彩，对于人类而言，始终属于自然界最神奇的奥妙之一，永远都在激发着我们的好奇心和创造力。在我们生活中无论何时何地，充满着各种多采多姿的色彩，哪里有光，哪里就有颜色。有时我们会认为颜色是独立的：天空是蓝色的、植物是绿色的、而花朵是红色的。但事实上，其实色彩并不会单独存在，漂亮的色彩搭配常常可以让画面更加吸引人你的目光。色彩就像是音符一样，没有某一种颜色是所谓的“好”或“坏”，唯有一个个的音符组合起来才能谱出美妙的乐章，才能说是协调或者不协调。2、色相环色相环告诉我们颜色之间的相互的关，在很多关于色彩文章中，都可以看到色相环的身影，它是我们选择颜色的一个强有力的工具。色相环是指人类的肉眼可以辨识的色彩色相所组成的色环，它由12种基本的颜色组成。包含三原色，即红、黄、蓝，原色混合产生了二次色，即橙、绿、紫，二次色混合产生了三次色。三原色是色相环中所有颜色的“父母”。在色相环中只有这三种颜色不是由其它颜色混合而成，在色环中的位置是平均分布的。二、色彩情感每个人有自己所喜爱的音乐，同样每个人也有自己钟爱的色彩，每一种颜色都有一种寓意。色彩做为第一视觉语言，当人类初接触到一个事物产生第一印象时，色彩的吸引力往往高于其造型所产生的印象。适当的应用色彩能够增强画面感染力，提升产品印象与感觉，而不同的色彩常常左右了产品最终给人的感受。色彩具有象征性，而且色彩的象征性具有区域性，民族性。说到象征我们脑海里首先会蹦出：红玫瑰象征炽热的爱情，黄色总是与富丽，权利地位相连，白色纯洁，蓝色优雅平静，黑色肃穆，邪恶等。因为颜色具有象征性，所以我们要分场合着装，送礼等。