蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。
关键词:UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司、银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发
蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。
关键词:UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司、银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发
蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。
关键词:UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司
银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发
蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。
关键词:UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司
银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发
作者:阳阳设计师
来源:知乎
作为设计团队,我们知道一个品牌的诞生与发展,每个公司都投入了巨大的资源和心血。logo设计就像父母给孩子起名,被企业寄予了太多的期待与美好的祝愿,它不仅仅是一个图形一串文字,更代表了企业的形象和深厚的文化。因此我们在提供设计方案时,也同样肩负着品牌价值和品牌责任传输的职责,在接到设计任务之后,并不会漫无目的的就开始投入到logo设计之中。而是要对服务的公司进行充分系统的调研。
调研有助于我们对企业的文化、核心、价值观、产品等方面进行全面的了解。根据企业客户的消费行为、喜好,竞争品牌进行分析总结,有针对性的制定创意和设计方案,避免与其他品牌“撞脸”。
给大家介绍几个我经常会遇到的研究方法:
通过对客户的了解,团队预先准备一些问题,把那些重要的信息进行记录汇总,这样可以得到第一手的客户需求。客户是很愿意跟设计师进行品牌分享的,但是聊天式的采访往往达不到设计预期,因此我们一定要引导客户进行阐述,一点点把品牌最重要的信息和关键词梳理出来,这个过程对把握设计概念十分重要。
很多客户表示不了解,为啥设计师可以设计各个行业的logo,甚至很多客户只找做过他们这个行业设计的设计师,其实大可不必这样,因为一个成熟的设计团队,做设计前都会对这个企业进行系统的领域研究,况且任何一个团队也不可能做过所有行业的设计。所以我们常常通过调研系统的了解企业及其上下游的品牌特征,并对此进行拓展梳理,而设计语言与方法是相通的,越成熟的设计师越能进行精准的设计。
(如该领域的视觉偏好是什么,对企业环境及产品进行实地考察,其他竞品的品牌符号有什么共性和区别,企业符号可以从哪些视觉方面进行表达等等)
以最近给客户做的一个项目“食品加工器械”的logo设计为例,针对这个关键词我们可以想到什么?“机械、科技、食品、高端”等等,根据这些词汇,我们再次联想,拓展出二级、三级的词语,最终找出整个思维导图中最具创新性并符合客户定位的关键词。
其实可用的方法还有很多,如:实地调研法、抽样调研法、统计调查法、文献调研法等,在这里就不一一列举了。
俗话说:“知己知彼,百战不殆”,我们在了解客户的基本诉求,深度挖掘企业核心价值与内涵之后,才能对企业进行明确的定位。基于此,产出最能代表企业的超级符号。
民宿品牌爱彼迎在升级品牌形象时便做了大量的设计调研,为了更好的理解与传达爱彼迎的经营理念,设计工作室Design Studio横跨4个大洲,往返13个城市,试住了18间房子,并与不同国家的爱彼迎员工进行交流。甚至深入爱彼迎公司内部,与工程师、设计师一同工作,共同交流,只为呈现出更完美的爱彼迎品牌视觉。通过长达数月的工作,最终完成了这一设计。
进行了大量调研,我们才有足够的话语权进行创作。我们根据调研的结果,找出最能体现品牌价值的创新点,再开始进入设计过程。
调研完成后,为得到最适合的设计方案,我们常常会使用头脑风暴的方式获得设计初稿。在一个集中时间段内,将之前的提取的关键词进行草图创意绘制,使用图形打散、重组的手法,将抽象思维用图形语言表达出来。要求既符合品牌行业属性,又具有创新突破的元素。
草图绘制完成之后,我们会对草图进行筛选,过滤掉实施性弱、美观性差、不够深刻的创意点。挑选出最适合客户需求的方案进行深入。大量的创意会在这一阶段经历打破与重塑,推倒与重来,优中选优,只为呈现最好的方案。
挑选最优方案后,我们才开始进行Logo的下一个阶段——成稿制图,而且会推进几个可行性较高的方案,这样在提案时,方便客户进行选择。
成稿制图通常被甲方理解为logo设计的主要部分,因此会觉得设计只是做图,却忽略了设计师在前期投入的大量时间和深度思考,还容易给人产生Logo设计十分简单的错觉。我们也经常遇到这样的客户“logo不就是做个图么,怎么这么贵?”这个时候,一定要跟客户进行沟通,让他们了解到logo设计的全过程是什么,为什么需要花费大量时间,如果客户知道你为此付出了这么多的经历,就会得到他们的理解。
实际制图只是将我们头脑中的想法表现出来,因此这一步骤仅占设计过程的十分之一。
经过之前的努力,到这时,基本设计方案已经完成。这一阶段主要针对Logo的细节、外形、颜色等方面进行调整。力求设计感、艺术感、实用性相统一。
我们来看看苹果公司是如何做的:苹果公司在Logo设计时,将图形定义为一个苹果。但当Logo制作出来以后,图形的辨识度并不高。为了增强图形的识别性,避免让消费者误认为是“樱桃”,设计师决定在Logo图形上增加更多的趣味性,于是“被咬了一口的苹果”应运而生,可见细节修改至关重要。
另外,在基本方案完成的基础上,设计师会制定Logo使用规范,确保Logo在延展应用过程中能够保持高度的品牌辨识度。
以麦当劳为例,在品牌升级前,麦当劳长久以来并没有制定一个严格统一使用规范,不同国家地区的麦当劳Logo也并不相同,这对于麦当劳塑造品牌形象是非常不利的。
因此,麦当劳制定了一系列的标志应用规范,此后视觉上,统一规范的麦当劳变得更加具有辨识度。
为使Logo更具形式美,我们会对logo进行视觉优化。例如黄金分割比例是我们在这一阶段比较常用的手法。
为使Logo设计更理性、科学、美观,我们常常通过黄金分割比例来构建Logo。当事物之间各部分的比例呈现1:0.618的比例时,最能引起视觉上的美感,这一比例充满了理性与感性的统一。良好的比例关系在复制和传播的过程中更加方便快捷,也使后期的加工制造过程更加精准。
以上是我对logo设计流程的介绍,而这些其实也只是logo设计过程中的比较重要的步骤,一些具体的设计细节会根据每个不同的方案也会不同和更加深入,这样大家就明白了,为啥logo设计这么贵了吧,可不是单单一个图例制作那么简单
接下来再给大家分享一些经典的Logo设计案例,一起更加深入的理解那些著名的Logo设计背后的故事,一定对你有所启发~
2006年,百事可乐花费100万美元升级了logo。当品牌视觉手册发布之后,甚至有网友调侃“看完百事的logo设计,终于明白logo的设计费为什么这么贵了。”
新的logo图形不再对称,字体也去掉边角变得纤细。与之前相比,现在的Logo更加扁平,便于记忆。
两条曲线,似是流动的液体,也像是微笑着的人。可别小看这简单的两条曲线,弧度细微的变化都会产生不同的效果。百事可乐还加入了几何角度的思考,通过几何学解释了Logo的原理。
在logo比例关系的处理上,也融入了对哲学问题的思考,从古代阴阳五行说到黄金分割比例,最后到地球能量磁场,小小的Logo蕴含了太多。
但是,Logo还存在一些不足之处,如:单色应用时缺乏辨识度、需要增加边框线使用等问题,导致Logo在具体使用时,会有一定的局限性。
初代的苹果logo描绘了“坐在树下看书的牛顿”这样一副图案。相比于追求简约、便于记忆的Logo,这个图案无疑太过复杂,在传播上也有很大的劣势。可能是意识到了这一点,新logo进行了突破性的改变。
除了图形上创新之外,颜色上也采用了丰富的彩虹色。它标志着第一台支持彩色电脑的诞生。整个Logo营造出了温暖、积极的氛围,为企业注入了旺盛的生命力。
作为一个科技公司的logo,极具科技感的蓝色与边角处高光、阴影等细节为Logo营造出了立体感。
在追求极致简约的时代,纯黑的logo更便于识别记忆。
取代经典纯黑logo的,是具有光泽感的苹果Logo。与之前相比,Logo图形更为流畅、水润。在保持识别性的基础上,整体造型与材质也更加饱满。
随着iphone的推出,高光版本Logo被镀铬效果所取代。
简约、易记的logo图形,也向我们展示了近年标志发展简约化的设计趋势。时至今日,苹果仍延续这一Logo。
去年,苹果公司更是把Logo玩出了花样,动态的、静态的、丰富的材质,让苹果logo“多到用不完”。
因此一个好的logo设计是一定要给logo预留足够多的延展空间的
在成立20周年之际,腾讯更新了logo。仔细观察字体的笔画,我们会发现,Logo整体倾斜了。7度太小、9度太大,倾斜8度的腾讯字体自带科技感与运动感。
与logo一同发布的,还有一套定制品牌字体“腾讯字库”,这套字体包含了中英日文拉丁文多种类别,通过统一的字体,更好的传达了腾讯的企业个性,强化了企业形象的塑造。
由于汉字都是方正的,因此,在汉字的世界中,斜体汉字的概念闻所未闻。由于斜体的汉字很难依靠传统的字体结构。在文字的正负形、笔画、空间美感方面,设计师需要把握平衡与速度之间微妙的制衡。
在字体的笔画末端进行切角处理。使文字更具力量感与速度感。“腾讯”两字也做出了细微的调整,从笔画、间隔到转角弧度都发生了变化。
腾讯旗下产品众多,但风格形式都各不相同。“腾讯字库”有助于这些项目在视觉形象上的统一。
Logo整体颜色也变成了高明度的蓝色,这个颜色是与色彩机构潘通合作,定制了品牌标准色。蓝色取自海洋与天空,蕴含着极致的理性,体现了对技术精益求精的追求。
来自彩通的国际色彩大师Leatrice Eiseman,也是腾讯蓝的开发者之一介绍道:“它可以非常好的体现出腾讯的原则和哲学,也就是技术方面的精益求精对技术的追求,以及会不断地去追求新的创新。”
由此,还进行了一系列应用部分的延展。
小米斥资200万邀请日本设计大师原研哉操刀设计新logo。小米logo刚一发布,便引起了热烈的讨论,只不过是由方变圆,凭什么值200万?
我们知道,品牌Logo的升级换代,往往要考虑辨识度对品牌的影响。一旦失去了辨识度,相当于抛弃了原有几十年积累的品牌资产,相当于重新认识品牌。因此,近年来的品牌重塑,都是在保留了原版Logo的识别性的基础上,融入了更具价值的品牌理念。
作为设计行业的领军人物。原研哉致力于在设计中融入东方美学的概念,将复杂的事务化繁为简。深度理解小米“以科技创造美好生活为使命”的品牌理念后,原研哉提出“探索科技与生命的关系”融入“ALIVE”的概念,即接近生命的形态。
Logo中融入最具中国特点的“人情味”,整个logo历时三年,让小米的Logo具有了烟火气息,这也符合小米致力于发展一种高品质、常态化生活的品牌调性。
不仅如此,这个外形还运用到一个数学公式:|x|^n+|y|^n=1,通过“n”的变化来推算Logo进行由方至圆的演变,经过多种对比,最终选择了当n=3时,形成集美感与寓意于一身的Logo图形,也是最具“ALIVE”内涵的代表图形。
小米logo的英文字体也变得更加灵活圆润,而“ALIVE”的理念也贯穿了整个视觉系统,不论是产品展示还是品牌宣传,新Logo都变得更加灵活生动。(视频)
在沿用橙色作为品牌标准色的基础上,融入了具有科技感的黑色与银色作为辅助色,保持识别性的同时也注入了新的活力。
看到这张图片,第一时间便能联想到麦当劳,在消费者心中,亮丽的金拱门早就形成了视觉符号。作为一个餐饮品牌,麦当劳的视觉设计也不甘示弱。由于疫情,为鼓励公众用餐卫生,麦当劳将自己的logo一分为二拆分成了两个分开的门。
通过分解Logo的“M”,在品牌延展上,同样也和其他品牌区分开来,将logo极致符号化。
明亮积极的“M”提高了麦当劳的品牌辨识度,红黄配色与字母“M”深入人心,哪怕只是局部,也能被一眼认出。这得益于麦当劳对于自身品牌的坚持塑造,通过不断的品牌价值输出,来影响消费者的心理。
时至今日,麦当劳形成了强大的品牌识别符号。简约的“m”更具记忆点。
蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。
关键词:UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司
银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发
一篇文章补齐你的平面设计八大构成!|兰亭妙微UI设计公司
平面设计是一门艺术和科学的结合,通过合理运用各种设计元素和构成原则,创造出富有吸引力和有效传达信息的作品。在平面设计中,八大构成原则被广泛应用,它们是:对比、重复、对齐、对称、比例、空白、色彩和排斥。
对比(Contrast):对比是通过相互之间的区别来突出一种元素或一个组合的方法。通过使用对比,可以增强图像的吸引力,并使关键元素更加显眼。比如使用不同的字体、颜色和大小来营造强烈的对比效果。
重复(Repetition):重复是指在设计中重复使用一个或多个元素,以增强整体的统一感和协调性。通过重复使用相似的形状、颜色或图案,可以营造出一种重复的节奏感,从而使作品更加有序和有力。
对齐(Alignment):对齐是将不同的元素或组件置于水平、垂直或对角线上,以增强整体的组织性和连贯性。通过合理的对齐,可以使作品的结构更加清晰,并使观众的注意力集中在重要的区域。
对称(Symmetry):对称是指作品的形态、结构或布局两侧呈现相似或镜像关系。对称可以给人一种稳定和平衡的感觉,它适用于传达正式、庄重和可靠的信息。
比例(Proportion):比例是指各种元素之间大小和比例的关系。通过合理的比例,可以使作品达到和谐、舒适和平衡的效果。合理的比例关系可以通过调整尺寸、距离和形状来实现。
空白(Whitespace):空白是作品中未使用的空间,也被称为负空间。空白可以帮助调整元素之间的关系,营造出平衡和稳定的效果。合理运用空白可以提高作品的可读性和可视性,并使重要元素更加突出。
色彩(Color):色彩是平面设计中非常重要的一部分,它可以通过情绪、情感和意义来传达信息。通过选择适合的色彩方案,可以增强作品的吸引力和表达力。色彩应该符合品牌的形象,并与其他设计元素相互协调。
排斥(Hierarchy):排斥是指通过元素的大小、位置和颜色等方面的差异来创建层次感和视觉引导。通过合理的排斥,可以引导观众的目光,使他们更加关注重要的信息和设计元素。
以上八大构成原则提供了一个设计师在平面设计中创造有吸引力和有效传达信息的作品的指导。设计师可以根据具体情况和目标,灵活应用这些原则,以实现更好的设计效果。
蓝蓝未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
2个方法帮你从历史中学会字体设计|兰亭妙微UI设计公司
引言:
字体设计是一门融合艺术和技术的复杂领域,深受历史的影响。通过深入研究历史中的字体设计,我们可以汲取灵感和经验,提升自己的字体设计能力。本文将介绍两种方法,帮助您从历史中学会字体设计。
来百度APP畅享高清图片
一、研究经典字体:
前言
每当临近春节时,互联网大厂的新年福利活动都会相拥而至,大家在各种活动中红包拿到手软。此时,百度APP的「好运中国年」系列活动也如期与大家见面,毫不吝啬的把“好运”传递给每个用户。
2019年至今,「好运中国年」已进行了五年,每年都会在品牌和玩法体验上进行探索与创新,今年进行了更深入的打磨,给用户一种“新”体验。在设计理念上,通过具有科技感和年俗气息的视觉创新,打造一场百度独有的“科技庙会”;活动玩法方面,较以往也更加丰富,包括了百度经典集卡玩法和多种红包玩法,给用户多元有趣的活动体验。今年春节的活动周期比往年更长,近一个月的好运中国年让用户乐此不疲。
打造好玩好逛的科技庙会
活动初期,我们从产品、用户、社会三个角度进行分析,确定活动的设计目标。
百度APP是百度在移动搜索方向的核心产品,代表了百度先进的搜索技术能力,具备很强的科技属性。今年团队设计的重点目标就是将活动与产品属性相结合,因此今年开始尝试打造「科技感」春节活动;好的活动体验可以加深用户对活动的记忆,为了让用户对「好运中国年」印象深刻,我们结合多种玩法营造科技庙会的氛围;而这么多的活动需要一个“集合体”来承载,“它”既要多元又要契合团队探索的有社会价值的年俗工艺,因此选用了“庙会”这个形式来承载。
经过分析,最终确定以好玩好逛的“科技庙会”作为本次活动的设计理念,给用户“新”的体验感受。
来场对“科技庙会”的探索
“科技庙会”是什么样子呢?通过将词拆解的方法,以“科技”和“庙会”为关键词进行思维发散,想象以什么样的视觉来呈现今年的春节活动。
探索过程中尝试AI绘画,用新的科技手段辅助寻找灵感。
定调
经探索,庙会的图像特征越来越清晰,它是一场热闹的具有多元文化载体的文化现象,拥有像舞狮/台戏/商铺/古楼/灯笼/风竹等事物,是民间艺术的结合体,描绘了老百姓新年期间的市井生活。
「科技感」则是一种视觉感知,既可以通过点、线、抽象图形进行感受,是粒子、发光体、光环、全息;又可以通过机器人、移动设备、全息屏幕等具象物体体现,是图形元素间的动态穿插或是一种变化发展的趋势。
我们将射线、光环、粒子、全息图像、速度感图形等元素植入具有人文特征的庙会中,切入“科技庙会”主题风格,进而确定视觉调性。
最终通过KV将探索的“科技庙会”视觉调性展示出来。打造出的视觉情绪是新奇热闹的,整体营造一场充满科技氛围的春节集市。以兔子形象IP为故事主体,讲述一个“兔年春节逛科技庙会”的世界观。通过“兔子舞狮”、“古镇建筑”、“商品小摊”等元素来体现庙会,道路上的全息路标、远处向上延伸的科技立光、城市建筑上的悬浮光圈来增加科技感。
定义“科技特色”的品牌体系
从确定设计理念开始,今年「好运中国年」的品牌设计就被贴上了“不一样”的标签。有别于往年的关键点是,需要在字体、图形和IP上充分体现今年“不一样”的“科技感”。
品牌字体
首先把“科技感”植入品牌字体中,形成独特的字体风格。“科技”体现的是一种发展与进步、速度与前进,代表了“硬”实力,我们把这种气质体现在今年的品牌字体中。与去年较圆润的字体相比,今年的字体更为硬朗,在此基础上字的斜度统一为12度,起落笔则用“尖角”延伸,整套字体现出科技创新带来的活力激发。
品牌图形
辅助图形是品牌的重要记忆点之一,能够强化品牌特征,提升用户对品牌的认知。今年的辅助图形保留了去年的基础形,不一样的是增加了「科技感」特色的图形元素,结合点、线、以及方格符号元素,进一步烘托科技氛围,在延续去年视觉感受的基础上增添了新的概念。
UI组件也注入科技感,在红包、btn、辅助入口等组件中增加科技感点线元素的点缀,信息载体使用半透明效果的异形面板,指引箭头则运用马赛克表现形式。将这些UI组件进行复用,科技气质贯穿到各活动中,确保在不同玩法上呈现统一的视觉感受。
品牌IP
今年的活动IP形象更具亲和力和辨识度。在兔子形象的设定过程中我们尝试多种头身比例,最终选用的比例为2:1,大头形象在面部特征和表情上能够体现更多细节,使整体更具亲和力,同时也可以让科技感的全息眼镜显得更为突出。IP贯穿活动始末,起到统一活动主题调性、强化引导,增加新年氛围和亲和力的作用。
旧瓶装新酒:经典重塑,打造多元好玩的集卡活动
集卡是百度历年春节的经典玩法,是用户最喜爱的玩法之一,也是「好运中国年」系列活动中在线时间最长的活动,无论在视觉还是玩法上都要更加丰富多元。
[一] 玩法升级,传承创新
过去两年中,活动采用双层卡玩法,集齐「好」「运」「中」「国」「年」基础卡后合成高级卡,集齐高级卡后奖励会翻倍。然而通过洞察研究发现,用户在高级卡阶段容易失去热情、感到无聊,由此发现高级卡阶段的活动体验仍有改善空间,因此尝试在今年进行了“新”的玩法体验创新。
今年团队在传统集卡玩法上探索变化,传承经典的同时,提出“新”的集卡闯关玩法。用户集齐「好」「运」「中」「国」「年」基础卡后,开启新的阶段,合成高级卡获得新春祝福语图鉴,通关全套祝福语图鉴获得终极奖励,同时整体降低集卡难度,让用户更容易玩下去。
[二] 传统工艺,氛围拉满
“新酒”还体现在工艺的多样上,与去年单一的年画工艺相比,今年的集卡高级卡场景中展示了四种工艺,汲取了庙会中出现的民俗文化和民间艺术品-剪纸、灯笼、爆竹、团扇。通过科技感的全息影像将每个场景串联,打造了一种科技庙会的感知。四个场景从家到国,层层递进,各场景结构源于品牌logo的熊掌元素,向用户传递着年俗文化、透传品牌,宣扬科技兴国的理念。
灯笼
说到春节,家家户户都会准备各式各样的灯笼来期盼阖家团圆。
因此活动中选择灯笼做为构建高级卡场景一的主元素,同时也是文字的主承载物,每个灯笼呈现不同的造型,「团」字的兔子造型和场景中的兔子IP,来呼应兔年生肖。通过地台上的庙会建筑和糖葫芦等元素的结合营造出庙会年俗氛围。
卡片则采用了较高挑的灯笼轮廓做为基础造型,强化卡片属性,也能够更好的承载文字和品牌的透传。
剪纸
剪纸艺术作为高级卡第二个场景的视觉呈现,带领用户感受其丰富内涵,感受设计对民俗生活的理解、对生活之美的追求。
场景中高级卡下端增加了以全息影像方式展现的庙会场景,同样营造出科技庙会的氛围。
爆竹
随着春节的脚步越来越近,人们最期待的便是新年的第一声爆竹,中国的爆竹文化,蕴含着华夏儿女的精神寄寓,表达着所有民族的共同期盼。近年来,随着大众环保意识的加强,爆竹声已离我们逐渐远去。因此,“爆竹”元素做为第三关高级卡的主元素,目的是为用户营造久违的爆竹带春声,配合一席冬雪,向用户描绘大自然对大地和人类的厚爱。
团扇
团扇是中国传统工艺品及艺术品,有着深厚的文化底蕴。同样寓意着吉祥如意。结合卡面文字,第四个高级卡主元素被设定为团扇。其外观分别为圆形、花瓣形、芭蕉式等。通过设计手法展现团扇的刺绣工艺,细致到边角和装饰。而场景层则通过掐丝珐琅的形式向用户展现了祖国的大好河山。卡的后面还点缀了具有科技属性的卫星元素,预示着未来科技的蓬勃发展。
[三] 科技庙会,独具特色
集卡是好运中国年系列活动中最先与大家见面的,为了让用户了解陆续开启的更多活动,我们在集卡活动页下方开辟了一个活动聚合专区,在设计上将传统与科技融合,打造了一个丰富又独具特色的庙会场景。前期提炼的科技元素转化为环绕道路的彩色全息路标,行驶中的百度无人车,LED光感的庙会建筑等,与各活动入口共同打造一个科技感十足的庙会街道。
亲朋共团圆:疫情后我们第一次团聚
在过去新冠疫情肆虐的三年中,大家与亲人朋友团聚的机会变得格外珍贵。在后疫情时代的第一个新年,活动从除夕到元宵节,逐步开启多个红包福利活动,与去年相比,在玩法上更多样,增加了3个邀好友和2个红包雨活动,为用户与亲朋创造了丰富多样的线上互动场景。
除夕和元宵节是春节的首尾时刻,通过红包雨游戏为用户发放福利。在除夕夜,特别开设了多个时段的大额红包玩法,用户与家人一起守岁抢红包、迎接新年到来。
团圆红包、新春大红包、开工领红包,是春节系列活动中的3个各不相同的邀好友活动,我们通过差异化的设计形态,向用户呈现丰富多样的红包福利。
在春节假期到来前,团圆红包活动的互动方式主打线上分享,提前为用户创造与家人线上联系领福利的场景。
而在春节假期后期推出的扫码领红包活动中,迎合朋友见面聚会场景,设计上强化扫码互动方式,便于线下面对面拉好友参与。
开工领现金是今年百度春节新增的特殊玩法,贴合新年后开工利是的现代习俗,吸引用户向身边的同事朋友分享这份好彩头。
年俗文化链通全局
当然这些活动的视觉也少不了科技和年俗文化的碰撞,将这些细节元素贯穿在各个活动中给用户更加统一完整的沉浸体验,如此多的年俗物件,是在去年活动中没出现过的。
倾听用户声音,点滴之中打磨更好的细节体验
今年的“新”体验也体现在我们的细节打磨上。秉承用户体验至上的原则,从去年春节活动开始,团队尝试通过投放问卷了解用户参与活动的感受,在今年为用户打造了更好的细节体验。
通过细致入微的设计思考、克制的细节处理,打磨出「更简单」、「更生活」、「更生动」的体验。在今年的体验反馈中,获得了很多用户的称赞。
[更生活]
更生活体现在高级卡的场景设计上,将灯笼的点亮态和未点亮态通过颜色和质感进行区分,通过集卡逐一点亮灯笼,制造小的惊喜点,寓意照亮全家人的平安与幸福。
[更简单]
为了让活动更易于上手,我们将主页和弹窗中的主按钮文字放大,提高主按钮的视觉层级,这种设计让白发人群也可轻松参与到活动中。
同样的,扫码活动中二维码的展示也进行了放大处理,节省了点击再放大的步骤,更便于识别和用户之间的面对面分享。
[更生动]
在红包雨活动中,为了保证用户的游戏体验,使用了二维游戏引擎,增强动画流畅度。同时在多种道具上增加了点击实时反馈,强化道具的生命力。
在开工领红包活动中使用动作捕捉数据,让人物的动作更真实,更灵活。同时设计了金币的碰撞反馈,提升用户的点击感和爽感。给用户更好的游戏感体验。
配图是我们平时在设计工作中经常用到的,一个好的配图很多时候会直接影响到一个作品的好坏,图片本身也是一种视觉语言,通过学习跨领域的知识可以帮助我们提升自身所处的领域设计能力,本篇文章和大家讨论一些构图和景别知识,通过对这些知识的了解判断如何选择一个好的配图以及怎么应用好配图,大多数设计师选择配图时都是凭着主观意识在选择配图,你所选择的配图很大程度会受到你的主观意识的影响,这些主观意识来源于自身审美、文化、环境等因素的,因此在我们的主观意识基础上,应该具备一定的客观依据来帮助我们更好的选择合适的配图。
构图与景别知识在摄影、绘画、影视中应用很多,但很多设计师容易忽视这些知识,这些知识看似是摄影、绘画、影视等行业的知识与设计好像没太大关系,这些知识也是很有必要学习的的理论知识,对构图景别的理解很大程度会影响你能否把握好设计画面中的配图,配图本身也是一种视觉语言,提升构图和景别知识对设计师整体综合实力提升是有帮助的,当你做三维和插画等设计时同样也会用到这些知识,了解这些知识会让你以客观依据的角度,运用和判断设计中配图的好与坏。
目前来看几乎所有的艺术或商业作品,无论是摄影、绘画、CG等都离不开画面的构图与结构,你甚至能在很多绘画大师的的经典作品中看到他们作品中也使用了构图理论,合理的构图作品,给观众美的视觉享受和与众不同的情感体验,同时提升画面表现,关于构图的知识很宽泛,构图方式方法也非常多,有的作品中可能包含多种构图形式,这里给大家大致介绍一些常见的构图知识,目的是抛砖引玉让大家意识到良好的构图能平衡画面同时,传达出更清晰明确的图像信息。
中心构图是将画面主体放置在画面的视觉中心,让主体成为整个画面的视觉焦点,通过周围环境氛围烘托画面主体,这种构图形式聚焦主体,能更好的凸显画面主体。
一点透视构图有较强的空间感和纵深感,画面的元素会向中心聚焦,会把观众的视觉引导向画面中心,比较适合表现画面空间感。
黄金法则构图遵循古希腊学者毕达哥拉斯的黄金分割比例进行构图,也就是我们常说的 0.618:1,黄金法则构图有采用像三分法那样井字构图,还有采用黄金螺旋的构图方式,构图时将主题放置在黄金比例焦点或线上。
对角线构图中主体在画面的对角线位置排列,对角线构图视觉冲击强,具有动感和不稳定性,更使画面更有趣味和视觉张力。
主体在画面中呈三角形状,正三角形构图画面更具稳定性,反之倒三角形构图会使画面有紧张感和不稳定性。
字母形构图画面呈现字母形态,不同的字母构图会给观众带来不同的视觉感受,S 形构图是一种比较常见的构图形式,S 形构图迂回延伸使画面产生优美、雅致、韵律感。
引导性构图利用画面中有形或无形的线,引导观众的视觉聚焦到画面的重点,引线不一定是一条线,它是一种具有引导性的东西,光影、道路、河流等都可以做为引导线,引导性构图视觉表现强,引导观众视线突出主体。
三分构图是最常用的构图方法,结构由两条竖线和两条横线构成,形成一个井字,也叫井字构图法,在三分构图中主体通常放置在四个交点上或线条上,三分法是比较常见的构图形式,可以在很多摄影和绘画作品中看到。
对称构图是根据对称轴,使画面形成的对称的构图形式,比较常见的对称构图上下对称、左右对称,对称构图具有平衡性、稳定性、均衡性。
水平线构图也是比较常见的一种构图,水平线构图通常表现宽广的场景,地平线、海面、湖面等主题,水平线构图给人宽阔、稳定、平静、舒适的感觉,水平线构图主要是是采用横画幅来表现。
垂直线构图中主体呈现为垂直的线条,垂直线构图给人高耸、庄严、挺拔的感觉,具有较强的视觉张力,锤子线构图常采用竖画幅来表现。
十字形构图是水平线和垂直线的组合,十字形构图画面会给人平稳、安全、严肃、神秘的感觉。
夸张透视会以比较特别和夸张的的视角表现画面和主体,使画面整体都具有强大的视觉张力和冲击力。
虚实对比通过主体和背景的间的虚与实对比,从而突出画面主体,虚实对比使画面更有层次和空间感。
明暗对比通常以暗衬托明,在视觉感受中越暗感觉离我们越远,越明亮感觉离我们越近,明暗对比对比可以使画面更有立体感,层次感等,通过画面中的明暗对比形成的强烈反差,可以凸显画面中主体,引导观众视线到主体上。
色彩对比中包含三个要素色相对比、纯度对比、明度对比,同时根据色环中的色相变化,还可以分为同类色对比、邻近色对比、对比色对比、互补色对比,色相角度变化越大对比月强烈,通过色彩对比可以突出画面重点、丰富画面、提升画面层次,背景色彩与主体色彩形成对比,能凸显画面主体。
奇数原则画面通常是一个、三个或五个主体,通常不超过七个,超过七个时观众会将其视为一个整体,当画面中为主体为奇数时,在视觉上会比偶数更和谐、更美观。
视觉引导通过画面内容引导用户视觉,视觉引导形式有很多种,人物或动物直视、运动方向、肢体语言等,都可以引导用户在观看画面时的视线运动。
通过大小对比使主体与周围元素形成差异化的视觉冲突,同时大小对比中的次要元素还可以作为比例参考,突出主体的大小,强烈的视觉落差增强版面节奏。
裁剪图片为不同景别的图片对板式设计也有很大影响,不同景别的图片传达的视觉语言也是不同的,哪怕是图片朝向的位置都值得我们仔细思考,在配图时我们要思考通过图片传达什么视觉信息给观众,所以在我们做设计时,要想清楚当前页面要传达什么样的信息从而采用什么样的景别。
大远景通常表现广阔气势宏伟的场景,大远景的空间感非常强,强化景物与环境的关系,主体相对较小与场景形成强烈的大小对比。
远景营造主体与场景的关系,通过画面场景叙述主体和场景的关系,远景具有较强的空间感,具有开阔的画面场景。
全景通过场景来体现主体的处境,利用人物和场景的关系强化主题,全景中主体会被强化形成明显的内容中心,从而弱化场景。
中景表现主要表现人物膝盖以上,在中景中人物在画面中的占比更大更为突出,人物会被强化,同时弱化场景。
近景主要表现人物胸部以上,画面中人物或主体会占有主导地位,强调人物的情感特征,通过细微人物的动作、肢体语言、表情等表现画面主题。
特写主要表现人物肩部以上或主体的细微部分,主体被放大,场景弱化到难以分辨,强调主体的情感、心理或产品的工艺结构等。
大特写会将主题放的更大,展现主体的局部细节,大特写具有强调和突出主体细节特征的作用,具有极强的视觉效果。
配图知识是设计师在平时工作或设计练习中必备知识,很多时候我们在选择配图时完全是凭感觉在选,图片也是一种视觉语言,作品整体质量也会受到配图的影响,本次配图知识分享希望能帮助大家在之后选择设计配图时,在主观意识判断的基础上有一个客观的依据,写这篇文章的同时,我也正好根据文章大纲做了一套板式练习作为文章配图,最后给大家分享几个高质量的图片网站(需要翻墙)
摄影类图片
https://unsplash.com/
https://burst.shopify.com/
CG类图片
https://www.deviantart.com/
https://wallhaven.cc/
作者:Tomato76 来源:站酷
蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~
希望得到建议咨询、商务合作,也请与我们联系01063334945。
分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
蓝蓝设计的小编 http://www.lanlanwork.com