首页

设计作品不够上档次,该如何提升?

涛涛

随着电商行业逐渐成熟发展,从几年前设计盛行的淘宝风到现在的要求高端、品牌化、上档次,大众人群的审美也在不断提升,电商行业进步的同时也带动着设计行业一同走向成熟。所以在日常的设计工作中,我们也常常会听到需求方要求:要够上档次、高端、有格调。这些比较抽象的要求如何体现在设计中往往是困扰我们的一个棘手的问题。那么本期就和大家一起带着问题探讨,总结一些提升设计作品档次的实用方法。

配色提升作品档次

配色已经算是老生常谈的一个话题了,这里我们暂且不说如何提升,先来看看前几年淘宝风的海报设计是什么感觉。

如上图所示,给人的感觉就是杂而乱,配色毫无章法。显然在当下电商的大环境下,这种相对粗暴的海报在平时会越来越少,转而要求品牌化、上档次的越来越多,那么从配色上如何提升作品档次呢?

1. 暗色调搭配提升作品档次

为什么说暗色调可以提升设计档次呢?因为暗色调或者说是低明度的色彩搭配,会在一定程度上减弱其色彩固有的属性以及因色彩产生的情感,从而使得整个画面变得相对冷静、上档次。用到的色相不宜过多(1-2 种即可),举个例子:

如图所示,暗色调搭配给人的感觉很舒服,而且也够上档次。通过降低明度的方式弱化大面积颜色固有的情感属性,让画面更冷静、理性,从而起到提升作品整体档次和视觉感受。

所以现在很多品牌设计中,暗色调的搭配用到的越来越多,也逐渐被现在的大众所接受。

需要注意:暗色的搭配方式很容易出现将颜色弱化到色感缺失,导致作品因缺少颜色属性而太过深沉,甚至乏味,没有亮点,所以可以适当地使用一些点缀色规避这一现象。切记:弱化颜色属性并不是要完全摒弃色彩。

2. 干净的配色提升作品档次

每种色彩都有其固有的情感属性,比如:红色-喜庆、热闹;蓝色-安全、科技……在非暗色调的情况下,干净的配色也能起到提升作品档次的作用。而说到干净,第一想到的应该就是白色:

如图所示,同样和暗色调的作用很相似,白色本身就给人一种干净、纯洁、高冷的感觉,大面积的白色弱化了其他色彩的属性,所以整体偏白色调也能起到很好的提升作品档次的作用,且要适当地使用点缀色。

也可以使用偏高明度低饱和度的色彩,这类颜色搭配同样也是减弱了颜色本身的固有属性,只是相比黑白灰色调而言,保留的颜色属性多一些。比如:

如图所示,当作品色调偏高明度低饱和度时,同样也能提升作品的档次。但是前提是颜色要干净、通透。切记:色相越少越好把控。

注意:配色并不是一成不变的,这里提到的三种配色形式是比较常用的,不管是暗色调、白色还是其他,都要让作品整体呈现出一种干净、舒服、通透的视觉感受。

不妨找一些品牌的海报看看,绝大多数的配色形式都符合我们前面所说的,而且即便用到一些色彩,大部分都是使用一种色相,目的也是为了避免大面积多种颜色碰撞,会给人一种不稳定、轻浮、的视觉感受。

通过前面案例,我们也能发现,虽然配色起到了一定的提升作用,但同样也需要留白。

留白提升作品档次

关于设计中的留白,这里强调一下留白并不等于空白,留白的目的是留出视觉元素中的喘息空间,让视觉更具有通透性。恰当的留白能够给人品质感、高端上档次的视觉感受。所以在设计中,并不是信息越多越少,而是要秉承少即是多的理念。举个例子:

如图所示,很显然,上图给人的第一视觉感受就是廉价,原因在于:

  • 视觉元素的使用太多,导致整个画面给人的感觉很杂乱,缺少留白空间。
  • 色彩使用杂乱,毫无章法可言,颜色与颜色之间也相互抢主体。
  • 各元素之间没有主次之分,缺少层次感。

