推荐阅读

电商设计师总结的8条产品设计趋势分析
这5年时间,我呆过已经倒闭了的小电商平台,做过腾讯电商的外包,也真正近距离参与过京东大大小小的各种活动设计,亲眼目睹了天猫双11成交额从2011年的52亿一直增长到2015年的912亿,直到现在,我把我的部分关于电商的思考和观察总结写成文章近百篇分享给大家。写在前面2011年那会儿,我还是杭州某互联网公司的一名ui设计师,那年双11我亲眼目睹了我们整层办公楼500多人都在买买买的壮观场面,不过那时候的我对电商没有任何概念,甚至对网购都不熟悉;2012年年初,我阴差阳错地接触到了电商设计,爱上电商设计并一直坚持到现在,已近5年时间。这5年时间,我呆过已经倒闭了的小电商平台,做过腾讯电商的外包,也真正近距离参与过京东大大小小的各种活动设计,亲眼目睹了天猫双11成交额从2011年的52亿一直增长到2015年的912亿,直到现在我把我的部分关于电商的思考和观察总结写成文章近百篇分享给大家。这几年,电商的发展速度是惊人的,我觉得有必要对自己的观察和体会做一个小结,于是就有了这次的话题:“入行电商设计近5年,写文近百篇后,我给大家总结了这8条趋势分析和建议”。这篇文章也许对正在电商设计这条路上或即将迈入这条路的人有所启发,接下来我们直接进入正题:少数人会驱动多数人的行为和想法这个少数人是指什么人呢?指某一个行业领域里走在最前面的人,再或者是某一个圈子里最活跃的那一批人,毫不夸张地说,这些人的一举一动都会牵涉到其他人的发展方向,这种现象在炒股行业也许最为明显,知名企业或知名投资人的稍微一点动作就会对相关公司或行业的股价产生不小的影响。那么在设计圈里其实也是一样的道理,比如现在在设计圈很火的C4D,三维建模和渲染,虽然这个在工业设计领域是非常常见的一项技能,但是不知是被谁引入到了电商设计行业,然后大家开始纷纷效仿三维的效果。还有合成效果早几年前比较常见于创意互动广告界,一开始一些简单的合成效果也只是常见于一些比较追求炫技和非主流效果的店铺(因为那时候的效果都做的比较粗糙所以看起来有些俗气),其实对于天猫或者京东这样的平台页面设计里是很少会用到这些效果的,因为这种效果对于动辄就是好几十个不同会场的平台活动来说,很难进行品牌视觉延伸,再一个就是合成玩的好需要很强的绘画功底和想象力,处理不好容易变得非常俗气。

CorelDRAW绘制日式卡通美女教程
在本节实例的学习中,将制作一幅具有日本卡通绘画风格的漫画。日式卡通中对人物的塑造具有很鲜明的特色,归纳性很强。在制作过程中可以很容易的抓住人物特征。整个画面用色鲜明,女孩飘动的头发与背景中舞动的枫叶,使画面充满了动感。如图1-89所示,为本实例的完成效果。图1-89 本实例完成效果1.4.1 技术提示为了节省篇幅,实例的背景图形和卡通女孩的轮廓图形,使用了导入的素材。实例的制作过程将重点讲述角色的绘制、润色、细节刻画等方面操作。如图1-90所示,为本实例的制作流程。图1-90 本实例制作流程1.4.1 制作步骤:刻画角色五官(1)启动CorelDRAW,新建一个空白文档,参照图1-91所示设置文档属性。

PS简单几步为照片增加对比度和层次感
原图效果1.磨皮:这个为什么第一步磨皮呢,个人习惯吧..呵呵。我习惯用Topaz 2. 复制一层,模式为滤色,不透明度视情况而定别太白了3.向下合并图层,然后选择图像-调整-可选颜色,先分析这张图,红色占大部分所以不用大范围地调整红色通道.参数设置如图2,效果对比如图3

PS烟雾笔刷应用:制作出逼真火焰效果
先看看效果图:下面是制作的步骤:1、新建一个文档,拉出一个径向渐变,颜色如图: 2、新建图层,将前景色设为跟火焰接近的颜色,选择一些烟雾笔刷,画出一团火焰。烟雾笔刷下载:http://www.86ps.com/Soft/ShowInfo.asp?InfoID=3753
最新发布

