推荐阅读
5个方面解析移动端电商的搜索框设计
一个好的搜索功能设计能够很好的帮助客户直达想要的地方，实现完美的用户体验，今天分享几个搜素框的设计技巧，希望可以�大家带来启发。你无法去卖一个用户找不到的产品。搜索是用户最基本的行为，也是构建一个可盈利的app或网站的重要元素。用户在发现和学习产品时期望在app中有流畅的体验，他们会根据搜索结果迅速判断出一个app的价值。一个好的搜索控件应当帮助用户迅速简便地找到用户想要的内容。在本文中我们将探讨如何将其实现。1. 搜索如何放置用户在寻找搜索的入口时通常是迅速且粗暴的。他们通常会浏览一个页面然后寻找能输入文字的框。目标：搜索框设计得明显可见且很容易识别。搜索区域放在明显的位置搜索是电商类app或网站的基础功能，需要放在显眼的位置，让用户很容易发现。搜索如果不放在显眼的位置，会给用户造成困惑,降低用户的效率。△ 左图中搜索功能隐藏在菜单选项后面
PS如何使用背景橡皮擦工具
背景橡皮擦工具是一一个相对智能化的擦除工具，设置完背景色后，使用背景橡皮擦工具可以在擦除背景的同时保留前景色对象的边缘。1、首先在工具箱中选择背景橡皮擦工具，同时在其属性栏中进行参数设置；2、接下来在图像中擦除多余的部分即可；3、完成上述操作后查看效果对比；4、在背景橡皮檫工具属性栏中，若勾选“保护前景色”复选框，则可以在涂抹图像时保护前景色。
photoshop cs6 简单几步制作卷边字体
效果图1、创建650*450PX大小的图层 ，打上文字，字体大小颜色按个人喜好4、双击图层样式，对投影、渐变叠加进行调整。参数设置如下图5、合理分配到每个数字字母上。如下图6、最终效果如下图
CORELDRAW中快捷键的应用和设置
CORELDRAW 作为又一设计利器，功能之强大自不必说，同时提高工作效率也至关重要，要达到这一目的，快捷键的应用又是关键的关键。笔者在使用CORELDRAW 的过程中对快捷键的使用颇有一些心得，在此与大家共享。 1、 工具箱的快捷键的应用： F2：开关ZOOM IN 模式 F3：用于ZOOM OUT 模式 F4：用于ZOOM TO ALL OBJECT（缩放所有物体） SHIFT+F2：用于ZOOM TO SELECTED（缩放所选物体） SHIFT+F4：用于ZOOM TO PAGE（缩放整页） F6：矩形 F7：椭圆 F11： 渐变填充（FOUNTAIN FILL） SHIFT+F11：一致填充（UNIFORM FILL） SHIFT+F12用于打开OUTLINE COLOR 拾取工具：（PICK） 最常用的工具，快捷键：空格键，但在进行文本编辑时快捷键为：CTRL+空格键 整形工具：（SHAPE EDIT） 快捷键：F10 缩放工具 ：（ZOOM）在缩放工具里，有一些类别： 曲线或手绘工具：（CURVE）：F5 矩形和椭圆工具：（RECTANGLE AND ELLIPSE）： 文字工具：（TEXT）：F8 填充工具：（FILL）： 轮廓线工具：（OUTLINE）：F12用于OUTLINE PEN， 2、 菜单快捷键的应用 菜单的快捷键大部分是WINDOWS标准的快捷键，如：存盘，新建，打开，打印等，在此不再赘述。在菜单的后面都有相应的表示。 3、快捷键的设置 很多时侯，CORELDRAW自带的快捷键不能满足我们的需要，并且有些常用的快捷键设置并不方便，而有些不常用的快捷键则便于操作，我们可以通过快捷键的设置功能把他们进行调换，对一些没有的进行设置。具体如下： 在这里我还要说一点，打开设置的OPTIONS时，有专门设计的快捷键供我们使用，可以通过他来打开选项设置，而不必 单击TOOLS―OPTIONS，来打开。在这个对话框中，CORELDRAW设计了多重展开式菜单，熟悉WINDOWS资源管理器的人很容易掌握，按以下步骤操作：OPTIONS选择最左边的列表中的CUSTOMIZE项，打开，选择KEYBOARD PRESS（键盘设置），右边相应的展开，从中选择你要设置或修改的选项，在这里，我要说明的只有一点，当你要修改的选项原来存在快捷键时，要选择 DELETE CONFLICTS才能进行以下操作，设置好后，单击ASSIGN 按钮再单击 OK按钮即设置成功。
最新发布
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”进入变形模式这里可以选择变形的中心点