而下图则给人一种很高冷、有档次的感觉,同样是茶,为什么第一眼给人的感受差距这么大?原因如下:

  • 在颜色上做了统一,且弱化了色彩属性,符合我们前面所说的配色提升作品档次的理论。
  • 视觉元素上有主次,层次分明,除了主体之外,其他元素都做了模糊处理,没有过多无用的元素与主体抢视觉中心。
  • 作品因为有了充足的留白而更具通透性,档次和品质感提升了很多。

留白在设计中是非常重要的,所以我也不止一次的提到过。而作为一名设计师,留白的运用也是一门必修课。留白:留出来的是喘息和想象的空间,留出来的是品质和自信。

恰当的字体使用

文案作为设计的一个信息载体,它要比任何图片信息都要更直观、一目了然。所以在设计工作中,字体的选择也是设计师的必修课。我们都知道字体库的数量多之又多,而每款字体所传达的视觉感受都各不相同,那么在日常的设计工作中,合理使用字体有助于提升作品档次。使用字体时应该注意什么?

1. 统一字体形式

这个点很好理解,就是作品中对应位置的字体要统一使用相同的字体,不要出现同一位置多种字体,比如:标题字体、副标题字体、说明文字字体等等,做到统一有助于提升作品档次。举个例子:

如图所示,我们对比来看,很明显①使用了多种字体的组合,给人一种很浮躁、杂乱甚至有些廉价的感觉,街头小广告也许能看到这么用的,没有体现出任何一款字体的气质,而其他三处则在字体上做了统一,给人的感觉很舒服,字体本身的美感也都体现得淋漓尽致。

2. 统一字体气质

前面我们也说了,每款字体所传达的视觉感受也都不同,在使用字体时,尽量选用气质雷同的字体相互搭配。比如:标题中国风字体,那么副标题和说明性文字就尽量贴合中国风的感觉或者与标题保持一致,这样做有助于提升作品的档次以及整体性。看个案例:

上中下三个案例,相比而言,底部海报给人的感觉品质更好,更舒服,下面我们逐一分析:

  • 上部:标题使用字体偏可爱、卡通类型的,而说明性文字则使用毛笔字,很显然字体气质差距太大。
  • 中部:标题使用字体偏中国风、古体类型,而说明性文字又使用卡通、可爱类型的,同样字体气质差距太大,不够整体。
  • 底部:标题使用字体偏宋体,说明性文字与标题保持一致,气质上完全吻合,所以给人的感觉要比前两个更有档次。

虽然字体的数量在日益增多,选择性也越来越大,但有些字体最好不要使用,比如:霹雳体、水滴体、涂鸦体、Adobe 黑体等等一些字形结构粗暴或者缺少细节的字体。

补充说明:提升作品档次,还需要注意背景要选择高清大图、产品要有质感、抠图不要有白边锯齿、模特尽量不要选网红、尽量不要选被人用过无数次的素材,尽可能将每一处做到精致、不要忽略每一处细节。

总结

文章主要从配色、留白、字体三方面作为提升作品档次的切入点,当然不仅仅只有这些,要灵活运用,这里只是为大家提供一个可供参考的方向。重点是要能从别人好的作品中提取优点,然后举一反三,形成自己的一套设计思路。简而言之,提升作品档次,就要尽可能地让作品干净、整洁、精致。

其实档次是比较抽象的名词,这是一种感觉,所以我们无法给出定义。作为设计师,我们需要做的就是通过设计的理论知识将这个感觉呈现给大众,让他们接受、认可。


文章来源:优设    作者:美工美邦

21条超好用的创意技巧

涛涛

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

大家可能听过很多关于想创意要靠灵感的说法,而在设计师的日常工作中并不是这样的,至少绝大多数的时候不是。你想想,灵感这个东西是不可控的,快的时候可能几分钟就有了,慢的时候可能得等上一两个月,如果随便一个创意都要靠灵感,那我们的效率得有多低啊。

所以,那些说有灵感才创作、没灵感就去游山玩水的大师,他们通常指的是大创意,而且他们肯定有比较多的创作时间。而对于日常的设计、创意工作,我们绝不能靠灵感出创意,靠什么呢?当然是靠方法。葱爷特意帮大家总结了 21 种商业广告设计想创意的方法,希望可以帮你们提高想创意的效率。

比喻

比喻在广告设计中一般的用法是,把产品或者能代表产品的元素比喻成具有某项功能的事物,这一手法成立的条件是两个元素在外形上要有一定的相似性。

