童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

升级篇:利用品牌基因法进行图标设计

4月20日 辞凤阙投稿
  图标设计如何具有品牌性?这可能是设计师工作中经常会遇到的问题。但很多新人也许并不了解什么是品牌性,更不知道如何将品牌性融入到图标当中,不过没关系,看了这篇文章你就不会那么困惑了!
  前一阵子写了一篇《利用品牌基因法进行图标设计》,但只讲了一种提取视觉基因的方法,不够全面。菜心担心大家因为方法的不全面而导致设计效果过于死板,所以近期将整个品牌基因法的体系重新梳理了一遍,增加了一些提取基因的路径,可以扩展我们的设计思维与制作方法。
  需要强调一点,文中所讲的品牌基因是指视觉上的哦!
  来看下大纲:
  提取特定形状
  吸取品牌颜色
  抓取风格特点
  1。提取特定形状
  通过对logo或品牌元素提取特定形状,这个形状是固定的、具象的,例如圆形,三角形、字母甚至是logo本身等等。
  提取出形状基因后,如何与图标相结合呢?有三种方法:
  1。1直接应用
  最常见的用法就是直接将整个logo作为图标(比如首页),如下图:
  再比如MONO的标签栏图标,设计的非常大胆,提取logo上面的4个字母M、O、N、O后,直接将其作为图标,如下图:
  但是这种方法还是有很大的风险,因为毕竟每个字母与功能本身的含义没什么联系,如果不是非常个性化的app,还是尽量少用吧!
  1。2做为外轮廓
  将提取的形状作为整套图标的外轮廓,例如谷歌play一样,提取出三角形后,整套图标都是以三角形作为外形,如下图:
  再比如你提取出一个圆形基因,也可以将其作为外轮廓使用,如下图:
  1。3将图形与图标巧妙融合
  假如我在logo上面提取出一个圆形作为基因,我们可以将这个圆形巧妙的与图标进行融合,如下图:
  但这里必须要强调一点,很多时候,我们很难将一个特定形状融入到所有的图标当中,如果强行融合,难免会让人觉得死板生硬,所有一定要有所取舍,例如案例中的图标也不是所有都融入了圆形,如下图:
  有同学可能会问,为什么案例中有些图标没有融入圆形基因,也不影响整套图标的和谐统一呢?
  因为它们融入了另外一个品牌基因颜色。也就是我们接下来要讲的内容。
  2。吸取品牌颜色
  这招是最简单直接的方法,直接吸取品牌色作为视觉基因,以此来进行图标设计,举几个例子:
  颜色基因,我就不多讲了,比较容易理解。
  但是大家仔细观察优酷这套图标,我们会发现除了颜色基因以外,好像在logo上还提取了一个叠层的效果,而这种叠层的效果又属于另外一种品牌基因风格特点,我们继续往下看。
  3。抓取风格特点
  这部分是今天内容的重点,也是我最近做图标的一些感受。
  我们先来讲讲如何抓取风格特点!
  又要开始拿我的作品来举例了,还是iwork那个logo:
  除了颜色以外,我在logo上面提取出两个特点:
  断:是指整个logo有两个断开的地方
  层:是指logo有三个不同颜色的深浅,形成前后关系,也就是层级。
  那如何将这两个特点运用到图标上呢?我们看下图:
  第一步:先画好基础形;
  第二步:将合适的地方断开;
  第三步:将局部(小块)调整颜色,以区分层级。
  这样一个具有品牌基因的图标就诞生了!
  其它的图标也是一样的道理,最后得到整套图标如下图:
  上面这个案例只是抓取风格特点的一种结果,不同的案例会有不同的结果,例如网易云音乐的图标,是抓取logo上圆润的风格特点,如下图:
  而优酷的图标则是抓取叠层的风格特点,如下图:
  小密圈则是抓取断线的风格特点,如下图:
  以上就是菜心近期总结的《品牌基因法做图标》整套知识体系,后期会不断的优化改进,如果你有什么好的想法也欢迎和我私下交流,我们一起将这个系统完善起来,帮助那些需要帮助的好朋友们。
投诉 评论 转载

