-
怎样做耐看的设计,专业图文讲解
不知道大家有没有这样的情况发生,自己设计的作品,“乍一看不怎么样,仔细一看,还不如乍一看”!其实不耐看,或者不敢放大看的原因都是细节做的不到位。最近在做手机OS的主题图标,对细节的感触很大,今天结合主题图标来和大家聊聊,我们可以从哪些方面注意自己的设计细节,大纲如下:给造型加点细节多加点质感的细节不要让图标看着灰灰的风格特点的运用1.给造型加点细节造型是所有设计执行的第一步,造型做不好,说别的都没用。那如何能给造型加点细节呢?打个比方,我们要画一个圆角矩形:哪个更有设计感,更有细节呢?当然是第二个,第一个一看就是默认的圆角,没有细节可言,放在真正的案例中就像下图一样:如果youtube的图标用了第一个普通的圆角矩形,可能就有现在那么耐看了!造型加点细节,你也可以理解为,别让造型太普通,比如,我们要做一个定位图标:这是一个很常见的定位图标,在图标网站上一搜一大把,那如何让他变得不那么普通呢?看下图:首先比例上可以做点事情,比如拉长,之后在线条上再做点文章,比如给直线加点弧度,最后就得到了一个看起来没那么普通的定位图标了,它就是谷歌地图上面的一部分:方法不止一种,大家可以多思考总结,观察优秀的设计,借鉴他们,然后超越他们!2.质感的细节假设我们现在做一个文件管理的图标:这就是一个细节很少的普通图标,我想在这个图标上面加一些轻质感,如何做呢?例如转折处加一点高光:例如纽扣加点真实的效果:再例如加点渐变折叠的设计语言,来丰富层次:优化前后的图标对比如下图:这样看着就显得精致、专业多了!但这里需要强调一点,由于我的前期风格定位是轻质感与轻拟物,所以加了一些质感的细节,但并不完全适用于任何场景,所以大家一定要具体场景具体分析哦!3.不要让图标看着灰灰的有的时候颜色用不好,很容易就使图标变脏了。这里我们要记住两点,一个是增强主影响与图标背板的对比度,二是主形象一定要尽可能的提亮突出。举个例子,下图是一个相机的图标:这个图标存在的问题就是摄像头与背景对比不够强,粘在了一起,使整体看起来灰灰的,尤其是在饱和度较高的背景上面,为了提高对比,要么让摄像头颜色变浅,要么让背景颜色变浅,我原则第二个方案,把背景颜色变成白色,如下图:这样看着就好多了,但是放在纯黑色背景下,我们会发现,好像摄像头的颜色还是有些灰,不够明亮,那我继续将其提亮,如下图:这样整个图标就做的差不多了。所以,大家一定要让图标的层次拉开,该亮的地方亮起来,该暗的地方暗下去,大胆果断一点,都是80、90后,咱怕啥!4.关于风格特点有些时候,即使图标的造型没有特别惊艳,如果能赋予一个统一的风格特点,也会使图标看起来非常出彩。关于风格特点,举几个例子,比如颜色:△大空逸_kin作品高级灰的颜色就是这套图标很重要的风格特点。形状:△09ui作品这套图标得风格特点就是和六边形形进行结合。纹理:△kidaubis作品柔和的渐变就是这套图标的风格特点。如果用户看了你的设计之后,没有任何记忆点,那就基本上是没啥风格特点了,所以前期规划时一定要考虑好!总结我们在欣赏别人优秀的作品时,不是随便看看就好了,不仔细分析,很难看出里面的细节,而如果你一直不注意细节,作品怎么可能会精致耐看呢?对不对!
-
图文编排意识:版式设计中的结构美感
摘要:版式主要是吸引人的视觉,利用人的视觉生理和视觉心理,产生强大的视觉冲击波,牢牢勾住人们的眼球。版式主要是吸引人的视觉,利用人的视觉生理和视觉心理,产生强大的视觉冲击波,牢牢勾住人们的眼球。一副好的平面设计如果要达到强烈的视觉冲击,这就要求在版式设计中,有创新的版式,能够体现主题,使人们的视觉感受上产生不同的效果。版式是现代设计的重要组成部分和表现形式,版式设计,简单地说就是图文编排,也可以理解为在有限的空间中,根据设计的主题内容要求,结合美学的知识和原理,设计出美观实用的版面。当人们开始在岩壁、兽骨或器物上记录文字和图形的时候,就已经具有了最初的图文编排意识。印刷和造纸术的发明让信息传播的速度更快,同时也为现代版式设计的发展打下了基础。19世纪初,由俄国艺术家发起的构成主义运动,是一场对艺术和设计进行探索的活动。倡导设计简单明确,以理性的、简洁的几何形态构成图形。探索纯粹几何形态的抽象表现力,旨在寻求一种结构美感。所以此时各类版面中的字体全都使用无装饰线体,着重于表现形体美、节奏美和抽象美。俄国构成主义运动为版式设计与平面构成的交汇提供了可能。版式设计中的要素与平面构成平面构成研究点、线、面的关系,而版式设计则关注文字、图形、图片等元素的布局与安排。看似联系不大,但是通过对比,我们便可将二者的要素一一联系起来。版面中一个单独的文字和字母,一个小的图形或者图片都可以被当作是一个点;一行文字或一列文字,以及装饰线条可被理解为平面构成中的线;而密集排列的一段文字和较大的图形、图案,以及空白则可被当作是面。推荐阅读:版式设计的四种“意识”!你造吗?要掌握版面设计中的构成关系,我们必须把复杂的设计要素都简化为点、线和面。只有这样,我们在排版的时候才不会受到其它附加因素的干扰,而直接研究版面中点、线、面的组合规律。如此看来,如何处理好版面中文字、图形和图片等各元素的构成关系,其实就是如何经营好版面中点、线、面的关系。版面布局与平面构成的形式美法则在平面构成中,点、线、面元素的安排都要遵循一定的规律和原则,目的是体现出一种秩序感和美感,我们也可将之称为形式美。形式美感是大自然赋予人类最深刻的启示,是人类社会不断发展后,对视觉经验的一种总结,它揭示了任何事物的运动和变化都是有规律可循的。因此,如果想要创造美的形态就要遵守一定的造型法则。同样的道理,无论是广告设计、包装设计、书籍封面设计还是其他形式的排版,每一个布局合理的版面,都需要把各要素按照美的法则进行整合与排列。因为只有通过完美的设计和编排,版面才能吸引受众,才能把设计意图完整的体现出来。为了让版面的整体布局更合理,我们必须要处理好这些“点、线、面”的关系。这时,适用于平面构成的形式美法则,都将同样适用于版式设计:对称与均衡的原则体现在版面整体效果上,是一种构图原则,有赖于各要素位置的摆放和大小关系的协调;变化和统一的原则可被看作是版面布局的总的指导原则,既可当作是版面中色彩搭配的原则,也可理解为版面中文字大小和文字字体的使用准则。变化强调个性,而统一的目的则是和谐。无论是变化太多或者过分统一都会让整个版面的设计陷入一种极端;另外,图形、图片在版面中的安排也应遵循一定的比例和分割原理;而文字、图形或图片连续的有规律的变化则体现出一种视觉上的节奏美和韵律美,增强了版面感染力。可以说,在我们进行图文编排的时候,其实已经不知不觉地用到了这些形式美的法则。版式设计中的视觉流程与平面构成当我们在观看一幅设计作品时,会不自觉地形成一种视觉流动顺序,首先我们会纵观全幅作品,接着视线会跟随画面中各要素的强弱变化作有序的流动,对画面形成一种大体的认识,而后视线会停留在某一感兴趣的点上,最后我们会根据自己的理解来获取信息。这就是通常所说的版式设计的视觉流程。合理的布局和色彩搭配不仅仅可以美化版面,更可以对受众做视觉上的引导。心理学上的研究表明,人们的视觉流程简单地说是“从上到下”“从左至右”,所以版面的上方、左方、左上和中部最容易引起注意,也可将其称为“最佳视域”。视觉流程的建立不仅仅是心理学方面的问题,同样可以用平面构成的原理来分析。在最佳视域中,通过各种表现手法和形式的合理安排,可以创造出一个引人注目的“点”,从而捕捉受众的目光,我们可以将其理解为构成要素的空间定位。在视觉流程的设计中,点、线的方向位置,不同形式的点、线给人的心理感受等都影响了视觉运动中的空间定位。在版面中,点的位置可以形成视觉中心点,而线的方向则决定了视觉流动的连续性。推荐阅读:版式设计与视觉习惯的关系!例如,当点(这里的点可大可小,可以是文字、图形或图案)位于版面中心时,给人以稳定感,且引人注目。而当画面中出现两个点时,就会产生一种张力,视线往往由其中一个点移向另一个点,形成一种视觉的流动,其中点的大小、色彩、肌理等因素都会影响视线的移动方向。线本身就具有导向性,而且线的种类繁多(这里的线可以是文字的排列或线条等),不同的线对人们视觉的引导性也大不相同。水平线给人平静和安定感,会引导人们的视线依照视觉习惯从左到右进行移动。垂直线给人一种或向上延伸或向下落的感觉,所以我们的视线也会在画面中随之做自下而上或自上而下的运动。而当斜线出现的时候,打破了画面原本的平静,给人不稳定和运动的感觉,因此视线会跟随斜线的倾斜方向移动。现代生活节奏在加快,信息量也在增多,人们的思维方式和审美需求也在随之改变。为了在短时间内吸引观者并把设计中的关键信息准确地传递出去,版式设计起到了举足轻重的作用。现代的版式设计既不能只靠感觉,也不再只是一种简单的技术编排,版式设计的发展趋势是将主题思想的创意与编排技巧结合起来进行表现,它必将呈现出一种多元化、视觉化的特征。但是无论版式设计的风格如何改变,平面构成的原理都将成为所有设计排版的理论基础。
-
产品目录怎么设计?教你10分钟制作图文并茂的产品目录
大家都知道图文并茂的网页产品目录,尤其是点击后可以跳转到自己的官网或者商城的产品目录,广告效果特别好!比用pdf或者Excel目录高端多了,那么,它们是怎么做出来的呢?一、图文产品目录的获取途径1、自己写代码如果你会写HTML代码,就可以自己写产品目录代码,设计出满意的产品目录。优点:专业度高,灵活自由,可以根据自己的想法任意设计产品目录。缺点:必须懂编程知识,门槛较高;为了让产品目录兼容多种设备(防止出现图文打开错位等bug),需要反复测试调整,制作时间长。2、请专业团队制作花钱找会写产品目录代码的人帮你制作。优点:省事。缺点:成本较高,需要沟通也比较费时和麻烦。3、使用第三方工具网络上有很多现成的产品目录制作工具,你百度搜索“产品目录制作工具”就可以找到。(这也是我今天推荐的方法。具体制作方法请参阅下面的“产品目录制作方法分享”)优点:操作简单,无须编程知识。缺点:因为模板都是现成的,无法达到100%的定制设计。
-
各种产品画册设计,图文版面设计
计
-
优秀图文组合标志设计,LOGO设计
-
具有独特感的标志欣赏,图文设计
-
图文兼并:样本画册设计
-
图文结合一次看全移动文件柜——会移动的办公文件柜
-
游戏原画图文教程详解
在落笔之前,我打算做一个让人望而生畏的吕布,网上有太多的版本,动作都非常的炫。那么我要如何在一群吕布中跳出来呢?想了很久我决定画一个大步前迈的吕布,告诉观众们:死神来了。首先要考虑的是剪影感,剪影设计的好会给人一种强烈的冲击感,会在第一时间让你的画面与别的作品拉开距离。如何让剪影感强烈?有很多初学者在服饰的构造还有质感下了狠功夫,却未能达到预期效果。有很大的一部分原因在剪影感上。在这里教大家一个最傻也最实用的方法:想尽一切办法往外爆。盔甲的尖刺,身上的布条还有布块等等,都可以往外扩张。同时也要注意剪影的虚实。从头爆到尾就没意思了。上色用叠加功能把固有色和冷暖色填上。在这个环节上会有一个颜色太薄的问题出现,大家可以新一个图层选择正片叠底模式,吸取比较亮的纯颜色往上叠。这可以让整体颜色更突出更饱满。同时要注意,叠低模式控制得不好会让画面过纯或者颜色过深。用时可要注意控制加了个背景图层,不只是让画面完整,还可以突出一下角色。加了背景之后,我还在裙子上面下了点功夫,这能够增强剪影感,还能联想到风流动。下一部就要细节刻画了。到了这一步,细心的朋友会发现腰间的两个兽头和膝盖的被删掉戏份了。一幅画出现6个兽头是何等的壮烈。等于是判了这幅画死刑了。所以果断去掉多余的兽头。虚化后,画面的重点部位将会集中在上身部位。到了这一步的时候遇到了瓶颈。这种状态是处于知道他不够好可是无从入手。可能这是设计者们较常遇到的问题吧。回想起当年处于名动漫最年轻成员,转眼间成为了元老级~这让人情何以堪啊~!!总结为以下几点问题:1、设计老实2、空间透视,空间前后的色彩虚实对比,空间转折,转折的色彩变化,转折的投影变化3、质感的区分这是完成度的前后对比,我们可以看出,002比001要好。好在哪里呢?答案都能在老师提出的问题上找到答案。还有一点没有说到,那就是边线的处理。把001上毛躁的地方修整了之后,画面顿时干净了很多,这不仅能让画面提升一个层次,还能激发更多的灵感。001002在腰间为了突出兽头,我把兽头上的腰带暗下去,而且刻画兽头的细节比腰带部分要多。这样一来,兽头的空间感就出来了。在肩甲的刻画上,我放弃了对眼部周围的刻画,甚至我还削弱了周围的细节,使得重点都集中在眼部。综合以上的问题,我对整个画面进行一次大修改,在改的时候要特别注意光照的方向所产生的影子,还要注意暗部的虚化。最后要把画面的轮廓线处理干净。画到这里,基本完工。
-
图文科普影响视觉重心的6个因素
甲方为什么喜欢放大?如何让视觉设计拥有层次感?答案都在这篇文章里。今天给同学们科普一个设计中非常重要的术语——「视重」,列出了6个能影响视重的因素,学会后可以用在你的设计中,或者用来说服甲方:)在设计中,视重是使设计元素改变轻重的一种概念。即一种物体,即便是在一个二维平面也能看起来比其他的要重。这个概念很强大,它使得我们的设计能营造出视觉层级,和对称、平衡以及和谐的设计氛围。倘若它在关键位置使用,那么还能够帮助我们引导观众的注意力到我们希望的地方。这篇文章就讲讲视重的概念以及影响它的因素。什么是视重?视重围绕这样一个主题:不同的元素在设计中表现不同的重要性。有时视重很明显,像一个较大的物体看着会比较小的物体重,因为它占据更大的空间。在颜色的使用上,一些颜色也许看起来比其他的更重更更强势。比如说在一块白色背景上填充纯黑色和明亮的淡蓝色,对比一下:视觉本能让你觉得哪个更重?我们讨论主要影响视重的因素是:颜色/Color反差/Contrast明暗度/Lightness/darkness大小/Size密度/Density复杂性/Complexity视重与对称性密切相关。为了在视觉设计中达到对称和平衡,我们会制造出物体在视重上相等的感觉。为了把注意力吸引到某个物体上(或者置于次要位置),我们会有目的地打破平衡,重新创造一个视觉层次,从而将目光吸引到我们希望的地方。让我们来看看这些因素。一、颜色颜色是设计的一个重要组成部分,即使是纯黑、纯白或是纯灰这样朴素的颜色都能让你为之设计。颜色有许多属性,它能够影响到一个物体相对于另一个物体的视重,如饱和度、明暗度和色调。我们凭直觉感知到的大部分色重都是真实的,这种分辨能力似乎是与生俱来。比方说,饱和度高的颜色更容易受到关注。同样的,浅色背景上深色也比浅色来得更具说服力。色调是颜色的一种属性,而心理学家最近才开始意识到它也分伯仲。即使是饱和度和明度相等的两种颜色,如红色和蓝色(上图所示),表现出的视重也不尽相同。然而根据红色是否重于蓝色的学术论文研究,两者是非常相近的,并且论及哪个更重时,这些研究也改变了观点。除了色调,颜色还有一些能够明显影响视重的属性。例如,低饱和度的红色视重更重,相对于黄色或是橘色也更具吸引力。下面这个例子我们可以看到,通过使用其他复杂程度和尺寸不同的元素,我们也能平衡视重。左边的红心面积比较大,亮度更高,因此视重比较重。为了视觉平衡,画布的右边我们可以增加不同大小的心形数量来增加复杂程度。以下是一些被视为能改变视重的颜色,程度由高到低排序:红色(最重)蓝色绿色橙色黄色(最轻)二、对比对比是设计的一个重要组成部分,它能使一些功能在整个版面中脱颖而出。在同样一张背景上,对比度高的比对比度低的元素看起来更加明显。适当使用对比可以维持视觉层次结构,增强可视性。在下面这个例子中,我们可以看到和背景色相比较,左边的比右边的视重更重更突出,因为左边的对比度更高。若要使两者在重量上达到相等,我们可以通过其他因素,比方颜色、大小、复杂性等等。三、明暗度深色比浅色重。明暗度是调节设计整体平衡有力的工具。心理学家无法理解为什么我们看到深色会觉得比较重。在一项研究中,专家们发现,大部分人都会觉得底部有深色阴影的图片看起来更自然。重物在下轻者在上的放置方式是一种本能,这是模仿物理界中重力将重物拖至底部的原理。四、大小大小是影响视重非常明显的一个因素,因为在物理学中,假设两个物体形状相同,体积较大的物体会自然而然地让人感觉更重,占用的空间也更大。该怎么平衡这个例子中的视重?方法有很多种。我们可以在较大的物品旁边放些小一点儿的东西或者在较小的物品旁边放置深色的、对比度高的东西。如果一个物品是这项设计中的焦点,那么果断放大它!这就是为什么我们经常看到有一群元素围绕着一个超大的启动按钮。他们是在试图吸引用户的注意力,以达到提高转化率的目的。五、比例和密度在物理学中,密度高的物体比密度低、分散度高的更重。这个很容易做到,只要我们减少一堆物品间的空白间隙。注意看,相对于左边四周一大片空白的图案,右边密密麻麻的一堆物体,空白地方很多,可是视重还是较轻。因为左边图案的空白部分能很好地衬托主体元素,使之放大、放大、放大。六、复杂程度越复杂的形状或图案视重更重。一个简单的物品相当容易也更快能被理解,如右图所示,而左边那张相对复杂的图片则要耗费更多时间去琢磨它到底想要表达什么。基于这个原理,在商业设计中,我们可以适当地多使用复杂的图形图案,因为他们能更吸引观众长时间的驻足观赏。设计中的复杂性可以通过纹理、摄影图像和重复的图案来表现。总结视重这个概念非常依赖设计师的直觉,视重深受我们在这个世界上的表现的影响,而这个世界由大小和密度构成,颜色也能唤起人们内心的某些情感(通常由于文化因素)。要做到视觉结构丰富和对称和谐的设计取决于我们利用好视重并平衡好各元素之间的关系,使之整体、协调。