TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Responsive Logos

236 pointsby hxwalmost 11 years ago

11 comments

gregoirealmost 11 years ago
Simple&#x27;s logo has been designed with &quot;responsiveness&quot; in mind: the more space they have, the more complex their logo is.<p>For example on <a href="https://www.simple.com/" rel="nofollow">https:&#x2F;&#x2F;www.simple.com&#x2F;</a>, the logo in the header is simpler that the logo on the credit card.<p>They also show the 3 versions they use in a blogpost: <a href="https://www.simple.com/blog/simple-branding" rel="nofollow">https:&#x2F;&#x2F;www.simple.com&#x2F;blog&#x2F;simple-branding</a>
评论 #8068290 未加载
评论 #8070476 未加载
userbinatoralmost 11 years ago
Is &quot;responsive&quot; the new buzzword for &quot;things that change when you resize them&quot;? I&#x27;ve been seeing it used an awful lot in web design as of the past few years, often rather vaguely as some sort of feature.
评论 #8068157 未加载
评论 #8068138 未加载
评论 #8068307 未加载
评论 #8068142 未加载
评论 #8068158 未加载
评论 #8068141 未加载
评论 #8068137 未加载
评论 #8068156 未加载
untitaker_almost 11 years ago
If one makes the window narrow enough, the logos expand back to their maximal size.
评论 #8069400 未加载
评论 #8068403 未加载
评论 #8068700 未加载
minijusalmost 11 years ago
That is &quot;The Hobo’s Method&quot; according to Ilya Pukhalski (source: <a href="http://www.smashingmagazine.com/2014/03/05/rethinking-responsive-svg/" rel="nofollow">http:&#x2F;&#x2F;www.smashingmagazine.com&#x2F;2014&#x2F;03&#x2F;05&#x2F;rethinking-respon...</a> ) and I totally agree with him. That is not efficient way, even lazy way of creating responsive logos. The svg for each logo is repetitive and contains each logo variant - simple sprite technique is used and that is completely not innovative. The same effect could be achieved using png image. Only advantage is that svg saves some space.<p>It would be much more impressive to see the same parts of logos reused on different variants of logos - &quot;The Man With A Gun’s Method&quot; that is covered in the same article by Ilya Pukhalski.<p>For comparison: &quot;The Hobo’s Method&quot; - <a href="http://responsivelogos.co.uk/images/logo5.svg" rel="nofollow">http:&#x2F;&#x2F;responsivelogos.co.uk&#x2F;images&#x2F;logo5.svg</a> and &quot;The Man With A Gun’s Method&quot; - <a href="http://pukhalski.com/responsive-icons/responsive2.svg" rel="nofollow">http:&#x2F;&#x2F;pukhalski.com&#x2F;responsive-icons&#x2F;responsive2.svg</a><p>Edit:<p>It is strange that author publishes (source: <a href="http://www.joeharrison.co.uk/projects/responsiveicons" rel="nofollow">http:&#x2F;&#x2F;www.joeharrison.co.uk&#x2F;projects&#x2F;responsiveicons</a> ) the information from Smashing Magazine containing the methods of responsive SVG and still uses the poorest method.
评论 #8068433 未加载
评论 #8068832 未加载
caublestonealmost 11 years ago
I find it ironic that the logo for Responsive Logos and the social media icons are not responsive.
arketypalmost 11 years ago
Never seen &quot;Coke&quot; in that classic font before. Is it new or perhaps particular to the US?
评论 #8068034 未加载
评论 #8068125 未加载
评论 #8069455 未加载
评论 #8068107 未加载
cateyealmost 11 years ago
I am not a supporter of omitting information because there is less space. I&#x27;d rather choose restructuring of the information.<p>(I guess there is a reason in the first place to display the information. Simply leaving it out feels very wrong. Or it was already unnecessary.)
评论 #8068049 未加载
JayJeealmost 11 years ago
NIKE loses the &quot;I&quot; when made smaller
评论 #8068497 未加载
评论 #8068702 未加载
评论 #8070511 未加载
评论 #8068477 未加载
DonHopkinsalmost 11 years ago
I&#x27;d trade responsive logos for responsive customer service.
taksintikalmost 11 years ago
Not responsive on ipad
评论 #8068761 未加载
shadowxiaohalmost 11 years ago
It seems that the min window width is 256 px~~~ no relation with height \(^o^)&#x2F;~