实例接触CorelDRAW 10 新功能(十二)
六、紧跟时代的网络特性・ 强化了HTML输出功能 CorelDRAW 10新增了浏览器预览、页面下载速度预警及FTP等功能。这些功能的操作方法如下:1. 单击File/ Publish To The Web/ HTML或Internet(国际互联网)工具栏中的 Publish To The Web- HTML按钮,弹出Publish To The Web对话框。图55 Publish To The Web(发布到Web)对话框2. 在General(常规)标签页面中可以进行相关选项的设置: HTML Layout Method(HTML配置方式)列选栏:可以针对不同的对象选择网页的配置方案为HTML Table(适用多数兼容)、Layers(适用Netscape4浏览器)、Styles(适用Netscape4/MS IE4或MS IE5浏览器)或Single Image with Image Map(用热点的单一图片)。 Destination(目的文件)选项框:可以选择网页的保存路径及Image folder(图像文件夹)名称。 Export Range(输出范围)选项框:可以选择网页输出的范围为All(所有页面)、Current Pages(当前页面)、Pages(选定页面)或Selection(选择页面)。 FTP(文件传输)选项框3. 在Details(详细)标签页面中,可以设置和更改网页页面的Page(页码)、Title(标题)和File name(文件名)。图57 Details(详细)标签页面

实例接触CorelDRAW 10 新功能(十一)
六、紧跟时代的网络特性・ 新增的Rollover功能3. 单击工具栏中的 Edit rollover按钮,进入编辑状态;4. 在Active rollover state列选栏中,选择Over(滑过)状态;5. 将选定的文本外形变化为大一些的形状(当鼠标滑过按钮时文本会变大);6. 在Active rollover state列选栏中,选择Down(按下)状态;7. 将文本对象填充为红色(当鼠标按下按钮时文本变为红色);8. 在behavior(行为)列选栏中,可以选择当前状态的行为为URL(指定信息位置)、Sound(声音)或Bookmark(书签);当选定行为为URL(指定信息位置)时,可以在其后的文本框中输入链接的网页地址;9.单击 Finish editing rollover(完成编辑滚动)按钮完成设置;10.用同样的方法设置其余的按钮。11. 单击 Live preview of Rollovers(预览翻滚效果)按钮或View/Enable Rollover(使翻滚可能)命令预览效果;图54 鼠标滑过按钮时的效果

实例接触CorelDRAW 10 新功能(十)
五、支持广泛的文档管理 CorelDRAW 10继续保持并新增了对流行文件格式的广泛支持。还更新和增强了颜色管理、发布PDF及分离打印功能。・ 对流行文件格式的广泛支持 在CorelDRAW 10中生成的图像,一般以.cdr文件格式存储,同时还支持其他多种文件格式如:Photoshop 的PSD格式、Illustrator的AI格式、Flash的SWF格式、AutoCAD的DXF和DWG等。・ 彻底更新的颜色管理 CorelDRAW 10将所有的基本颜色管理选项都放在一个对话框里。该对话框的用户界面设计极具交互性,采用图标示意颜色管理的工作流程,使得颜色管理更加直观、简便。 单击Tool(工具)/ Color Management(颜色管理)菜单命令,即可弹出Color Management(颜色管理)对话框。图44 Color Management(颜色管理)对话框 该颜色管理对话框展示了在扫描仪、数字的照相机、打印机及监视器等各种设备之间进行颜色匹配的工作流程。通过对颜色管理对话框中展示的工作流程的控制,可以保证各种输入设备获取的颜色能在CorelDRAW 10中得到正确的显示,用CorelDRAW 10 设计的图形颜色,也能在各种各样的输出设备中尽可能真实的反映出来。 颜色管理对话框的设置,也非常的简单和直观。用户只需单击图标之间的流程指向箭头,使其变为橘红色,即可设置在扫描仪/数字照相机图标、分离打印机图标、、合成打印机图标、进口/出口图标、扫描仪/数字照相机图标以及内部RGB图标之间的颜色匹配流程。 单击设备图标,可以在弹出的高级设置对话框中,进行一些与选定设备相关的一些高级设置,以保证该设备能尽量匹配设计的图形颜色。・ 增强了PDF文件的发布 PDF文件格式是Adobo公司指定的一种计算机跨平台传递文档、图片等数据的通用文件格式。在CorelDRAW 10中,进一步增强了PDF文件的发布功能。用户可以嵌入ICC颜色方案、作者、关键字及索引图等信息,甚至任何类型的文件到PDF文件中。・ 灵活的颜色分离打印 在CorelDRAW 10中,可以指定颜色分离的顺序,并可以将打印机的所有标记排列对齐到图像或页面的边缘,为用户在设置颜色的分离打印时,提供了更为灵活的选择。

