推荐阅读

详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及,越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词,本人诠才末学,只能说是在自己目前的层次上去解释这词,请不吝赐教,相信探讨完后会让我更上一个层次。什么是视觉一致性?一致,即整体、统一。在我看来,它与对比是形成了互斥的矛盾关系,但两者同时也是相辅相成的。因为两者的和谐存在,才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味,如果缺少了一致也会显得杂乱无章,所以两者是不可或缺,但需要调和。所以说,美就像是走在钢索上的人,两边都是陷阱,要走下去就必须保持两边的平衡。笼统上讲,视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子,而视觉一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本。好比你进去LouisVuitton的店铺时,你不可能会看到有Chanel或者其他品牌风格的包包罗列在里面吧,LouisVuitton同一个系列的包,从手提包到肩包到行李箱,虽然产品上略有不同,但它们的细节和气质都是一致的,标识图形、埃尔泽菲尔字体以及颜色已经形成了其品牌的识别符号。甚至其衍生产品也都保留着LV独有的气质。我不是一个网游爱好者,但对游戏界面略有研究。当你在玩2D的阿拉德欧式风格的游戏,途中突然弹出一个3D的很唯美的又带有东方古典风的广告弹窗,肯定会觉得很不和谐吧。当你使用游戏中的充值币时,细心点你会发现消耗充值币的动画与消耗游戏币、消耗体力等消耗类的动画效果是一致的。其实每一款好的游戏界面都必须做到相关元素一致性、风格一致性、色彩搭配一致性等,这样才会给用户带来好的体验。还有就是你常看到的系列广告,他们系列感也是可以通过好些方式(画面表现手法,内容板式,slogan的位置等)来体现出视觉一致性,让用户可以直观出同一个产品的系列广告。

用美图秀秀怎么修改gif图片尺寸裁剪gif大小
gif设计的时候,是一组相同尺寸的图片,加上动图效果生成的动图。那么要修改其尺寸,且不破坏原有的动图效果,那么就需要找到合适的软件才能完成,本文使用美图修改动图,也是为了能够让大家轻松掌握,虽然不能像裁剪图片那般容易,但一些技巧还是有一定的借鉴意义的,希望看完本篇教程,能够给您启发。 1、使用的还是v4,v5最新版不支持此种操作,美图官网直接点击【立即下载】,安装完成后启动软件。 2、首先用美图打开动图,以静态图片的形式展示,目的是为了确定裁剪尺寸。下图中打开gif图片,提示显示为静态图片,点击确定即可。 3、图片打开之后,如下图所示,我们只需要中间的区域,点击裁剪按钮, 4、通过拖拉选框,找到合适的位置,比如下图中,中间图案的尺度为140*90,我们的目的就是把gif裁剪为此尺寸。 5、点击右上角的【新建】按钮,弹出的界面上,输入上面获取的宽度和高度值,背景色选为【透明】,点击应用按钮, 6、创建出的画布上,单击右键,点击弹出的【插入一张图片】,选中gif图片。 7、因为固定了画布大小,所以只需要移动gif图到合适的位置,露出需要的图案部分即可,然后点击右上角的【保存与分享】按钮, 8、弹出的界面上,可以看到默认展示的动图缩略图,以及后缀名为gif,更改路径和文件名之后点击保存即可。 如果只是修改gif图片的尺寸,那么就更为简单了,只需要新建画布,拖拉缩放gif图片保存即可,如有疑问可以在下方留言。

