推荐阅读

详细解析如何有效的向用户传递信息
在设计产品的过程中,产品经理和设计师的职责之一,是有效的向用户传递信息。在互联网产品中,操作引导、结果反馈、界面呈现的元素、大小、颜色等,都可以看作是信息的传递。高效准确的信息传递,是良好用户体验的基础。下面总结了几种简单的进行有效信息传递的原则:一、使用用户容易理解的语言信息的传递过程就像是一种对话,对话就需要语言。语言的形式可能是文字、图片,也可能是闪烁、变色、大小对比等,但不论采用什么形式的“语言”,一个基本的要求是,确保用户能够“听”得懂。例如,应该尽量避免使用用户不理解的专业术语、含义不明确的符号、表意不准确的动画等。GOOD DESIGN:图标图标是一种经典的传递信息的方式,好的图标设计可以让用户一眼就知道它后面对应的程序是干什么用的,生动并且直观。所以现在流行的系统中,很多都采用了图标的方式来标识程序。上图所示,即便没有文字,我们也能猜到这些图标代表着什么功能。GOOD DESIGN:iBooks的列表界面在iBooks中,显示图书列表的界面并没有做成常规的list的感觉,而是使用了拟物的方式,以一个书架的形象呈现,书架上摆满了用户已经下载的图书封面,就像是你真的面对着一个书架,上面摆满了图书一样。这样的话,用户很容易意识到,只要把书“拿下来”,就可以阅读了。

PS制作卡通鲜花文字
最终效果图 1.新建一个200PX * 200PX 的文件,背景填充白色 ,然后选择文字工具输入"F"文字的颜色为浅绿色(色值:DBF5AD),字体请选择比较宽,粗的字体本教程选择“Arial Black”,文字大小为: 200 pt 如图1。然后删格化图层,用橡皮工具选取适当的大小把文字的各个边角擦出弧度参照图2 < 图1 > < 图2> 2.调出文字的选区,然后新建一个图层,填充深绿色数值:2F8B48,如图3,先不要取消选区,按 Ctrl + Alt + D 羽化数值为:7,再选择菜单: 选择 > 修改 > 收缩 数值也为7,然后按 Delete 键删除选区部分如图4 < 图3> < 图4> 3.再调出文字的选区,在背景图层上面新建一层,选择菜单: 选择 > 修改 > 扩展 数值为3,然后填充浅绿色颜色数值为:A8CFAF 效果如图5 < 图5> 4.在最上面的图层上新建一个图层,按 Ctrl + "+" 把图层适当放大,在文字的下部位置用钢笔工具勾出叶子,然后调出选区填充深绿色颜色数值:2B8E00,效果如图9,再按 Ctrl + Alt + D 羽化,数值为2,再选择菜单: 选择 > 修改 > 收缩 数值也为1,填充浅绿色,颜色数值为:B4FF92,效果如图10 < 图6> < 图7> < 图8> < 图9> < 图10> 5.新建一层,把图层再适当的放大,在空白的图层区域,用椭圆选取工具绘制椭圆,然后用渐变工具绘制渐变如图11,取消选区,按 Ctrl + J 复制图层,选择菜单 :编辑 > 变换 > 垂直翻转 ,再适当哪个的移到之前的椭圆图形下面如图12,同样的方法复制出如图13的四个椭圆小花瓣。 < 图11> < 图12> < 图13> 6.适当的把花瓣旋转一下得到图14的图形,然后把四个小花瓣合并到一个图层,按 Ctrl + J 再复制一层,按Ctrl + T变换45度得到图16所示的图形。 < 图14> < 图15> < 图16> 7.在最上面的图层新建一个图层,用椭圆选区工具绘制一个小正圆再填充粉红色数值:FFC8D4,如图17,选择菜单:选择 > 修改 > 收缩 数值也为2, 然后把前景颜色设置为橙色数值:EA682F,背景颜色设置为淡橙色数值:FF965B,选择菜单:滤镜 > 杂色 > 添加杂色 数量为 17% 效果如图18 < 图17> < 图18> 8.在花瓣的图层上面新建一个图层,用椭圆选取工具绘制正圆如图19,然后填充黄色,在把选区适当的移动位置,按Delete 得到图21所示的图形,取消选区按 Ctrl + J 复制一份,选择菜单 :编辑 > 变换 > 垂直翻转 移到下部位置如图22 ,把这两个图层合并,然后复制变换角度得到图24的效果。合并这些鲜花的图层,调出他的选区,在他的下面新建一个图层 选择菜单: 选择 > 修改 > 扩展 数值为2 填充颜色:E68D00。合并这两个图层. < 图19> < 图20> < 图21> < 图22> < 图23> < 图24> 9.把做好的鲜花移到文字的上面,用同样的方法绘制其他颜色的鲜花,再不断的复制改变大小,最后完成最终效果。如果嫌花朵制作工程复杂,请下载适当的笔刷,和图案。 < 图25> < 图26> < 图27>