实例接触CorelDRAW 10 新功能(九)
四、更为方便的文本处理・ 更新了文本格式对话框及状态显示 文本格式对话框不但能反映出文本样式的应用,而且还能显示字符的格式选项。 在以前版本中,有一个白色的框线围绕处于编辑下的文本;在CorelDRAW 10中,改用闪烁的光标来表示文本处于编辑状态。在段落文本的输入中,按Enter键输入硬回车,按Shift+ Enter键插入软回车。我们也可以直接复制其他软件中已经编辑好的文本到CorelDraw 10中。 编辑艺术体文本1. 使用Pick Tool(选取工具)选定已输入的文本,即可看到Text Tool的属性栏。图28 Text Tool(文本工具)的属性栏2.在属性栏中的Font List(字体列表)列选框中选择字体;在Font Size List(字体尺寸列表)列选框中选择字号,即可完成字体大小的设置。3. 单击列选框按钮,可以选择文本的对齐方式为:None(无对齐)、Left(左对齐)、Center(居中)、Right(右对齐)、Full(全部对齐)或Force Full(两端对齐)。4. 单击按钮,可在弹出的Edit Text(编辑文本)对话框中编辑选定文本(如:字体、尺寸、对齐等)。5. 单击 或 按钮,可设置选定文本为水平排列或垂直排列。6. 使用Shape Tool(选取工具)选中文本,此时文本处于节点编辑状态,每一个字符左下角的空心矩形框(选中时为实心矩形)为该字符的节点。图29 处于节点编辑状态的文本7. 拖动字符节点,即可将该字符移动;拖动 或 图标,可以调节文本间距。 技巧:使用Shape Tool,按住Shift键,以加选的方式选中多个节点后,拖动即可以同时移动多个文本。

实例接触CorelDRAW 10 新功能(八)
四、更为方便的文本处理 CorelDRAW 10对文本编辑功能也进行较大的改善。・ 支持多语言文本 CorelDRAW 10为用户提供了充足的多国语言支援。即使在同一文本框内,每个文字项目内的每个字符,都可以设定为不同的语言,并能自动校正多语言文档。图26 Select Language(选择语言)对话框 单击Text(文本)/Writing Tools(书写工具)/Language(语言)菜单命令,即可弹出Select Language(选择语言)对话框,设置文本语言。

实例接触CorelDRAW 10 新功能(七)
橡皮擦和刻刀工具的增强 橡皮擦和刻刀工具的应用范围扩大了,可以应用于矢量图形,也可以应用于位图图象。 Eraser Tool(橡皮擦工具) 使用该工具在对象上拖动,可擦去对象内部的某些部分。如果是矢量图形,被破坏的路径会自动封闭。图象则处理前后属性不变。 方法如下:1. 使用Pick Tool(选取工具)选定需要处理的图形;2. 从工具箱中Shape(形状)工具的级联菜单中选择Eraser Tool;3. 拖动鼠标即可擦除;图23 使用Eraser工具应用于矢量图和位图的效果4. 可以在属性栏的 增量框中设置橡皮擦工具的宽度;5. 按下 按钮可在擦除时自动平滑擦除边缘,而按下 按钮则可切换橡皮擦工具的形状。

实例接触CorelDRAW 10 新功能(六)
三、性能加强的工具・ 加强了交互式工具的性能 CorelDRAW 10加强了交互式工具在预设效果、加速控制及应用范围等方面的性能。 增加了预设效果样式 下面我们就以Interactive Contour Tool(交互式轮廓工具)为例,来熟悉预设效果样式的使用方法:1. 使用Text Tool(文本工具)在新建的绘图页面中,输入要处理的文本;2. 选取工具箱中的 Interactive Contour Tool(交互式轮廓工具);3. 在Interactive Contour Tool属性栏的前面,提供了一个Preset List(样式列表)列选栏,在该列选栏中有许多预置的轮廓样式;图16 轮廓样式列选栏4. 单击轮廓样式列选栏中的“Outside 1”效果样式,即可设置文本的轮廓效果。图17 应用预设效果样式5. 单击Preset List(样式列表)列选栏右边的“+”或“-”号,可添加效果到样式列表,或是将列表中的样式删除。・ 加强了交互式工具的性能 增加了交互式轮廓工具的加速效果 Interactive Contour Tool增加了控制轮廓的对象加速和颜色加速功能,使用户能创建更多的轮廓效果。操作方法如下:1. 选用 Interactive Contour Tool为对象创建轮廓效果。2. 单击 Object and Color Acceleration (对象与颜色加速度)按钮,弹出Acceleration(加速度)对话框。图18 对象和色彩加速轮廓对话框

