让LOGO玩转响应式设计
发布时间:2015-05-12 来源:查字典编辑
摘要:响应式网页设计很多设计师都知道,但你听过LOGO也可以响应式的吗?今天分享8个大品牌LOGO例子给你参考,也许以后会用到哦!本次例子摘自Re...
响应式网页设计很多设计师都知道,但你听过LOGO也可以响应式的吗?今天分享8个大品牌LOGO例子给你参考,也许以后会用到哦!
![让LOGO玩转响应式设计1](/Images/jiaocheng/2015-04-0818/4209924430.png)
本次例子摘自Responsivelogos.co.uk网站,该站展示了多个品牌标志是如何展现响应式设计。例子有可口可乐、香奈儿、耐克、李维斯、迪斯尼等作品,从中获取些灵感吧,以后设计LOGO可能也要考虑RWD了!
可口可乐LOGO
首先来看看可口可乐标志,在大尺寸中,包含“饮料”、“可乐”一些字符。
![让LOGO玩转响应式设计2](/Images/jiaocheng/2015-04-0818/3447463728.png)
中尺寸,去掉其它标语,因为标语字体太少了,直接去掉更好。
![让LOGO玩转响应式设计3](/Images/jiaocheng/2015-04-0818/1192458959.png)
小尺寸,去掉一些修饰图形线条之类的元素。
![让LOGO玩转响应式设计4](/Images/jiaocheng/2015-04-0818/59747140.png)
最小尺寸,标志直接用简写或是简化的图案。
![让LOGO玩转响应式设计5](/Images/jiaocheng/2015-04-0818/4029034879.png)
香奈儿 LOGO
大尺寸图片样式
![让LOGO玩转响应式设计6](/Images/jiaocheng/2015-04-0818/542101610.png)
中尺寸图片样式
![让LOGO玩转响应式设计7](/Images/jiaocheng/2015-04-0818/3418760880.png)
小尺寸图片样式
![让LOGO玩转响应式设计8](/Images/jiaocheng/2015-04-0818/2366941116.png)
最小尺寸图片样式
![让LOGO玩转响应式设计9](/Images/jiaocheng/2015-04-0818/922245147.png)
耐克LOGO
大尺寸图片样式
![让LOGO玩转响应式设计10](/Images/jiaocheng/2015-04-0818/1614570874.png)
中尺寸图片样式
![让LOGO玩转响应式设计11](/Images/jiaocheng/2015-04-0818/4256997680.png)
小尺寸图片样式
![让LOGO玩转响应式设计12](/Images/jiaocheng/2015-04-0818/997244188.png)
最小尺寸图片样式
![让LOGO玩转响应式设计13](/Images/jiaocheng/2015-04-0818/3545131459.png)
BANG & OLUFSEN LOGO
大尺寸图片样式
![让LOGO玩转响应式设计14](/Images/jiaocheng/2015-04-0818/3354034624.png)
中尺寸图片样式,版式改变了一下
![让LOGO玩转响应式设计15](/Images/jiaocheng/2015-04-0818/121664383.png)
小尺寸图片样式,英文缩写(简写)了
![让LOGO玩转响应式设计16](/Images/jiaocheng/2015-04-0818/2505829646.png)
最小尺寸图片样式,去掉英文文字,只显示图形标志。
![让LOGO玩转响应式设计17](/Images/jiaocheng/2015-04-0818/4088255802.png)
迪斯尼LOGO
大尺寸图片样式
![让LOGO玩转响应式设计18](/Images/jiaocheng/2015-04-0818/650529123.png)
中尺寸图片样式
![让LOGO玩转响应式设计19](/Images/jiaocheng/2015-04-0818/1035395097.png)
小尺寸图片样式
![让LOGO玩转响应式设计20](/Images/jiaocheng/2015-04-0818/1203313853.png)
最小尺寸图片样式
![让LOGO玩转响应式设计21](/Images/jiaocheng/2015-04-0818/3494055246.png)
李维斯LOGO
大尺寸图片样式
![让LOGO玩转响应式设计22](/Images/jiaocheng/2015-04-0818/2355398968.png)
中尺寸图片样式
![让LOGO玩转响应式设计23](/Images/jiaocheng/2015-04-0818/3827732248.png)
小尺寸图片样式
![让LOGO玩转响应式设计24](/Images/jiaocheng/2015-04-0818/32804565.png)
最小尺寸图片样式
![让LOGO玩转响应式设计25](/Images/jiaocheng/2015-04-0818/3523540838.png)
Guinness 健力士啤酒 标志
大尺寸图片样式
![让LOGO玩转响应式设计26](/Images/jiaocheng/2015-04-0818/845826121.png)
中尺寸图片样式
![让LOGO玩转响应式设计27](/Images/jiaocheng/2015-04-0818/3145216997.png)
小尺寸图片样式
![让LOGO玩转响应式设计28](/Images/jiaocheng/2015-04-0818/2715055077.png)
最小尺寸图片样式
![让LOGO玩转响应式设计29](/Images/jiaocheng/2015-04-0818/3254201478.png)
VICTORINOX 维氏手表 LOGO
大尺寸图片样式
![让LOGO玩转响应式设计30](/Images/jiaocheng/2015-04-0818/136641777.png)
中尺寸图片样式
![让LOGO玩转响应式设计31](/Images/jiaocheng/2015-04-0818/3495050478.png)
小尺寸图片样式
![让LOGO玩转响应式设计32](/Images/jiaocheng/2015-04-0818/3155637175.png)
最小尺寸图片样式
![让LOGO玩转响应式设计33](/Images/jiaocheng/2015-04-0818/3757901411.png)
总结
通过以上案例,大家对标志简化、响应式会有一定的理解了,以后项目如何需要RWD设计,可以按照上面的技巧来制作你的LOGO了。
如有好的建议或疑问,可以在下方评论处一起讨论,请分享本文到微博,让更多小伙伴位一起学习吧!