推荐阅读

详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及,越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词,本人诠才末学,只能说是在自己目前的层次上去解释这词,请不吝赐教,相信探讨完后会让我更上一个层次。什么是视觉一致性?一致,即整体、统一。在我看来,它与对比是形成了互斥的矛盾关系,但两者同时也是相辅相成的。因为两者的和谐存在,才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味,如果缺少了一致也会显得杂乱无章,所以两者是不可或缺,但需要调和。所以说,美就像是走在钢索上的人,两边都是陷阱,要走下去就必须保持两边的平衡。笼统上讲,视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子,而视觉一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本。好比你进去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
最新发布

Photoshop合成创意双重曝光效果的人像图片
你可能在现代杂志和广告中看到了这一有趣的效果,在音乐专辑封面上的两个或多个重叠的照片。在本教程中,我们将用photoshop合成时尚的人像二次曝光效果图,喜欢的朋友可以跟着教 先看看效果图 1,准备主要照片 Step 1 你可以根据你的喜好使用任何照片,例如,从您的个人自拍照。但是,要确保你的照片背景没有太多的噪音的元素,如草或树叶,为了使它更容易处理。 使用裁切工具进行矢量的裁切,要注意构图,把人物尽量放置中间。 Step 2

用PS设计制作融化特效艺术字的融化字体设计教程
今天给大家分享点干货,用PS绘制矢量飞速融化的字体效果,简单又出效果,主要通过图层样式来完成,我们先来看看效果图具体步骤如下:1. 形状新建画布,创建纯色画布和文字(#3dab9e)字体输出duia(字体:汉仪方叠体简)。Ctrl+T旋转-45度,回车确定。Ctrl+R调出标尺,绘制参考线,用圆角矩形工具,绘制几个大小不一的圆角矩形,按照参考线的走向排练摆放。

用PS制作沙发靠椅主题立体字的3D立体字设计教程
本篇教程是要制作一个沙发的字母靠枕,整体来说是有一定难度的,加上又是翻译教程,制作起来还是有一定的挑战性,不过教程中说的很清晰,相信同学可以通过教程制作的很好,教程只是参考,具体做成什么,还是要看同学们对教程的理解,在素材上同学们可以自由搭配一下,不是局限某一种,具体通过教程来学习一下吧。操作步骤:1.修改和保存图案图像步骤1转到文件>打开免费EPS文件,矢量集花卉无缝模式01文件。这将显示栅格化EPS格式的窗口,我们将将模式更改为RGB颜色,并取消选中消除齿框,取消勾选反锯齿框将给我们带来清晰的结果,这样我们可以轻松地选择图案,而不必处理模糊的边缘。步骤2文件打开后, 稍微放大左上角, 您可以看到第一个图案的边缘具有一些透明的部分, 如果按这样使用, 将产生不连续性的问题。因此, 接下来的几个步骤将只是解决此图案的问题。对于其他图案, 您只需选择它们并将其保存为图像就好。

用PS设计拟物风格APP图标的图标设计教程
在开始制作之前呢,首先确定好自己要做的内容有哪些,大致的一个风格。然后去寻找参考,看看其他作者如何在作品中将自己的想法展现出来。这里我选择相机、天气、日历、相册、设置、信息、视频和地图。内容和风格确定了,参考也找的的差不多了,对于自己要做的东西有一个比较清晰的思路之后,先在草图上将自己大致的想法画出来,然后才用软件将想法构建完善。这里做的几个图标都是比较简单的,基本上可以用图层样式来实现所有的效果。因为是拟物风格,所以在图标制作的过程当中,要注意体积和光影的表达。通过颜色的选择、相似的装饰元素使整体风格看起来更加统一和谐。先看看效果图教程步骤草图一、相机图标步骤 01 建立文档并制作背景

用PS制作奶油质感手机主题图标的图标设计教程
想要制作一组手机主题图标,首先呢要去寻找相应的参考作品,然后按照自己的想法和思路把草稿画出来,把自己确定好的想要做的图标草图画出来,接着用软件进行相应的制作。前期在肥子老师的指导下进行了很多次修改,对于图标的光影配色体积,最终完成一组奶油状图标。修改前后对比制作步骤电话步骤 01 建立文档并制作背景1.1 新建文档,大小为3600*2800px,分辨率为72。前景色填充为383e4b。1.2 为背景添加斜面浮雕和纹理效果,参数如图。

用PS制作荷花形态APP图标的简约图标设计教程
通过PS来制作一款弥撒图标教程,主要用图层样式来制作,这种类似的图标教程大都是如此制作,不是很难,但是需要耐心,具体通过教程来学习一下吧,毕竟只有制作起来才知道哪里不足,知道什么如何制作,所有的PS教程就是必须练习,只有练习才能提高自己的PS能力。效果图:操纵步骤:1. 新建画布,画一个圆搜索公众号photoshop教程论坛,免费领取自学福利2. 选中圆,Ctrl+T,选择变形,在菜单栏找到膨胀,进行拉伸

用PS制作中国风圆形APP图标的图标设计教程
图标分拟物图标、微拟物图标和扁平图标。主题图标,日常生活中常见的就是手机图标,还有一些标志性的主题图标,比如动漫人物、地区等等。制作主题图标首先要确认主题,我制作的主题为中国标志,有很多标志可以代表中国,比如熊猫、太极、京剧人物、长城等等,这些让很多人喜爱的元素。因为是中国标志,所以主体画风定为中国风。确认好主题后,要找到相应的参考,发现最能表现内容的元素,形成自己的构思。然后把自己的想法画草图,最后再用软件开始具体的制作。优设基础训练营的课堂作业是时间、音乐和录音机,学完之后,我也原创了自己的8个图标,这次教程主要为大家具体讲解“熊猫“图标的制作,其余的方法类似,就不一一赘述了。草稿初稿终稿