实例接触CorelDRAW 10 新功能(五)
三、性能加强的工具・ 新增Basic Shapes Tool (基本图形工具) 为了使用户在短时间内创建复杂的图形对象, CorelDRAW 10 新增了一组工具Basic Shapes Tool (基本图形工具)。在这组工具的图库中预存了许多图形对象,如箭头、星形、插图框及流程图框等,用户只需选择相应的图形对象后,在绘图页面中拖动鼠标即可。 下面我们就通过对(图7)所示的流程图的绘制,来熟悉这组工具的性能。图7 流程图 绘制流程图的简单步骤如下:1. 在Pick(选取)工具属性栏中单击 按钮,将绘图页面设置为横放;2. 在工具箱中选定 Basic Shapes Tool (基本图形工具);3. 单击属性栏中的 Perfect Shapes (图形库)按钮,在弹出的菜单中选择需要的形状;图8 Perfect Shapes (图形库)4. 在绘图页面上拖动鼠标即可绘制出所选的图形; 技巧:通过调节对象中的菱形和方形节点,可改变该图形的形状及大小。5. 在属性栏的(线条样式)和(线条宽度)下拉选项框中设置图形线条样式和宽度;6. 单击 Basic Shapes Tool (基本图形工具)按钮右下角的导角,即弹出该组工具中其他的几个工具,分别是 Arrow Shapes(箭头图形)、 Flowchart Shapes(流程图框)、 Star Shapes(星形)及 Callout Shapes(插图框)工具。图9 基本图形工具级联菜单参数解释: Basic Shapes Tool (基本图形工具)组中其余的工具图形库展示。 图10 箭头图形库 图11 流程图库 图12 星形图库 图13 插图框库. 选择相应的图形工具绘制好流程图的各元素图框;图 14 流程图的各元素图框8. 选定 Arrow Shapes(箭头图形)工具绘制“*处理器”图框与“输入设备”、“输出设备”及“存储设备”图框之间的连接符号;9. 从工具箱中的 Freehand(手绘)工具的级联菜单中选择 Interactive Connector Tool(交互式连接工具),绘制“控制器”图框与“输入设备”、“输出设备”及“*处理器”图框之间的连接线。10.在Start Arrowhead Selector(起始箭头)下拉列表框和End Arrowhead Selector(终止箭头)下拉列表框中设置连接线起始端的箭头和终止端的箭尾的形状;图15 箭头下拉列选框 注意:在使用Interactive Connector Tool(交互式连接工具)的时候,只允许从一个没有与其他对象连接的对象出发进行连接。但CorelDRAW却允许多个对象连接。

实例接触CorelDRAW 10 新功能(四)
方便的检视导航 为了方便用户编辑大页面或多页面的文档,CorelDRAW 10 还新增了Page Navigation(页面导航器)和Page Sorter(页面检视器)功能。 点击工作区右下角的页面导航器图标(小方块)启动Page Navigation(页面导航器),在弹出的含有当前编辑文档的迷你窗口中随意移动,可以显示文档的不同区域。特别适合对象放大后的编辑。图5 页面导航器 单击View(视图)/ Page Sorter View(页面检视)菜单命令,即可调用Page Sorter(页面检视器)将多页面文档中的各个页面分列显示。单击任一页面,即可快速进入该页,进行编辑。图6 使用Page Sorter(页面检视器)

实例接触CorelDRAW 10 新功能(二)
共享界面设计 如果想把自己设计的工作界面与他人共享,可通过CorelDRAW 10内置程序发送给远方的友人。当然,也能将别人的工作界面方案应用于自己的程序中。操作方法如下:1. 在工具栏上单击鼠标右键,弹出快捷菜单;图3 自定义快捷菜单2. 选择Customize(定制)/ Workspace(工作空间)/ Export Workspaces(输出工作空间)命令;3. 在弹出的Export Workspaces(输出工作空间)对话框中选择输出的内容选项;图4 Export Workspaces(输出工作空间)对话框4. 单击Email(电子邮件)按钮,即可弹出选取配置文件对话框;图5 选取配置文件对话框5. 确定电子邮件的配置文件后,单击“确定”按钮即可完成。