Illustrator CS5初学者必读(15)复杂无缝贴图
在上节内容中制作了较为简单无缝贴图,在本节内容中,继续为朋友们讲述使用裁切标记,制作较为复杂的无缝贴图的方法。为了更加便于朋友们理解这个命令的应用原理,我精心的为朋友们安排了实例,在开始教程的学习之前,请先在网站下载配套的练习文件,以便跟随操作步骤学习。(1)执行“文件”→“打开”命令,将“复杂图案.ai(2)在“图层”调板中,复制“背景”图层。((4)执行“对象”→“创建裁切标记”命令,创建裁切标记。

Painter9.5+友基绘影绘制卡通人物漫画
工具:Painter9.5+ 友基绘影ⅡPF8080 1.首先要完成线稿,漫画类的和写实的不同,线稿很重要。要有耐心,因为最后线稿不会覆盖全部显示的出来 图1 2.提线条 打开PS,将线条和之后要上色的图层分开,涂色的时候不要伤到线稿~,直接把背景图层复制到上一层,将模式改为正片叠底,然后把背景图层清空。将线稿调整颜色。 完成。 图2
最新发布

插画设计-刊物插画01
插画是一些出版物中对文字内容的相关的图文提示,便于读者更好的理解文字内容,插画分为“商业插画”和“非商业插画”,本实例将为读者安排一个刊物插画的详细制作过程。图7-24给出了该实例的制作概览。图7-24 制作概览(1)启动PageMaker,执行菜单栏中的“文件”→“新建”命令,打开“文档设定”对话框,参照图7-25所示在“页面尺寸”下拉列表中选择“自定义”选项,自定义页面的大小;在“自定尺寸”文本框中设置页面的尺寸为150×150毫米,在“打印方式”选项中选择“直式”;在“边界”选项组中,设置“内”、“外”、“顶部”和“底部”的边界均为3毫米;其他设置保持系统默认状态。设置完毕后,单击【确定】按钮,关闭对话框,创建一个新的出版物文档。(2)在绘制图形之前,先来定义其颜色和线形属性,执行“窗口”→“显示调色板”命令,打开“颜色”面板,拖动“青色”到【新建颜色】按钮处,弹出“颜色选项”对话框,PageMaker自动将所要添加的颜色命名为“淡青色”,读者可使用其默认名称也可以在其文本框中更改名称。参考图7-26所示,对对话框进行设置,完成设置后,单击【确定】按钮,将对话框关闭。新增加的颜色被添加到“颜色”面板中。图7-25 “文档设定”对话框图7-26 “颜色选项”对话框

“鱼乐”俱乐部宣传页设计02
(1)首先调配出两种颜色,以满足修饰图形填充颜色的需要。在“颜色”面板顶部,单击【选项】按钮,在弹出的菜单中执行“新增颜色”命令,打开“颜色选项”对话框,参照图7-17A所示在“颜色选项”对话框的“名称”文本框中输入“青黄色”;在“类别”下拉列表中选择“印刷色”;“模式”选择“RGB”。在文本框中输入数值来调配出需要的颜色,预览效果满意后,单击【确定】按钮,关闭对话框,在“颜色”面板中的颜色列表中新增加一种颜色――“青黄色”。接着使用相同的方法,参考图7-17B所示,再调配出一种“紫色”。图7-17 “颜色选项”对话框(2)所需的颜色调配好之后,接下来开始绘制图形。首先在“图层”面板中,单击“默认”图层,使其变为可编辑图层。设置填充颜色为“黑色”,线型颜色为“无”,使用工具箱中的“矩形”工具,在页面的下方绘制一个与页面同宽,高度为33mm的矩形。绘制完成后的效果如图7-18所示。图7-18 绘制黑色矩形(3)接着在黑色的矩形上再绘制六个与页面同宽的矩形,如图7-19所示。矩形①的高度为2.8mm,填充颜色为“青黄色”;矩形②的高度为4mm,填充颜色为“紫色”;矩形③的高度为3.3mm,填充颜色为淡印色50%的紫色;矩形④的高度为5.5mm,填充颜色为“天蓝色”;矩形⑤的高度为4mm,填充颜色图7-19 绘制不同颜色的矩形(4)使用工具箱中的“文字”工具,设置合适的颜色、字体和大小。参考图7-20所示,在绘制的矩形上再分别输入文字。

盘子说明书的制作02
出版物说明书内页辅助线的设置和外页是相同的,读者可参照以上设置外页面辅助线的方法来进行设置。以下是具体的操作过程。(1)切换至页面2,然后在新建的出版物文档中,拉出一条垂直的辅助线,放置到页面的中心位置110mm处。图6-19给出了完成辅助线设置后的页面效果。图6-19 设置辅助线的页面效果(2)在“图层”面板底部,单击【新建图层】按钮,打开“新增图层”对话框,在对话框中的“名称”文本框中输入“页面2”,完毕后,单击【确定】按钮,关闭对话框。新增一个名为“页面2”的图层。(3)设置填充颜色为淡印色10%的青色,线型颜色为“无”。使用工具箱中的“矩形”工具,绘制两个矩形。如图6-20所示,大矩形的高为147.7mm,小矩形的高为99.8mm,它们的宽度均为出版物页面宽度的1/2。图6-20 绘制矩形(4)在工具箱中,双击“矩形”工具,这时会弹出“圆角化”对话框,参照图6-21

盘子说明书的制作01
本小节制作的是高档次的餐具说明书,餐具是每个家庭必备的生活用品,餐具的颜色、色泽、样式、花纹等一些小的细节都会影响产品的精美度,同时餐具的好与坏也反映了消费水平的高低。图6-2给出了该实例的制作概览。图6-2 制作概览(1)启动PageMaker,执行菜单栏中的“文件”→“新建”命令,打开“文档设定”对话框,参照图6-3所示在“页面尺寸”下拉列表中选择“自定义”选项,自定义页面的大小;在“自定尺寸”文本框中设置页面的尺寸为220×160毫米,在“打印方式”选项中选择“横式”;在“页数”文本框中输入“2”;在“边界”选项组中,设置“内”、“外”、“顶部”和“底部”的边界均为3毫米;其他设置保持系统默认状态。设置完毕后,单击【确定】按钮,关闭对话框,创建一个新的出版物页面。(2)切换至页面1,然后来设置辅助线的位置,划分出产品说明书的外页面封1和封4的位置。将鼠标指针移至垂直标尺上按下鼠标左键,将其拖到出版物页面的110mm处释放鼠标,在页面的中间位置拖出一条绿色的辅助线,效果如图6-4所示。图6-3 “文档设定”对话框图

灯饰说明书的制作04
(1)在“图层”面板底部,单击【新建图层】按钮,打开“新增图层”对话框,在对话框中的“名称”文本框中输入“内页文字”,设置完毕后,单击【确定】按钮,关闭对话框。(2)然后设置填充颜色为黑色,在工具箱中,单击“文字”工具,选择合适的字体和大小在页面中输入数字,然后参照图6-73所示摆放它们的位置。图6-73 输入数字(3)设置填充颜色为“紫色”,使用工具箱中的“文字”工具,在“字符”面板中的“字体”下拉列表中选择“汉仪方叠体简”选项,设置“字体大小”为“13”,按<Enter>键确认。然后在出版物页面的左上角输入文字“MODE”,效果如图6-74所示。图6-74 输入文字(4)再次使用“文字”工具,在“字符”面板中,单击【阴文】按钮,选择与刚输入的文字相同的字体,设置“字体大小”为“12”,按下<Enter>键确认。在紫色文字的右下方再输入一组英文字母“LUMIN A TION”,效果如图6-75图6-75 再次输入文字

灯饰说明书的制作03
(1)切换至页面2,依据以上设置辅助线的方法,在页面的垂直中心位置110mm处拖出一条垂直的辅助线。图6-62给出了添加辅助线后的页面效果。图6-62 添加辅助线页面效果(2)在“图层”面板底部,单击【新建图层】按钮,打开“新增图层”对话框,在对话框中的“名称”文本框中输入“内页”,单击【确定】按钮,关闭对话框。创建“内页”图层。(3)单击“颜色”面板下方的【新建颜色】按钮,打开“颜色选项”对话框。参照图6-63所示在“颜色选项”对话框中的“名称”文本框中输入“深褐色”;在“类别”下拉列表中选择“印刷色”;在“模式”下拉列表中选择“CMYK”颜色模式,在其下面的文本框中输入数值来调配需要的颜色,预览满意后,单击【确定】按钮,关闭对话框。在“颜色”面板中的颜色列表中就会出现新增加的颜色――“深褐色”。(4)设置“颜色”为新增的“深褐色”,使用工具箱中的“矩形”工具,在出版物页面中绘制一个与页面同大的矩形,如图6-64所示。图6-63 “颜色选项”对话框图6-64 绘制矩形并填充颜

灯饰说明书的制作02
(1)在“图层”面板底部,单击【新建图层】按钮,打开“新增图层”对话框,如图6-53所示,在对话框中的“名称”文本框中输入“文字”,设置完毕后,单击【确定】按钮,关闭对话框。图6-53 “图层选项”对话框(2)设置填充颜色为“浅褐色”颜色,在工具箱中,单击“文字”工具,参考图6-54所示在“字符”面板中的“字体”下拉列表中选择“汉仪超粗黑简”选项;设置“字体大小”为“30”;设置完毕后,按<Enter>键确认,然后在封1灯具图像的下面输入文字“LUMINATION”。图6-54 输入标题文字(3)再次使用“文字”工具,参照图6-55所示在“字符”面板中,单击【阴文】按钮;在“字体”下拉列表中选择“汉仪超粗黑简”选项;设置“字体大小”为35;“间距”为0.1,设置完毕后,按<Enter>键确认。然后使用设置好的“文字”工具,在刚输入的文字上方输入文字“MODE”。图6-55 输入文字(4)单击“颜色”面板下方的【新建颜色】按钮,打开“颜色选项”对话框,参考图6-56所示在“颜色选项”对话框中的“名称”文本框中输入“紫色”;在“类别”下拉列表中选择“印刷色”;模式下拉列表中选择“CMYK”颜色模式。拖动滑块或者在文本框中输入数值来调配需要的颜色,预览满意后,单击【确定】按钮,关闭对话框。

灯饰说明书的制作01
生活的情趣完全取决于人本身,你在家中放置一些快乐的元素,它自然会给你一个能长长久久的感到喜悦与欢娱的场所。灯饰就是吸引众多目光的快乐元素,新时代的人不再仅仅把它当作照明的工具,而是以灯光来装饰自己的房间,利用光的颜色和强弱来营造一种惬意的气氛。图6-42给出了该实例的制作概览。图6-42 制作概览(1)启动PageMaker,选择菜单栏中的“文件”→“新建”命令,打开“文档设定”对话框。参照图6-43所示对对话框进行设置,设置完毕后,单击【确定】按钮,关闭对话框,创建一个新的出版物版面。(2)完成出版物版面的创建后,切换至页面1。接下来设置辅助线位置。将鼠标指针移至垂直标尺上按下鼠标左键,将其拖动到出版物页面的110mm处释放鼠标,如图6-44所示在页面的垂直中心位置拖出一条绿色的辅助线。(3)选择菜单栏中的“窗口”→“显示调色板”命令,打开“颜色”面板。如图6-45所示。(4)单击“颜色”面板下方的【新建颜色】按钮,打开“颜色选项”对话框。在“名称”文本框中输入“浅褐色”;在“模式”下拉列表中选择“CMYK”模式;在其下面的文本框中从上至下依次输入(青色0、洋红11、黄色22、黑色22)。图6-43 “文档设定”对话框

夏令营宣传页制作02
(1)在“图层”面板底部,单击【新建图层】按钮,打开“新增图层”对话框,如图5-14所示在对话框中的“名称”文本框中输入“文字”,设置完毕后,单击【确定】按钮,关闭对话框。图5-14 “新增图层”面板(2)首先添加主题文字。设置填充颜色为“洋红色”,单击工具箱中的“文字”工具,在“字符”控制面板中参照图5-15所示对文字的字体及文字大小进行设置。设置完毕后在文档的左上方输入英文字母“SUMMER”,效果如图5-15所示。图5-15 输入文字(3)在“颜色”面板顶部,单击【选项】按钮,在弹出的菜单中执行“新增颜色”命令,打开“颜色选项”对话框。参照图5-16所示在“颜色选项”对话框的“名称”文本框中输入“青黄色”;在“类别”下拉列表中选择“印刷色”;“模式”选择“CMYK”。拖动滑块或者在文本框中输入数值来调配需要的颜色,预览效果满意后,单击【确定】按钮,关闭对话框。在“颜色”面板的列表中就会出现新增加的颜色――“青黄色”。图5-16 “颜色选项”对话框(4)使用工具箱中的“选择”工具

夏令营宣传页制作01
5.1 夏令营宣传页 夏令营活动可以锻炼人的意志和自立、谋生能力。它不仅仅是一种新的运动,而且还代表了一种时尚。在本章开始的第一小节,为读者安排了一则夏令营的宣传页,让大家从视觉上感受一下夏令营生活的丰富和刺激。 本小节为读者安排的是一则关于夏令营活动的宣传页,其客户的营业性质是休闲体育类,他们主要是组织团体活动,为其安排一定的路线和一些刺激、冒险的活动项目,让消费者体验一种新的生活。消费人群主要是年青人,根据客户的营业性质和服务对象,在构思这一宣传页作品时,首先确立的是作品的色调,以黄色为主色调,黄色给人快乐、刺激的感觉,恰好能体现该项活动的特点。画面中一个小女孩手捧一块蛋糕脸上充满笑容,充分体现了丰富的夏日生活所带来的充实与喜悦,使主体更加突出。 本小节主要是对基本绘图工具使用的训练,在制作过程中使用工具箱中的“矩形”工具,绘制矩形并通过复制和多重粘贴命令,创建出丰富的拼图效果。 首先,绘制背景,运用工具箱中的“矩形”工具创建背景,再置入一张充满笑容的小女孩图片,然后制作带有阴影效果的主题文字,添加夏令营活动的一些信息。最后又添加了两个小装饰图片。图5-2给出了该实例制作概览。 图5-2 制作概览(1)启动PageMaker 6.5C,执行菜单栏中的“文件”→“新建”命令,打开“文档设定”对话框,参照图5-3所示,在“页面尺寸”下拉列表中选择“A5”选项,这时“自定尺寸”文本框中的尺寸会自动改变为210×148毫米;在“打印方式”选项组中选择“横式”选项,设置页面方向为横式;在“边界”选项组中,设置“内”、“外”、“顶部”和“底部”的边界均为3毫米;其他设置保持系统默认状态。设置完毕后,单击【确定】按钮,关闭对话框,创建一个新的出版物页面。图(2)在菜单栏中,选择“窗口”→“显示调色板”命令,打开“颜色”面板,如图5-4所示。图5-4 “颜色”面板(3)在“颜色”面板中的颜色列表中双击“黄色”图标,弹出“颜色选项”对话框,参照图5-5所示在该对话框中依次对各个基本色的百分比进行调整,完毕后,单击【确定】按钮,关闭对话框,调配出一种稍暗一些的黄色。