快速传达实用有效的信息图标设计 猫logo设计说明?

[更新]
·
·
分类:生活百科
3227 阅读

快速传达实用有效的信息图标设计

猫logo设计说明?

猫logo设计说明?

卡特彼勒logo设计图标应简洁,并能传达企业细致专业的服务。猫的形象要易于识别和联想到名字,面部表情要有亲和力。基于猫头形状的不同表达和延伸设计,也将为品牌未来的应用带来无限的可能

面试必知:UI设计中ui小图标的制作有什么原则?

图标是UI设计最重要的元素,也是UI设计新手学习的基础知识。但你知道怎么设计出好看的图标吗?接下来的杭州UI设计学习就给大家分享应用图标设计的七个原则。
1、简洁的设计形式
在设计图标的时候就要非常注重图形的简洁,避免在小尺寸展示时候不清晰不能被识别的情况,同时简洁的图形设计形式也会提升图标的设计品质。应用图标在手机屏幕的显示尺寸仅为120*120px,这个尺寸是最重要的设计尺寸。
2、准确的产品属性传达
一个高品质的应用图标应该能够让用户在第一眼就能够感知到这个应用的属性和功能。另外图标设计应当高度提炼产品特色找到最能代表产品属性的图形元素,并对这个元素进行突出设计。
3、独特的设计语言
要想在众多的应用图表中脱颖而出,设计师在设计图标时就必须强调应用图标的独特性,突出产品的核心特征和属性。
4、艳丽的色彩
鲜亮明快的色彩搭配能够为应用图标带来更多的关注度。其中对比色和互补色的渐变搭配是最有代表性的设计手法。无论是纯色的色彩运用或者是渐变色的色彩运用。
5、品牌形象的延续
在设计应用图标的时候应当充分的利用已有的品牌形象加以运用,让品牌的深厚积淀继续发挥作用并且让品牌形象延续从而赋予品牌更强的生命力。
6、多场景测试
在设计应用图标的时候也要考虑到应用图标的展示场景,避免图标不能完美展示的情况。在不同场景下应用图标需要根据需求做相对应的设计优化,,避免给用户带来简单粗糙的视觉印象。
7、避免使用大量文字
文字太多会导致应用图标看起来拥挤用户也很难看清楚信息。大量使用文字的另一个致命的后果是会大大降低应用图标的设计美感,不仅不能使用户产生好的印象反而会招致用户的反感。
掌握以上原则,你就可以做出好看的图标作品。

VI设计中的Logo可以有什么表现方式?

你这个问题很模糊,我姑且理解为在VI设计中应该如何融入Logo进行识别元素的正强化。刚好之前也想整理一下这方面的内容,就借这个问题写一些,希望能对你有所帮助。
常用套路档
常用套路1——截取局部
PabloampRusty‘s咖啡的图形Logo就是PampR几个字母,在使用上也很简单粗暴的使用了局部裁剪的方式来进行VI设计。这种手法可以说是最简单的Logo在全局VI中的表现,但是请注意你如果要用这种方式进行设计,你的Logo最好有大量的细节和经得起推敲的曲线。比如在这个例子中如果换用Helvitica效果肯定就会差很多。
常用套路2——整体阵列
LILY LOLO是一家化妆品品牌,如果你设计的Logo是类似上图这样适合设计四方连续的图形,那么采用这种阵列设计方式不失为一种简单有效的技巧,请注意在这类辅助图形的设计上保持图底平衡是很重要的设计指标。比如上图就明显过于密集了。
常用套路3——元素堆砌
儿童与卡通Logo有时会适用于这种情况,在设计Logo之初就将Logo元素规划为特性比例的不规则色块。在VI设计中就可以很方便的藉由色块的多种排列组合营造出丰富多变的视觉效果。这种手法难度不高效果不错,可惜受众群体比较狭窄,在特定情况下会是不错的思路。
常用套路4——底色填充
堪称价格便宜量又足的典范,大量应用于各类标榜清新自然的女性品牌。还记得常用套路1里我是怎么说的?将Logo元素放大进行VI应用的基础是你的Logo元素需要有大量的细节。水彩底色天生符合这个要求。文字的搭配上益于使用手写体或带有手工痕迹的衬线体。
常用套路5——腰线延展
如果你的Logo是由等宽线条构成的,那么可以尝试这种手法。将Logo下方线条延伸然后指定一个裁剪比例。再规定一个不同比例介质上的摆放标准。视觉效果上虽然乏味了些但是胜在简单方便,视觉效果也足够统一。
常用套路6——重点元素
字母Logo设计常见此套路。如果不是特别追求华丽的表现,字母Logo设计的成品通常都会有一些沉闷。一个取巧的设计技法就是给字母中添加一个特殊的识别元素,这个元素通常不会太复杂,但是一定会使用与整体Logo不同的鲜艳色彩,有助于形成视觉焦点。而在VI应用中最常见的做法就是将这个元素放大缩小嵌套蒙版进行各种不同的比例更改。实际操作会随着元素本身的设计不同有较大差异。
进阶套路档
进阶套路1——字体表现
这个例子是常用套路1的进阶版。适用于使用手写字体作为Logo的品牌,单纯的用Logo进行局部截取在展示效果上的变化是有限的。但是将不同的项目单独书写文字然后再来进行截取就可以无限的增加变化性。相同的配色与类似的文字风格也并不会使得整体效果变的突兀。
进阶套路2——轮廓阵列
与常用套路2相比轮廓阵列的最大优势就是完美的协调了复杂与简洁。通常来说使用四方连续作为VI辅助图形的品牌都是比较严肃中正的。那么这类品牌辅助图形应该满足的特点就是简洁高雅。Logo因为传达信息的关系通常会比较复杂繁琐。采用轮廓阵列可以很好的规避这一缺点。当然对轮廓设计的选择是这种手法的一个难点。
进阶套路3——图形延展
所以我常说如果你想要设计VI一定要在最开始Logo设计时就提出委托。这种手法的特点就是在Logo设计初期即对VI有完整的规划。设计时会完成一套系列Logo。通过这种简单粗暴的方式完成VI设计中对Logo的统一性呈现与对应的复杂性要求。
进阶套路4——元素强调
这个设计手法是对常用套路6的升级,我们可以看到即使是如此简陋的一个手写o,在经过强调、阵列与放大后仍然能给人行程深刻的印象。这个例子中比较有趣的一点是它有图形,但是这个Logo的识别重点却是下方的手写字母。在实际应用中图形Logo转而被设计成底纹来衬托辅助元素。确实是少见的脑洞。
进阶套路5——Logo再设计
这个案例很老了。我记得我刚刚开始学习品牌设计的时候就看过。这个品牌的Logo是那个看起来像是领结的结构。但是设计师以惊人的创造力赋予了这个图形多种不同的阵列效果。这种设计方式完美的融合了Logo的重复识别与阵列图形在不同场景下的应用。与单纯的就Logo进行四方连续设计底纹有本质上的区别。
进阶套路6——肌理扩展
这种手法要说简单也确实很简单。就是将Logo设计中使用的肌理扩展到VI里。问题在于Logo设计一般追求简洁明了。很少在其中注入复杂的肌理。而VI设计兼顾到大块面展现会需要大量的细节,如何平衡这其中的矛盾是在设计Logo之初就需要考虑到的问题。
进阶套路7——元素再创造
这种设计手法可以算是常用套路3的延展。与套路3的主要区别在于这个例子中元素并不是在进行无意义的堆砌与阵列。而是进化出了一套表达内容的机制,丰富的变化形式使得这套VI可以表达多种复杂的状态与情感。
没啥套路1——抽象提炼
接下来是欣赏时间,这些内容完全基于设计师对品牌与内容优秀的提炼与把控,就不是一两句话能总结的了。
梵高美术馆的Logo没什么创意可言,我们常说如果你展示的内容已经足够精彩华丽那么你的Logo就应该低调质朴。但是VI辅助图形的实用性与概括性确实相当优秀。抽象的线条完美的再现了梵高的笔触。
没啥套路2——元素延展
普华永道的VI要说道理呢也简单,就是普通的元素延展。通过元素之间的减网堆叠来达到层次感的控制。难得的是设计师将这种简单的手法玩出了档次。这套VI在识别性,传达性与易用性上皆是上品之作。基础的手法也可以成就最优秀的效果,关键是看你如何去规划它。
没啥套路3——画个框
绝对的简单,绝对的粗暴,绝对识别性却并不干扰多种元素展现,同时完美的呼应Logo的图形并且使用上还非常简单。这个辅助图形在我的理解可以称为完美。
类别想就想到这几种,大家感兴趣的话以后我想起来新的种类再补充进来。
顺便我这搜集了一堆各大品牌的VI手册不知道你们感兴趣么?留言给我看一下,感兴趣的人多的话我整理整理发上来。
各大品牌的VI手册有需要的朋友可以去微信公众号:KGdesign回复brandbook就可以跳转链接了,这个压缩包有新增补的内容。