秋日私语 Photoshop绘缤纷水晶枫叶
1、在Photoshop中将前景色定义为绿色(#00ff00),选用“自定形状工具”,画出一个枫叶的形状,起名为“枫叶”。 2、点击“图层”面板下方的“添加图层样式”按钮,选择“内发光”一项。 3、设置和效果。为了大家观看方便,我把背景色换成了黑色。使用“内发光”是为了使风叶的边缘的颜色更自然一些。 5、选择钢笔工具,把枫叶的主经络钩出来。 6、将路径转为选区,填充深绿色(比浅绿深的绿色就是深绿,哈哈 开玩笑。其实这里的颜色并不重,要到后面会调整的)。 接着将此层复制出来一层,将两个图层的“混合模式”都设置为“柔光”。

给爱旅行摄影女孩的忠告
我写这篇文章是受到世界旅行者、国家地理专栏作者Daisann McLane接受的一篇访谈的启发,她的采访主题是“旅行对于女人们来说难不难?”McLane小姐向正在旅行的女性们提出了一些忠告,尽管她的文章是从绝大多数旅行者的角度出发的,我的这篇文章面向的是那些既想旅行又恰恰想成为摄影师的女性朋友。所以如果你是那些现正在考虑采取行动到陌生国度去旅行的女 摄影师,我希望你能从文中有所收获并最终激发你去实现自己的梦想。 那么,当一个人是女性的时候,旅行对她来说有所困难呢?从某种程度上来说,是的。但是你可以让旅行变得更简单,只要你采取一定的防范措施,并且有所计划。 作者作品 泰国 一个女人孤独的旅行不一定是无所畏惧的。相反,独自一人在一个谁也不认识的陌生国家的时候我会感到害怕和脆弱,想想吧,在凌晨四点(甚至更早)或是晚上十点(或是更晚),你拿着你那昂贵的器材到处乱转。我觉得恐惧,可我疯狂到愿意去做这些事情,为啥?因为我爱摄影,我甘愿为我所做的奉献。我还知道如果我不能从让我舒适安逸的国度之外去发掘(美好),在别的地方那就更不可能了。 像其他严肃的摄影师一样,不管是女性和男性,我的目标是拍摄伟大的照片。问题是如果你想拍这样的照片,你需要完美的光线。不幸的是,风光摄影或是城市摄影里那些最好的光线来自于一天之中最让人(女人)难受的时间(作者通常在黎明傍晚时拍摄)。 威尼斯 意大利 我并不是一直一个人旅行,但是我已经这样旅行过很多次了,当我独自一人时,我就要自己保护自己。我喜欢在水边和桥上去拍摄,这种情况下我经常越过肩膀回头看,以防一些疯子把我推下去。我并不认为我是偏执狂,因为我要照顾自己以便让我安全回家。 当然,其他黑暗或是遥远的地点,或者为了一个更好的有利位置,你必须要攀登或者跋涉下到一个小山丘上,这种情况下意味着潜在的危险。如果男摄影师担心这些事情(我相信他们一定会的),我确信女人们要考虑的事会更多。 那么怎样才能让你远离危险呢? 伦敦塔桥 英国
最新发布

Maya建模教程:用Maya创建一个排球模型
你们一定学过很多创建一个球的技巧,但在这个入门教学里面,我们将要学习另一种技巧,如何创建一个排球。第一步:在一个新场景里建立一个cube(立方体),到Smooth(光滑)选项,将细分级别调整到3.你的立方体现在看起来应该如下图所示。如下图所示,选择你模型的1/6的面,然后删掉其余的面。 第三步,如下图在箭头所指的第三个面2/3的位置添加一圈环边,把你的模型分成三部分,我使用MJ POLY TOOLS插件来分割,它能帮我得到良好的测量。

用photoshop制作文字图案肖像效果图片的PS图片处理教程
本篇教程主要使用PS把人物的肖像使用文字的排版填充起来,完成一个文字人像的特效过程,希望PS设计教程网的朋友可以喜欢 最终效果 原图 详细过程

Illustrator教程:解析多重填充与多重描边
对于做设计而言,工具只是完成作品的手段。因此,其实对于做UI设计来说,到底是选择PS还是AI还是别的这样的问题并不重要的。只是对于我自己而言,做设计几乎全部是用AI来做的,所以这一系列教程大多数是关于AI的。我从2012年初开始尝试使用AI来完成一些设计与创作,一直至今。个人感觉,AI虽然有不少难用的地方,但是非常适合用于UI设计。甚至在很多方面,用AI来代替PS做设计更加高效、方便。主要原因是:AI的强项在于对矢量图的处理。先哲有云:「如果希望在计算机里从无到有『生成』一张图像,通常矢量图创作软件更适合一些,除了需要类似使用数位版手绘等那样的特殊场合」。特别是在UI设计、Web设计领域,绝大多数时候并不需要结构和色彩非常复杂的图形。大多就是需要矩形、椭圆、圆角矩形这些很简单的几何形状。因此,在这一点上,PS等图像处理软件相对于AI来讲,没有太多的优势。在AI里,可以较为方便地完成从排版布局、绘制图形、上色、切图导出这样的全部一套流程。意味着用AI做设计时,不必要中途换软件环境。例如很多设计师用PS做设计时要开着一个AI,先用AI画基本形,然后把AI里的图形作为智能对象复制到PS里,然后用PS继续创作。而用AI几乎就可以完全避免这样中途换软件的情况。AI提供的一系列功能极其适用于排版布局。比如在PS里,参考线只是横着竖着的直线对吧;而在AI里,参考线可以是任何形状。参考线不是无限长?没问题!参考线是斜线?没问题!画个长方形甚至画个圈当参考线用?也没问题!由于AI的创作主要是是基于矢量对象,所以在AI里,大多数操作都是可逆、可以在后期修改的。比如画一个按钮,可以很容易在后期调整按钮圆角的半径大小,同时保持按钮的图形样式不变。画一个六边形同样也可以加圆角,并在后期修改圆角大小。AI里基于矢量对象的吸附、对齐功能相当好用,且在UI设计中相当常用。由于AI有丰富的矢量效果(类似PS的滤镜和图层样式),因此AI退可做扁平,进可做拟物。下面这两张图就是用AI绘制的,完全没有用到除AI之外的其他软件:

Illustrator教程:详细解析AI网格工具的使用
网格,或是说栅格系统,是做版式设计、平面设计、Web设计的重要工具。在1960年代,瑞士的现代主义平面设计海报、宣传单中,就大量使用了网格来组织信息元素。进入信息时代后,随着Web的兴起,由于网页设计与平面设计、版式设计有很强的相似性,网格也被大量应用在了Web中。网格的好处,就是在于给予一种规约,令排版者可以较为方便的组织标题、列表、段落、图片等元素,保持版面元素之间的一致性,协调正负空间。一句话概括应用网格的好处:「随心所欲,不逾矩」(图片摘自现代主义设计师MassimoVignelli的TheVignelliCanon电子书)不过,虽然用网格组织、排版信息相当方便,通常创建网格本身却是一件十分令人头痛的事情。通常的做法是:吭哧吭哧地在纸上算,计算网格的大小、间距什么的,算到天昏地暗;然后吭哧吭哧地拉参考线……很容易看出,这是一个特别苦的过程,特别是对于我这样数学学渣而言。所幸,AI提供了一个工具,把设计师从吭哧吭哧的计算和吭哧吭哧的拉参考线解放了出来。今天的内容很少,就是要讲这个工具的使用。这个工具用起来特别简单,这次还是像前几次那样,通过一个具体的案例来说明:给一个A4纸打上类似这样的网格:首先,依然是新建文件。不过这次要新建一个A4大小的文档(210mmx297mm)。

Illustrator教程:详细解析AI参考线的使用
AdobeIllustrator诞生在1986年,运行在Macintosh机上。在当时,AdobeIllustrator是Adobe公司的早期产品之一,甚至早于photoshop。Adobe的创始人JohnWarnock带头开发这款产品,最初是希望将自己作为平面设计师的妻子从繁琐的工作流程中解放出来。所以可以说,AdobeIllustrator最初的客户群体是平面设计师。虽然后来Adobe为UI设计、Web设计等给Illustrator新增了一些特性和功能,不过大体上讲,AdobeIllustrator仍然更侧重版式设计领域。自然而然的,AI也拥有较Photoshop更强大的排版工具,比如更加强大的参考线和网格功能,这次就说说AI里的参考线。参考线是做版式设计、Web设计和UI设计的重要工具,用来保持版面元素之间的一致性与协调。在AI里,创建参考线有数种办法。第一种办法与PS类似,按Cmd+R,显示标尺,然后点击标尺,将参考线从标尺上拖拽出来,对齐到想要对齐到的对象上,如图:这样,参考线就建立好可以使用了:另一种办法更加灵活,AI可以将任何线条转化为参考线。横着竖着斜着的直线都可以转为参考线,甚至画个圆也可以转成参考线。这次,用实战来举例:创建一个iOS7图标模板:

用PS合成设计创意的二次曝光海报的photoshop海报设计教程
很多人对于海报封面合成没有什么想法,今天来跟随老师的步伐找找灵感吧,教程中的海报其实就是我们平时说的二次曝光效果,然后在整体的颜色调出电影胶片效果,希望大家可以喜欢。 先看看效果图 相关设计素材: 设计步骤解析:

Photoshop绘制卡通风格的太空狗插画设计教程
先看看效果图:首先整理下大致步骤:1:绘制整体雏形(会用到布尔运算)。2:更仔细填充雏形的固有色。3:笔刷上色。一 绘制整体雏形(这里就不拘束形状的尺寸啦)Step1新建一个1200*900的画布,绘制一个圆后,Ctrl+T—右建—变形将圆拉成一个不规则形状。

用PS制作绚丽抽象光线效果的彩色丝带设计教程
光带制作分为3个部分。首先勾出每一条光带的选区,并在每一个选区中加上需要的渐变色;然后截取边缘部分的一些色块作为光带的高光;完成后再加上一些光斑装饰。最终效果1、新建文件。打开PS软件,按Ctrl + N 新建文件,尺寸设置如下图,分辨率选择72像素/英寸,然后点确定。2、填充背景色。把前景色设置为暗紫色#2f1a3b,然后选择油漆桶工具,在背景上点击一下填充。3、绘制第一条光带。需要完成的效果如下图。

用PS设计科技感十足软糖海报图片的photoshop海报设计教程
本教程主要使用photoshop结合AI设计科技感十足的QQ软糖海报,开车主要通过AI和PS两个软件来完成,推荐给大家学习,希望大家可以喜欢。先看看效果图首先,打开ai,并新建画布。选择矩形工具,画出一个矩形,只要填充,色值如图:选择网格工具,在矩形上点击创建网格。我就自己随意点击,创建了一个6X6的网格:选择直接选择工具,通过点击网格交点,可设置该点范围内颜色:你也可以按住shift键点击各点,可以同时选中并统一上色:

用PS制作可爱的卡通大头娃娃头像图片的照片处理教程
今天又来给大家分享P照片的技巧,平时我们拍了照片都要P得美美的,今天就反其道而行,来一个搞怪的P图技巧,将一张普通人物照片,P出夸张搞笑的效果,也就是我们经常说的大头娃娃效果,先看看原图下面是效果图首先我们找一个好朋友的照片,注意要是好朋友的,否则P完可能你们就不是朋友了按“Ctrl+T”进入变形模式这里可以选择变形的中心点