![]() ![]() If your are interested in knowing more about how to turn your logo or brand guide responsive feel free to drop me a line and I will get in touch.Īlso see the original concept by Joe Harrison on. Depending on your screen size you can see a minimum of 2 and a maximum of 5 versions of each logo. The webpage is also working on mobile phones and tablets. To showcase real examples of responsive logos we created this webpage (Scale the browser window horizontally to see the logos change depending on the screen size.) Joe Harrison made the changes as a personal experiment and not in affiliation with the brands themselves.Īfterwards, I was thinking why not show real examples of scalable logos and that is the main inspiration to a new concept just launched by KONXION referred to as ‘Responsive identities’. Last year I came by a project by designer Joe Harrison who turned well-known logos into responsive logos by making small changes. If your logo contains too much text no one can recognize your brand in 16 x 16 or 32 x 32 pixels. And when publishing a post to most social media platforms your logo is scaled to somewhat 16x16 pixels on the screen shown in a news stream with a lot of noise from other posts. Facebook or Twitter for instance has a square profil picture. Most social media platforms present logos like icons. That may be as basic as using a silhouette in the principal house colour.In my everyday life I hear a lot of talking about designing “mobile first” or “social first”. To make it work for a more complex image, you need to simplify that image. You can use these free icons and png images for your photoshop design, documents, web sites, art projects or google presentations, powerpoint. It isn't always necessary to work out each one of 256 pixels individually. Facebook, twitter, google plus, information icon, warning icons and more 16x16 icons here and If you want more icons please using the search bar. It does its best with complex images and the results can be usable. This method does work well for simple images, and mine is single-colour and fairly bold. Then I used Paint Shop Pro to reduce that 150x150 image to 16x16 by pasting it into a 16x16 selection (which presumably uses its "Smart size" algorithm, whatever that is) and ended up with this: It could have been a bit thicker, but I preserved a white outline around the image and it works on a coloured background in a browser tab bar. To create the favicon, I removed the thin lines in the fleur-de-lys and thickened the "outline" line where it pokes through the top of the heart. Just to demonstrate that it is possible to produce a favicon with little rework and an automatic process, here's a badge which is used by a group I'm associated with. Download Instagram Icon 16X16,Royal azure blue instagram 4 icon - Free royal azure blue social icons image for free. I'm not saying go with this, but I'm sure there are some characteristics you could extract from the logo to represent it at a tiny size. Using this kind of shape would convey a train even at 16px by 16px. ![]() Particularly the front shape, and the smoke billowing out. Look at the train, identify the main features that define it's character. ![]() Without more information, I can only speculate but consider this: provided by as Creative Commons Attribution-NoDerivs 3.0 Unported. The problem is that there is train on logo, train is impossible to represent with square, and trying to represent it inside 16x16 makes main element too small to have any sense Customize tan instagram icon in any size up to 512 px. At a stretch, with a one colour simple background you could have two letters, like the SE GD favicon. The simplest way that I've found, for conveying the brands message consistently in the favicon, is using the two most prominent colours or the colour scheme of the logo and the first letter of the company name. If you look at any good website you'll see that their favicon is not their logo, it's a tiny version that is similar enough to look right with the site. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |