跳至内容
123标志设计博客123标志设计博客
  • 🌏 官网首页
  • 🍱 LOGO定制套餐
  • 🤖 LOGO生成器
  • 🌏 官网首页
  • 🍱 LOGO定制套餐
  • 🤖 LOGO生成器

标签: APP设计

分类
LOGO资讯

Youtube儿童版调皮上线,还有可爱的logo设计以及APP设计

  • 文章作者 Ruiwen
  • 发布日期 2015年3月10日
  • Youtube儿童版调皮上线,还有可爱的logo设计以及APP设计有1条评论

youtube-kids-900-300
2月25日,Google正式推出了YouTube Kids的服务,为孩子们独立划出一块可以在互联网上安全健康看视频的空间,同时已与梦工厂等多家内容提供商合作,为儿童提供更多内容库和剧集更新。除了娱乐类视频,还会提供教育类视频,如国家地理儿童频道等。伴随推出的youtube kids服务,同时youtube还特别设计了具有卡通形式的logo设计方案以及APP设计方案,logo设计风格依然采用youtube的字体logo设计样式,不同之处在于加入了更加调皮的“KIDS”单词,对于app设计,颜色依采用youtube的亮红色vi设计风格,在视频播放图标下方加入了,可爱的笑脸形象,app也是显得更活泼。

201503061301057

2015030613092327

同时,Google 也为孩子们准备了一些属于他们的惊喜。主界面上有4个功能,分别是Show,Music, Learning 和 Explore,除此之外还提供家长监控功能,贴心地设计了禁用搜索、声音控制和计时器功能,帮助家长限制孩子们的使用时间。另外,在 APP 的交互设计上也充分地贴合孩子们的心理,色彩鲜艳的图标,尺寸大的交互界面和定制化的内容推荐。

2015030613092742

2015030613093149

2015030613093742

2015030613094242
YouTube Kids 是 Google 目前针对孩子开发的产品和服务之一,在去年年底透露出来的Google 2015 年的发展计划中,他们将还会针对旗下其他应用,包括搜索和 Chrome 推出针对儿童的友好版本。而在儿童市场上,Google 的动作还不仅于此,最近他们收购Launchpad Toys,开始进军儿童应用市场;与 Disney 合作,制作系列动画片,鼓励孩子们编程。

  • 标签 APP设计, logo创意, logo品牌, LOGO设计

分类
LOGO参考

互联网公司腾讯LIGHTALK英文LOGO设计

  • 文章作者 Ruiwen
  • 发布日期 2015年3月4日
  • 互联网公司腾讯LIGHTALK英文LOGO设计有2条评论

tencent-lightalk-logo-design-1-900-300
“来电”(英文名:lighttalk)是一款针对海外用户语音沟通APP软件。作为一款新的App,Logo是用户接触产品的第一道门面,也是产品或品牌气质特点与内涵的体现。这其中,文字Logo设计有着更为直接传达产品信息的作用,因此,APP标志设计的字体需要做到有产品自身的视觉特点,并让用户一看就知道即时通讯类APP,这样做也有利于传播。由于“来电”(即“Lightalk”,为了方便,下文统称Lightalk)首先发布的是英文版,且英文Logo设计与中文还是有一定差异,所以我们就从Lightalk英文Logo设计入手,分享一些logo设计过程的心得体会。
1. 品牌定位

20150211163608300

品牌定位的目的就是将产品转化为品牌,以利于潜在用户的正确认识。我们为Lightalk应用塑造了一只小北极熊的形象,一方面与南极的企鹅(QQ)呼应,另一方面,小北极熊可爱友好,形态和动作有趣,天真单纯,在北极这样人烟稀少的地方,它渴望着与外界沟通,愿望简单而美好。这只小北极熊就如同是Lightalk的化身,它的形象符合Lightalk产品自身的气质。我们对小熊所赋予的这些气质同时也是我们对Lightalk品牌的定位,我们希望通过这样的形象传达给用户、让用户认识。
2. 关联性
我们的文字Logo在设计的时候需要考虑它与Logo图形的关联性。Lightalk的Logo图形就是我们品牌所定位的小北极熊,我们可以从已有的图形方面进行参考,如线条粗细,熊自身形状的感觉等等来思索字体的设计如何与它产生关联,使得它们在搭配的时候不会突兀生硬,容易形成整体,并给人一致完整的感觉。
设计方向
1. 关键词提取
根据品牌定位去进行发散,我们从中找出最符合我们产品的气质特点,收拢后得出以下的关键词:亲和、趣味、纯粹。

20150211192229530-590x197

2. 方案制定
我们从提取出的关键词去考虑,让文字Logo需要具备以上的特质。另一方面,Lightalk用的是英文字符,中文和英文在设计上有区别,鉴于我们自身的文化对于英文字体的设计内涵了解不深刻,所以在设计的时候对于英文字体的设计需要查询足够资料,规避英文字设计的低级错误。
文字设计
1. 字形构思
我们从关键词出发,把关键词具象出字形所需要的元素以及一些规则。

20150212093841340-590x585

2. 基本规则制定
有了大概的字形构思,在设计的时候,就会有着倾向和选择范围了,但是,只是这样是不够的。如果按照这种大概的认知和感觉去设计,设计出来的字会很容易经不起推敲,特别是英文字体的设计,26个字母看似简单,但是除了字母本身字形之外,还有字母相关之间的关系是需要斟酌,与方块字造型的中文不同。在设计字体的时候,遵循或制定出一些基本规则与标准,可以使得字体有一定的规律,保持视觉上的基本平衡,通过这些规律使得设计出来的字体和谐美观,并规避一些基本的错误。
(1)x-height
在英文的字体设计中有一个中文字体没有的重要概念:x-height。x-height就是以小写x为基准的高度。在英文字体的设计中(特指小写),一个字体的高度包含3个部分,以x-height为基准线,除此外分上下部(大写英文字体没有下部)。
所有小写字母的核心都在中间这一块,也是因为这样的结构使得英文字体核心行气贯通,容易引导视线的流动,上下部的辅助使得英文的排布透气灵活,这也是英文看起来更为舒服顺眼的其中一个原因。Lightalk字体上需要遵循这一点来保证字体Logo的架构稳定。

2015021116360794

(2)标准圆
英文字体最重要的是视觉上平衡,在这个Logo中我们也应该遵循这一点。根据构思,Lightalk的字形会比较圆,因此用圆来制定一套标准会使得字体的弧度、间距具备规律,有迹可循。Lightalk里面8个字母,除了第一个字母L大写,其它为小写,考虑到这8个字母可能会涉及到的弧度和间距,我们以a为单位标准,以倍数设定了5个标准圆,使得每个不同的字母放在一起的时候能够合适。

20150211163607470-590x160

3. 字体雏形
根据基本的规则,我们可以得出基本的雏形(如下图),出来的字体是无衬线的手写体(这里要科普下,并不是那种感觉飘逸的才是手写体,手写体指的是字体走向更靠近手写的字体,在这里主要体现在小写字母a、g、k的写法上,k手写还有另一种笔法走向,但为了这个Logo的平衡考虑用了现在的这种。)字体的形根据一些走向作了处理,让每个字体更为简单,而且在基本上保证了可识别性,但这仅仅只是一个雏形,能够看到问题还很多,还要打磨。

20150211190011914-590x217

4. 整体优化
优化是很重要的阶段。在英文字体的设计中里面,不论哪款字体或者是设计出来的字体,它除了基本的平衡原则外,其它的设计工作都是为了它看起来更完整和谐还有舒服。因此在优化的时候,我们需要通过我们的审美,理解和对效果的把控使得它符合我们最终的预期。
(1)比例调整
字体的比例会影响着Logo的整体气质以及Logo字与字之间的关系,甚至影响识别。举个例子:上部太短的话,“h”就会看起来像“n”,容易造成误解,所以,基准线与上下部分的比例调整到接近黄金比例,这样符合审美之外,也能使得logo的信息完整。
(2)字形调整
字形的调整有着主观审美的影响,但最主要的还是要让人看起来觉得舒服。在雏形里,“i, g ,t”这3个字母在里面看来是很不舒服的,比如因为比例导致“i”的上部与基准线分离太远;“g”的下部过于圆而显得下部缩紧,而且下部显得长了点;“t”的上部过长,通过发现这些问题,对字形不断得调和,让文字Logo愈发完整。这时,问题来了,大家可能会问为什么“i”和“t”不对齐,前面有提到这是文字Llogo,并不只是规矩的文字排列,在合理的前提下稍稍跳脱一下规则,形成差异点,也符合我们对于趣味的定义。

20150211190406850

(3)字距调整
优化的阶段中我觉得字距的调整是最重要的,如果处理得不好就会显得松散或者拥挤,破坏整体得韵律。在设计英文字体的时候,字母与字母的实际间距其实需要小心处理,如果按照一致的间距去处理,那么有可能会发现,间距还是不舒服,这个和英文字母本身的形有关系,比如“t”和“a”或者“t”和“g”组合的时候,他们之间的空间会留的比较大,在间距一致的时候会形成字距宽了的错觉,因此这些细节见需要遵循视觉平衡这一点去考虑,而不是单纯得让间距一致就完事,Lightalk的英文字体设计中“t”和“a”之间的实际间距就不保留,以此来保证平衡。

20150211190418191-590x359

5. 文字Logo输出
文字Logo做出来后,看看与图形Logo是否搭配合适,同时还需要看看是否能够应用倒需要的场景中,根据所在的场景,再做调整。基本确定后就可以输出了。

20150211190429249-590x165

2015021119043716-590x415

设计感想
有幸参与到Lightalk的项目,进行了Lightalk文字Logo的设计工作。Logo在大家看来似乎是这么多设计领域中的一个点,但是作为一个App品牌形象的基础部分不仅是用户接触App的第一印象,还对清晰简明地传达相关品牌和产品的信息有着重要的作用,而且其中的字体设计对于品牌的内涵和特质的传达影响甚广,所以,做好文字Logo还是很重要的。
在这一次的设计工作,我把自己曾经学过的知识在脑中更新了一遍,也因为这次工作的需要,好好地学习了英文字体的设计方法以及开拓了自己对于字体设计的认识。其实在任何的设计领域中,字体设计都是最基础而且重要的课程,应用字体也是一门学问,但是在讲求效率的现在,除了平面设计领域还有着重于字体设计之外,其它地方对于字体设计的关注力度减少了很多.我认为,对于字体方面的研究还是要继续,它渗透在我们生活的每一处,是文化的体现更是设计的基础,或许我们对于图形、画面、排布更为敏感,但不能否认字体的重要性。
不好的设计有很多很多的理由和原因,但是好的设计对于文字一定是看重的,这一点是在这次工作中深刻的体会。在最终选定这一个方案的背后,有着很多的尝试,对定位方向等等的摸索,同时也刺激着大家对于Lightalk产品,品牌等多个纬度的思考,这让我收益良多,而这具体体现在下面这部分尝试的方案(印象中画了有十个系列的样子……)中,从最初的Logo到最终的这一稿让我从中得出了一些经验思考,找准方向、定位、关键词,会让后面的工作好进行很多。

20150211190501215-590x479

  • 标签 APP设计, 互联网公司logo

分类
LOGO参考

Icon APP图标设计中的色彩应用

  • 文章作者 Ruiwen
  • 发布日期 2014年11月10日
  • Icon APP图标设计中的色彩应用有2条评论

icon
今天和大家一同讨论关于互联网APP logo设计的话题。记得我们在之前的一篇文章中专门还分析了123标志部分案例的颜色搭配现象(你的企业标志【色彩选择】符合行业本质吗?),不管是APP颜色搭配还是LOGO颜色搭配相互还是有借鉴可取的地方。
目前app中色彩最为常见的:蓝色(科技色:推特、facebook、36Kr)、红色(zaker、唱吧、网页云音乐、京东)和橙色(58、点评、土豆、UC)等,由于这些是自己的经验和感觉,总感觉不靠谱,得有数据验证才能放心,于是在网上找到一个大神的资料:对App Store中应用icon颜色的抽样分析,这位可能是处女座的大神对appstore的Icon色彩进行了抽样分析和统计,得出的结论除了上述的三个色之外多了一个“白色”,于是恍然大悟,自己手机上白色为主色调的还真不在少数,如 友秘、日历(iOS原生态)、QQ,只是在白色的主色调上加了少许其他色调,就被我忽视了。
除去在设计icon时候,配合公司主色调(比如爱奇艺的绿色,在群里聊天,他们的员工QQ气泡都是绿色,估计Icon也红不起来)以及游戏等以卡通人物作为icon,其他产品公司都会或多或少借鉴部分色彩心理学的知识:
黑色
象征权威、高雅、低调、创意;也意味着执着、冷漠、防御,端视服饰的款式与风格而定。黑色为大多数主管或白领专业人士所喜爱,当你需要极度权威、表现专业、展现品味、不想引人注目或想专心处理事情时,例如高级主管的日常穿著、主持演示文稿、在公开场合演讲、写企划案、创作、从事跟“美”、“设计”有关的工作时,可以穿黑色。

1
lofter(网易轻博客:高雅、创意、品味)

灰色
象征诚恳、沉稳、考究。其中的铁灰、炭灰、暗灰,在无形中散发出智能、成功、强烈权威等强烈讯息;中灰与淡灰色则带有哲学家的沉静。当灰色服饰质感不佳时,整个人看起来会黯淡无光、没精神,甚至造成邋遢、不干净的错觉。灰色在权威中带着精确,特别受金融业人士喜爱;当你需要表现智能、成功、权威、诚恳、认真、沉稳等场合时,可穿著灰色衣服现身。
ios 原生相机(智能、精确)
ios 原生相机(智能、精确)

白色
象征纯洁、神圣、善良、信任与开放;但身上白色面积太大,会给人疏离、梦幻的感觉。当你需要赢得做事干净俐落的信任感时可穿白色上衣,像基本款的白衬衫就是粉领的必备单品。
想去 (设计类:  梦幻 感觉 纯洁)
想去 (设计类: 梦幻 感觉 纯洁)

褐色、棕色、咖啡色系
典雅中蕴含安定、沉静、平和、亲切等意象,给人情绪稳定、容易相处的感觉。没有搭配好的话,会让人感到沉闷、单调、老气、缺乏活力。当需要表现友善亲切时可以穿棕褐、咖啡色系的服饰,例如:参加部门会议或午餐汇报时、募款时、做问卷调查时。当不想招摇或引人注目时褐色、棕色、咖啡色系也是很好的选择。
豆瓣FM(安定、沉静、让人情绪稳定、易相处)
豆瓣FM(安定、沉静、让人情绪稳定、易相处)

红色
红色象征热情、性感、权威、自信,是个能量充沛的色彩–全然的自我、全然的自信、全然的要别人注意你。不过有时候会给人血腥、暴力、忌妒、控制的印象,容易造成心理压力,因此与人谈判或协商时则不宜穿红色;预期有火爆场面时,也请避免穿红色。当你想要在大型场合中展现自信与权威的时候,可以让红色单品助你一臂之力。
zaker(权威、吸引注意)
zaker(权威、吸引注意)

网易云音乐 (热情、能量充沛、火爆)
网易云音乐 (热情、能量充沛、火爆)

 
粉红色
粉红象征温柔、甜美、浪漫、没有压力,可以软化攻击、安抚浮躁。比粉红色更深一点的桃红色则象征着女性化的热情,比起粉红色的浪漫,桃红色是更为洒脱、大方的色彩。在需要权威的场合,不宜穿大面积的粉红色,并且需要与其它较具权威感的色彩做搭配。而桃红色的艳丽则很容易把人淹没,也不宜大面积使用。当你要和女性谈公事、提案,或者需要源源不绝的创意时、安慰别人时、从事咨询工作时,粉红色都是很好的选择。
蘑菇街 (甜美、温柔、浪漫、女性)
蘑菇街 (甜美、温柔、浪漫、女性)

美丽说( 女性 、温柔 、浪漫)
美丽说( 女性 、温柔 、浪漫)

 
橙色
橙色富于母爱或大姐姐的热心特质、给人亲切、坦率、开朗、健康的感觉;介于橙色和粉红色之间的粉橘色,则是浪漫中带着成熟的色彩,让人感到安适、放心,但若是搭配俗气。橙色是从事社会服务工作时,特别是需要阳光般的温情时最适合的色彩之一,橙色的快乐和活力可以很好地表现激情和参与的理念。
土豆 ( 活力、参与感)
土豆 ( 活力、参与感)

黄色
黄色是明度极高的颜色,能刺激大脑中与焦虑有关的区域,具有警告的效果,所以雨具、雨衣多半是黄色。艳黄色象征信心、聪明、希望;淡黄色显得天真、浪漫、娇嫩。提醒你,艳黄色有不稳定、招摇,甚至挑衅的味道,不适合在任何可能引起冲突的场合如谈判场合穿著。黄色适合在任何快乐的场合穿著,譬如生日会、同学会;也适合在希望引起人注意时穿著。
虽然各种黄色色调并不十分有魅力,但其明亮和愉快的特质能向潜在用户传递一些温暖而乐观。
糗百 (传递温暖、乐观、天真)
糗百 (传递温暖、乐观、天真)

绿色
绿色给人无限的安全感受,在人际关系的协调上可扮演重要的角色。绿色象色彩象征自由和平、新鲜舒适;黄绿色给人清新、有活力、快乐的感受;明度较低的草绿、墨绿、橄榄绿则给人沉稳、知性的印象。绿色的负面意义,暗示了隐藏、被动,不小心就会穿出没有创意、出世的感觉,在团体中容易失去参与感,所以在搭配上需要其它色彩来调和。绿色是参加任何环保、动物保育活动、休闲活动时很适合的颜色,也很适合做心灵沉潜时穿著。
SnapLock 锁屏(  安全)
SnapLock 锁屏( 安全)

蓝色
蓝色是灵性知性兼具的色彩,在色彩心理学的测试中发现几乎没有人对蓝色反感。明亮的天空蓝,象征希望、理想、独立;暗沉的蓝,意味着诚实、信赖与权威。正蓝、宝蓝在热情中带着坚定与智能;淡蓝、粉蓝可以让自己、也让对方完全放松。蓝色在美术设计上,是应用度最广的颜色;在穿著上,同样也是最没有禁忌的颜色,只要是适合你“皮肤色彩属性”的蓝色,并且搭配得宜,都可以放心穿著。想要使心情平静时、需要思考时、与人谈判或协商时、想要对方听你讲话时可穿蓝色。
知乎 ( 诚实、信赖 、权威)
知乎 ( 诚实、信赖 、权威)

紫色
紫色是优雅、浪漫,并且具有哲学家气质的颜色。紫色的光波最短,在自然界中较少见到,所以被引申为象征高贵的色彩。淡紫色的浪漫,不同于粉红小女孩式的,而是像隔着一层薄纱,带有高贵、神秘、高不可攀的感觉;而深紫色、艳紫色则是魅力十足、有点狂野又难以探测的华丽浪漫。若时、地、人不对,穿著紫色可能会造成高傲、矫揉造作、轻佻的错觉。当你想要与众不同,或想要表现浪漫中带着神秘感的时候可以穿紫色服饰。
紫色是最不常见的图标颜色之一,这或许是它由于它偏于女性化
幸福孕妈(神秘、成熟魅力、女性)
幸福孕妈(神秘、成熟魅力、女性)

进行了上面的学习之后,我们以后在设计icon的时候可以根据标签,产品想从色彩中传达什么情感,就与上面的对应是最简单的方法
原文阅读: http://www.logo123.net/blog/3440

  • 标签 APP设计, 图标设计

© 2025 123标志设计博客

由WordPress强力驱动

返回顶部↑ 向上 ↑