F型浏览模式:设计一个良好的视觉层级结构本文将引导您了解F型内容布局的原理,它是如何工作的,以及如何应用到设计中?什么是F型浏览模式以及它的工作原理?F型浏览模式:当阅读内容区块时,一种最常见的用户眼睛扫……改版设计的思路(上):发现问题做改版设计大体思路很简单,只需要做好两件事:发现问题与解决问题。今天我们先来搞定第一件事:发现问题。给你下面这样的网站首页,让你找视觉层面的问题,你会怎么阐述?(注意:本……专业的交互输出文档应该怎么写?交互输出文档里面最重要的是做设计时的多方面思考。这篇文章的信息架构:前言交互输出文档的重要性专业的交互文档应该包含哪些内容撰写交互设计出文档使用工……用户体验系列05:降低用户记忆负担的五种类型碎片化应用,是一个日益被强化的概念,诠释了用户的使用场景。其实在碎片化应用的背后,也映射出用户需要面对海量的数据,需要承载的东西太多了。一个好的产品,在某些方面应该是能够帮用户……认知设计论:关于认知最全面的一篇所谓的成长就是认知升级。傅盛认知(Cognition)认知是由两个字组成的。认,即识别。知,即知道。认与知都是大脑活动。简单的说,认知就是人们如何去理解事物。……视觉设计师需要懂的4个设计原理把你的工作当作一门手艺,因为总有一些你能改进的东西。靠激励自己成为一个更好设计师。上周,我的一位读者发了一个问题:如何成为一个好的视觉设计师?正如我在想如何回答这个……浅谈iOS与Android设计规范:6类交互设计规范对比iOS和Android两个不同的平台,肯定是有很多区别的,下面就从交互的角度,谈谈区别。以前就读过IOS和Android的规范,但是觉得没啥大用处,因为现在APP为了保持……交互基本功:如何设计一个好用的搜索框?搜索框一种常见的交互控件,用于精准提取海量的信息中的准确内容。本文作者分享了设计一个搜索框的几个要点,希望大家从中可以有所收获。1。什么是搜索框?搜索框一种常见的交……交互设计师在未来的5种转型方式每个设计师在工作的不同阶段或多或少都会有一些迷茫:如何提升设计的专业度?如何提高设计师在公司里的话语权?是否需要转型?如何转型?甚至怀疑自已不适合做设计等其它困惑和问题,下面就……探讨F式布局在网页中的运用虽然网页排版方式千变万化,但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中,F式布局是可用性较强,且适用范围较广的一种。今天的文章同你来探讨F式布局在网页中的运用。……我花了20个小时研究3个按钮真的我没疯首先讲一讲背景。这是在我们周会上发生的事情:“Andrew,我们做了几个很厉害的新功能,测试一下吧。”“好的,当然。”“嘿,你甚至会忍不住写篇……升级篇:利用品牌基因法进行图标设计图标设计如何具有品牌性?这可能是设计师工作中经常会遇到的问题。但很多新人也许并不了解什么是品牌性,更不知道如何将品牌性融入到图标当中,不过没关系,看了这篇文章你就不会那么困惑了……
服务设计方法之故事版,服务路径和角色形象想红的短视频应用,该向Vine学些什么?当消息来敲门iOS客户端上的消息提醒设计针对小手指的设计思考JoshClark谈移动设备与界面设计的未来关于移动应用的新手引导设计百货大类页如何打动用户浅析余额宝现状及未来当企业产品遇上用户体验高大上有木有50款精致的IPAD模型免费下载大势所趋!移动版专题设计的那些事绝对干货,游戏网页设计的创新之路!
孕妇家居服的价格是多少博彩王秘旨电石是什么(电石用来干什么的)朝鲜战场彭德怀有多厉害?连拿美军13颗将星,成就元帅军神之路预防便秘:孕妇要注意的问题小米13系列机型入网,沿用67120W闪充,骁龙8Gen2跑最新上海劳动合同法碧玉妆成一树高万条垂下绿丝绦原文(碧玉妆成一树高万条垂下绿丝 勇往直前高三日记《好事成双》和卫明离婚,携子远走他乡,黄嘉仪的结局,是清醒热 老两口将四个瞎闺女扔下山沟,没想女儿因祸得福,从此大富大贵一声长叹,收益滑到最低,最近金币回升又到小高潮

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界