TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Responsive Logos

236 点作者 hxw将近 11 年前

11 条评论

gregoire将近 11 年前
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 未加载
userbinator将近 11 年前
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_将近 11 年前
If one makes the window narrow enough, the logos expand back to their maximal size.
评论 #8069400 未加载
评论 #8068403 未加载
评论 #8068700 未加载
minijus将近 11 年前
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 未加载
caublestone将近 11 年前
I find it ironic that the logo for Responsive Logos and the social media icons are not responsive.
arketyp将近 11 年前
Never seen &quot;Coke&quot; in that classic font before. Is it new or perhaps particular to the US?
评论 #8068034 未加载
评论 #8068125 未加载
评论 #8069455 未加载
评论 #8068107 未加载
cateye将近 11 年前
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 未加载
JayJee将近 11 年前
NIKE loses the &quot;I&quot; when made smaller
评论 #8068497 未加载
评论 #8068702 未加载
评论 #8070511 未加载
评论 #8068477 未加载
DonHopkins将近 11 年前
I&#x27;d trade responsive logos for responsive customer service.
taksintik将近 11 年前
Not responsive on ipad
评论 #8068761 未加载
shadowxiaoh将近 11 年前
It seems that the min window width is 256 px~~~ no relation with height \(^o^)&#x2F;~