△ 把产品(鸡块)比喻成代表热辣的火焰

△ 把布匹比喻成红酒

借代

借用某元素替代另一元素,或者借局部替代整体。

△ 用涂了口红的嘴唇代替女人

△ 用一只绿色的手代表绿巨人

拟人

即把产品或能代表产品的元素拟人化,拟人手法通常还具备幽默效果,其表现形式主要为以下两种。

1. 外表拟人

即给事物添加人的特征,如五官或动作。

2. 文案拟人

这一做法并不需要改变事物的外表,而是在文案上赋予人的特征,比如用形容人的话语形容某事物,或者让它说话等等。

双重曝光

即模拟摄影中的双重曝光效果,最常见的用法是在人或物的基础上叠加与其相关的场景,具有一定的艺术效果和视觉冲力。

△ 通过双重曝光的手法把大象与汽车巧妙结合起来。

发散

即把产品置于中央,往四周发散与其相关的元素,用来表现具有的功能,或包含的服务。

把与产品或主题相关的元素放在一个平台上

这种做法可以使视觉主体更集中,同时能增强画面的形式感和视觉冲击力。

把产品或与产品相关的事物做成平台

比如手机、银行卡、书本、手掌等都很适合做成摆放元素的平台,可以用于表达该元素上具有什么产品或服务等等。

把主题转化成一个画面感很强的概念

比如可以把包含了宽带、手机流量的全家共享套餐,包装成一个全家桶的概念。

再比如我们可以把一些主题活动包装成 XX 星球,代表一个新的世界。

△ 《奇葩说》的奇葩星球

异质同构

即用两个或两个以上结构相近,但质地不同的元素组合成一个新的整体,这种效果既统一又有对比。

用与产品或品牌相关的元素组成某个关键字

用产品及相关元素组成某一符号

同样,这个符号必须是跟主题相关的,而且该符号不宜太复杂。

置换

把正常事物或场景中的某个元素替换成其他元素,用来说明该元素也具有原事物的效果或特征。

△ 用快递员置换炮弹,来说明送货快的特点。

△ 用饮料包装置换树枝上的水果,以说明该饮料原汁原味。

把大场景从整体中抽离出来

比如说海洋、草地、房间,这些元素的边界感不明显,现实中不会以一个独立的状态出现,但我们可以给它制作一个边界,使其从整体中独立出来。

把符号场景化

比如把 Logo 图形,或者是能代表产品功能、传播主题的图形符号,打造成一个由相关元素组成的场景。

引用经典

西游、三国等典故,超级玛丽、俄罗斯方块等游戏经常被引用到广告创意中,可以有效增加消费者对广告的注意力。

把文字或符号当成实物融入场景

如果广告的核心诉求是某个数字,或者是符号,那么也可以把它当成核心元素融入到场景中,然后围绕它来添加相关元素。

夸张

如把功效夸大、把事物的大小比例夸大等等,或者改变事物原本的比例。

把能代表产品的元素与主题结合

这是很直接的一种广告设计形式,把常规的图加文结合为一个整体,可以增加图文的关联度,降低传播成本。

正负图形

正负图形除了在 Logo 设计中很常见之外,也是海报设计和广告设计的常用形式,正负图形一般比较简洁、创意巧妙,具有很强的视觉冲击力。

△ 可口可乐的海报很喜欢用这种手法

把产品场景化

在产品中添加场景,将其功能或特点视觉化。

混合

为了满足需求,很多广告设计中都融合了两种或者两种以上的创意手法。

△ 上图为置换加比喻

△ 上图为符号场景化和把文字融入场景

△ 上图为夸张加元素抽离

凡事都有方法和技巧,即使是艺术和创意这种看似不可控的事物。方法和技巧虽然不能保证带给你一个 big idea,但他能为你提供清晰的思路、提高你的效率,并能将你的创意水准维持在一条基线之上,希望这篇文章能够对你有所帮助。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

最好的UI设计界面设计的8条黄金法则

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 

设计师需要每天解决问题,找到合适的解决方案需要深入研究和精心策划的测试。发现一种适合所有人的方法或秘密公式可以自动解决我们所有的界面设计问题。我们可能还没有答案,但我们确实知道我们有时可以采取的某些捷径。


