![]() 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 . Download Instagram Icon 16X16,Royal azure blue instagram 4 icon - Free royal azure blue social icons image for free. 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. It isn't always necessary to work out each one of 256 pixels individually. 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. 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. There are more than 89,000 Vectors, Stock Photos & PSD files. Using this kind of shape would convey a train even at 16px by 16px. You can find & download the most popular Instagram Logo Vectors on Freepik. 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: 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 provided by as Creative Commons Attribution-NoDerivs 3.0 Unported. At a stretch, with a one colour simple background you could have two letters, like the SE GD favicon. Customize tan instagram icon in any size up to 512 px. 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 |