The Ultimate Complete Final Social Media Sizing Cheat Sheet In June of this year, we published an infographic listing all of the sizing information for images on Facebook, Twitter, Google+, and Pinterest. It was a wildly successful piece of content, totally blowing our expectations out of the water. Unfortunately, while its popularity has flourished, nearly every social network instituted changes to their image sizes, rendering most of the information on the infographic out of date. We knew we needed to update the information on the cheat sheet, but we weren’t comfortable with simply adjusting one or two figures on the blog post and leaving it as-is. We also decided to permanently redirect the old sheet here, so that shared tweets, pins, likes, and so on, would lead to the correct sizing dimensions. So, without further ado, here it is – the ultimate, complete, final social media sizing cheat sheet. Embed the cheat sheet on your own blog or site using the embed code below! Is the student ready to be a teacher?
NounProject Export Illustrator Layers and/or Artboards as PNGs and PDFs | Matthew Ericson - ericson.net Over the last year or so, I’ve cobbled together a couple Illustrator scripts that export multiple artboards in an Illustrator document as PNG files, and export multiple layers as PNG files. (See my previous blog posts here and here.) I’d been meaning to merge them into one script, but had never quite gotten around to it until Khoi tweeted that he was looking for a script that did just that, but to PDF format. So, a couple train rides later, I’ve finally combined the two scripts into a single one with a couple more added features: you can choose to export as PDFs in addition to PNGs, and you can also export the product of artboards and layers. To use the script, download MultiExporter.jsx and put in your Illustrator scripts folder (usually in Applications/Adobe Illustrator/Presets/Scripts/). A few notes: You can try it out on the sample file artboard-layer-test.ai. The sample file contains artwork for buttons on three artboards — “Red”, “Blue” and “-Green” — and has seven layers.
Collection Follow @iconmonstr Support me ads via Carbon Basic Business Commerce Equipment Interface Miscellaneous Multimedia Network Security Signs Social Web Made in Germany © 2014 iconmonstr Ask me a quick question @iconmonstr Imprint License Donate Water Drop HD desktop wallpaper : Dual Monitor WallpapersWide.com Your display featuresAspect Ratio: StandardResolution: 1600 x 1200 Categories Aero (272) Auroras (69) Black (828) Bokeh (240) Colorful (1253) Creative (1821) Fresh (412) Macro (1670) Patterns (280) Rainbow (69) Vector Art (1206) White (194) Animals (251) Architecture (774) Army (593) Artistic (517) Black and White (1218) Cartoons (120) Celebrities (375) Charity (53) City (1118) Computers (115) Cute (528) Elements (87) Food and Drink (518) Funny (610) Games (356) Girls (2068) Holidays (78) Love (843) Motors (120) Movies (214) Music (874) Nature (799) Seasons (126) Space (835) Sports (95) Travel (132) Vintage (1801) Filter by or Resolutions Wide Standard Mobile Ratio Mobile Brands Dual Other Home > Aero > Fresh Download Water Drop wallpaper Standard 4:3 800x600 1024x768 1152x864 1280x960 1400x1050 1440x1080 1600x1200 1680x1260 1920x1440 2048x1536 Standard 5:4 1280x1024 Wide 16:10 960x600 1152x720 1280x800 1440x900 1680x1050 1920x1200 2560x1600 Wide 5:3 800x480 1280x768 Mobile VGA Mobile WVGA
Imaginative Sci-Fi Illustrations Of Alien Beings From 1930s Alien And Science Fiction Illustrations By Frank R. Paul Alien And Science Fiction Illustrations By Frank R. Alien And Science Fiction Illustrations By Frank R. Alien And Science Fiction Illustrations By Frank R. Alien And Science Fiction Illustrations By Frank R. Alien And Science Fiction Illustrations By Frank R. Alien And Science Fiction Illustrations By Frank R. Alien And Science Fiction Illustrations By Frank R. Alien And Science Fiction Illustrations By Frank R. Even today there is so little we truly understand about our universe, it's untapped mysterious and the existence of extraterrestrial life. Working with the likes of famous science fiction writers Ray Bradbury, Forrest J Ackerman and Arthur C. Through his colorful and vibrant art, Frank R. Via: Ubersuper
Nexa Slab Font (24 styles) - only $9 Buy now $99 This deal has expired but you can still get it here at its regular retail price. Everyone has one. Well, we here at Mighty Deals want to help you one-up that friend. Nexa Slab Highlights: 24 Fonts in 1With the Nexa Slab font you won't just get a fresh take on typesetting, you'll also get a huge amount of diversity, as it comes with a slew of different weights and forms. Pricing: Get all 24 versions of The Nexa Slab Font with all its weights and forms for just $99 (Desktop or Web Font versions), OR get both the Desktop and Web fonts together for just $190! Click the "buy" button to choose your preference and give your text a much-needed makeover.
AppFreak - All about iPhone and iPad apps Do Not Touch The 25 best tools for choosing a colour scheme | Colour The web is absolutely chock-full of colour scheme tools that promise to help you reach colour nirvana. Not all tools are created the same, though, and many are no more than basic rip-offs of the more popular or useful offerings. So to make things easier, we've rounded up some of the best tools for choosing colour schemes available today. They'll help save you having to sort the wheat from the chaff and enter colour heaven... 01. You may know it by its previous name, Adobe Kuler. Its essential nature has not changed, however: Colour CC lets you try out, create and save various colour schemes, each of which consists of a set of five colours. 02. The Mudcube Colour Sphere is a handy little colour resource for designers in that it not only provides the hex numbers for each colour; it also helps you to build up a colour scheme from one chosen shade. 03. 04. iOS tool The Color App aims to make finding colours much easier, with a large grid of colours so you can utilize your full screen. 05.
Web and Mobile Design A Beginner’s Guide to Wireframing Wireframing is an important step in any screen design process. It primarily allows you to define the information hierarchy of your design, making it easier for you to plan the layout according to how you want your user to process the information. If you've yet to use wireframing, it's time to get your feet wet. Before we get started though, a quick question: are you needing a pro website solution? If so, we have a number of HTML Templates and PSD Templates that may fit your needs. Otherwise, let's get into this tutorial! It's like an architectural blueprint; you need to see it in two-dimensional black and white diagrams before you understand how to build the actual house. At a deeper level, a wireframe is also very useful in determining how the user interacts with the interface. Wireframing is important because it allows the designer to plan the layout and interaction of an interface without being distracted by colors, typeface choices or even copy. What makes it a winner?
My app design workflow Start low-fi I always start with a non-Retina, 1× document size. For an iPad app, it’s 1024×768. For an Android app, it’s a common device size, in mdpi or dp (density-independent pixels). There’s many reasons for starting like this. I don’t see my strategy changing any time soon, even though I own a Retina MacBook Pro (most of my design work is still done on a non-Retina Cinema Display though). 1×, 2× and 3× at the same time However, I’m not suggesting anyone should only work at the non-Retina size — the present and future is high DPI, and there’s a good chance you’ll care about the bigger assets more. If your documents are built the right way, you can have precise control over all sizes without any degradation when switching, and you can switch as often as you like. There’s quite a few techniques that allow elements to appear crisp and nicely rendered for all sizes. Edge effects with gradients If you can, build edge effects with gradients. Layer styles and contours Subpixel nudging Textures
Starters Guide to iOS Design As someone who does work on both the development and design side of iOS apps I find that many designers struggle with the transition to UI work, or with the different processes involved in iPhone and iPad app design. In this guide I'll describe the deliverables you'll be expected to produce, outline the constraints of the medium and introduce fundamental iOS and UI design concepts. The Medium Knowing your medium and its quirks is an important part of being a good designer. I'm sure you've been witness to large print-outs with horrible pixelation artefacts - the result of misunderstanding print media. Similarly misunderstanding the role of pixels on screen can result in blurry, squished, or pixellated designs. iOS devices come in two main form factors, the iPhone and the iPad[…] For simplicity I'll be leaving the iPod Touch range out. Retina Most recent iPhones and iPads are fitted with Retina screens, a high resolution screen intended to make pixels invisible. Pixels Points Storyboards Segues