“启发式”是简单而有效的规则,可以帮助我们形成判断并做出决策。我们可以将它们视为UI最佳实践的一般指导原则。 


注意:这些规则有其时间和地点,并不是可用性测试的替代品。


虽然Jakob Nielsen的10个用户界面设计启发式算法可能是最流行的启发式算法,但还有其他一些。Ben Shneiderman创建了一个最好的固体交互设计指南,称为设计用户界面,它揭示了他自己的原则集合,被称为“八个黄金接口设计规则”。我们今天要看这些规则。


Image title


Loren Terveen和Ben Shneiderman在马里兰大学的Webshop 2011 ©Marc Smith


1.  争取一致性


设计“一致的接口”意味着对相似的情况使用相同的设计模式和相同的动作序列。这包括但不限于在用户旅程中在提示屏幕,命令和菜单中正确使用颜色,排版和术语。 


请记住:一致的界面将使您的用户更容易完成他们的任务和目标。


Image title


       Namastelight by Martin Strba风格指南是确保设计过程一致性的一种方法。


2.  启用常用用户使用快捷方式


说到使用UI规则作为快捷方式,您的用户也将受益于快捷方式,特别是如果他们需要经常完成相同的任务。 


专家用户可能会发现以下功能有用: 


缩略语


功能键


隐藏的命令


宏观设施


Image title


                                     Khalid Hasan Zibon的上下文菜单


3.  提供信息反馈


您需要让用户随时了解流程每个阶段的情况。这种反馈需要有意义,相关,清晰,并符合上下文。


Image title


                                            文件上传者Antonija Vresk 


4.  设计对话以产生关闭


让我解释。动作序列需要有开头,中间和结尾。任务完成后,如果是这种情况,请为他们的用户提供信息反馈和明确定义的选项,以便为您的用户安心。不要让他们疑惑!Image title


                                    Jose Antonio Orellana的Flash消息


5.  提供简单的错误处理


应设计一个良好的界面,以尽可能避免错误。但是当错误发生时,您的系统需要让用户轻松了解问题并知道如何解决问题。处理错误的简单方法包括显示清晰的错误通知以及描述性提示以解决问题。Image title


                                       由Adnan Khan进行的Litmus形式验证


6.  允许轻松撤销行动


在发生错误之后找到“撤消”选项立即得到解脱。如果他们知道有一种简单的方法可以解决任何事故,那么您的用户就会感到不那么焦虑,更有可能探索各种选择。 


此规则可应用于任何操作,操作组或数据输入。它可以从简单的按钮到整个行动历史。 Image title


                                           Tyler Beauchamp撤销倒计时


7.  支持内部控制点


一,定义:


“在人格心理学中,控制点是人们相信他们能够控制事件结果的程度” -  Julian Rotter


为用户提供控制和自由非常重要,这样他们才能感觉到他们负责系统,而不是相反。避免意外,中断或任何未被用户提示的内容。 


用户应该是行动的发起者而不是响应者。Image title


                                   Vlad Ponomarenko的权限对话框


8.  减少短期内存负载


我们的注意力有限,我们可以采取任何措施使用户的工作更轻松,更好。我们更容易识别信息而不是回忆信息。在这里,我们可以参考尼尔森描述“ 对召回的认可 ” 的原则之一。如果我们保持接口简单和一致,遵守模式,标准和惯例,我们已经为更好的识别和易用性做出了贡献。 


我们可以添加一些功能,以帮助我们的用户,具体取决于他们的目标。例如,在电子商务环境中,最近查看或购买的项目列表。Image title


                                     最近查看的胶囊由Gavin Williams联系


结论


虽然您应该始终采用基于启发式算法的决策,但遵循一系列规则和指南将引导您朝着正确的方向前进,并允许您在设计过程的早期发现主要的可用性问题。这八个原则适用于大多数用户界面; 它们来自Shneiderman自己的经验,经过三十多年的精心改进。其他人,如雅各布尼尔森和唐诺曼已经扩展了这些规则,并贡献了他们自己的变化。 


您也可以使用这些作为灵感来创建自己的启发式方法,或者结合现有的示例来解决您自己的设计问题。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计

科班高手的方法!16个简单实用的排版小TIPS

周周

@乘与九设计 :我们正处在一场注意力争夺战中。如何利用版式设计抓住用户的注意力呢?

商业环境中讲究一个「快」字。我们阅读的时候长期接受过载的信息,很难再集中精神,那么,一个内容清晰的阅读体验就非常重要。

所以,以下16张版式小Tips,或许能解决排版这个问题。

第一步,思考!!!别急着打开PS

做一个有思考的设计师,让设计更加美好

鹤鹤

人人都喜欢有成就感,这种感觉是对自己的肯定和支持,也是对自己最大的鼓励。设计师也是如此。设计出来的作品不断地得到客户的肯定,这就是设计师最想要的成就感,但是,成就感不是说来就来的,成就感是需要付出努力和一定的代价的,这种代价可能是时间,可能是金钱,也有可能是精力。那么今天我们就来分享一下如何让设计师能更好的获得成就感。

(1)、作为一个设计师要多去总结。每一个项目完成的背后肯定付出的很多汗水,把问题收集并且记录下来,成为你后续分享的重要途径,千万不要觉得这是多余的,默默无闻的做只会埋没你自己,设计师不能只是关注设计,有时间多去吸收相关领域的知识,不单单只是为设计而设计。

掌握这7个技巧,让你的设计拥有持久的生命力

周周

编者按:想让一个设计经典而永恒并不容易,但是要实现这一点还是有迹可循的,今天我们来分析7个技巧~

那些真正经典的设计始终能够经受时间的考验,它们长盛不衰,大多还是因为它们符合最基本的设计规则和人的基本审美规律。就像Nike和可口可乐的LOGO设计,它们在过去的几十上百年里有着持久的生命力,就是这份规则的力量造就的。

而值得庆幸的是,这种永恒设计的规则适用于几乎任何项目。也许你无法再现Nike的LOGO设计的成功,但是你可以通过合理的设计,创造一个符合当下审美,拥有数年生命力的优质设计。接下来的七个技巧,值得你思考。

优秀的设计构图,有哪些?

鹤鹤

构图是整个设计中极为重要的一部分,好的比例、构图,能准确、深刻地表达设计主题、诠释设计的艺术之美。所以在设计前,选择什么样的构图方式就很值得思索。那今天就和大家介绍几个常用的构图方式,希望能帮助到大家。


01.webp.jpg

这四种大胆前卫的背景设计技巧,能让你的设计脱颖而出

周周

在很长一段时间里面,网页中的背景图片元素,一直都生活在CSS、JS甚至视频的阴影当中,它的“参与感”并不强烈。不过随着审美和用户需求的逐步变化,背景图片在网页装饰上,开始发挥着越来越重要的作用。

当然,从总体上来看,变化并不明显,但是在绝大多数的情况下,背景图片开始作为主要的视觉驱动力而存在。

传统意义上的背景主要是使用图片,近几年开始流行视频背景了。而这些主要还是集中在网站的页头、Banner等位置,大多用来欢迎用户,推荐内容。许多网站都采取了相似的策略,让用户有所期待。

随着动效的流行,现在越来越多的设计师开始试图将CSS3、HTML5和JS等技术融入到背景设计中来,寻求全新的解决方案。事实上,现在已经有四种不同类型的动态背景设计方案,它们风格都非常符合时下流行的趋势,且都具备不俗的发展潜力,今天我们聊聊这四种风格前卫大气的背景设计。

不止是划条线!移动端UI中常见的视觉分隔设计技巧

周周

乍一看许多APP的布局并不复杂,感觉换成自己也能设计出来,但是当你真的开始着手设计这么一个APP的原型的时候,会发现事情并不是那么简单。看着别人已经设计完成的设计可能觉得不难,可是当自己动手的时候,在特定的元素的选取和设计上很容易陷入困局,这个时候才明白它的难点并不在于工作量的多少,设计者常常深陷于细节构建的囹圄,这才是它的困难之处。即使是元素与元素之间的分隔方式,都能随随便便用一整篇文章来进行探讨。

传统的分隔方式

在UI界面中,最传统也是最常见的分隔方式用的是线,将视觉上或者内容上需要区分的内容用横向或者纵向的细线区分开来,它帮助用户了解页面的层次结构,赋予页面内容以组织性。

1-A2lLUDOWFDjePhePR5WcsA 

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档