Free Download: New to Mobile Design? Tutorial on How to Design for Different Mobile Sizes, Image Conversions, & Touchpoints

. Posted by Sherrie Thai by Shaireproductions.com .

Mobile Design Size Considerations by Sherrie Thai of Shaireproductions.com

These tutorial images are freely available for download and are a resource for Designers new to Mobile Design. I created and compiled this quick reference guide for fellow colleagues and although this is a distilled version, I hope it may be useful to you.

Mobile Design Size Considerations: If you’re working on a native mobile design, where you’ll have to address both IOS and Android platforms, design for IOS first, as the sizes are standardized, rather than Android models, where there are dozens of varieties and loads of extra production work. Eek! (Although I’m an Android user, designing for Apple is a more streamlined process). When designing for Mobile, you have to consider the physical pixels (ex. Iphone 6=1242px x 2208px), while developers refer to 1x, 2x and 3x sizes. There’s a lot of info, but don’t worry, it’s not so scary. Retina sizes refer to 2x Large (2x LG) and 3x Sizes. A 2x LG size is essentially an iPhone 6 size, whereupon developers would sometimes expand the standard 2x size to fit the 2x-large size.

Naming Convention: Apple recommends adding “2x” and “3x” to your original file name to accommodate for different sizes. As a Designer, you have a wonderful job of creating multiple versions of your files in different sizes, so yay for production time. Also, for ease of search, you’ll have to refrain from using fancy CAPS in the file naming, spaces or start with a number, else your files may get lost in the system.

Mobile Design Size Considerations by Sherrie Thai of Shaireproductions.com

Mobile Image Conversions: While working on a new mobile project, I had to work off of old 1x raster-based models, and needed to convert some individual image elements to 2x and 3x sizes + vice versa, so there was a lot of conversions. After chocolate-stress-eating and math (yuck!), numbers arose and this doc was formed. The conversion is not 100% pixel accurate, but this method will get you in the same pixel range for presentation purposes. Disclaimer: this method isn’t necessary if you’re working from scratch in a vector format or from a recent Photoshop file.

Mobile Design Touchpoints by Sherrie Thai of Shaireproductions.com

Designing Mobile Touchpoints, Sizes & Padding: When designing touch devices, you have to account for the touchpoint size of your design elements (links, buttons, etc). Everyone has different-sized fingers, so the touchpoint surface size for everyone varies, but on average, stick to 45-57px minimum (1x format) for a button or a link. The more space you have around the touchpoint (40-50px), the better the user experience would be, as people wouldn’t be frustrated while clicking on the wrong thing.

Happy Designing!

Freebies: “Traveling by Icons,” Visual Travel Guide When English and Tech are Scarce

. Posted by Sherrie Thai by Shaireproductions.com

Free Download Traveling by Icons, Pictorial Guide, Assembled by Sherrie Thai of Shaireproductions.com

“Traveling by Icons” is a free visual guide I created as a reference for getting around in remote foreign areas when there are language and tech issues. An image will save you a thousand words, so when in doubt, just point to the image and smile πŸ™‚

You could VIEW the full doc, or DOWNLOAD THE LETTER-SIZE VERSION HERE (8.5×11″), print and enjoy! For a smaller size, you could DOWNLOAD THE 5×7″ VERSION HERE–just print and fold. If you’re feeling more crafty, print out the sizes at a reduced percentage, laminate and tadah–flash cards! This lil project started out as a personal resource, and thought I’d share this with my fellow travelers. It’s very simple and barebones, but I hope to add more at a later time. In the meantime, hope you find this helpful πŸ™‚

You could find more freebies at http://shaireproductions.com/tag/freebies/. Want more? Check out free image backgrounds on my Creative Commons folder on Flickr (Urban, Nature, Patterns, Abstract, Textiles). If you decide to use any of the backgrounds, please let me know how it goes by sending a link or an image. Enjoy!

LEGAL STUFF: This document is a Creative Commons resource and is strictly for educational, entertainment and non-profit purposes only. The document is not to be sold in any form, including print or digital format. Designed by Sherrie Thai of Shaireproductions.com and Creative Commons libraries. The image copyrights are held by their respective owners.

Free Image Download: Red Chinese Bamboo Background Photo

. Posted by Sherrie Thai by Shaireproductions.com

Free Red Chinese Bamboo Background Photo

To initiate the fantastic Lunar Year of the Ram, I’m offering this free photo of a Red Chinese Textile Bamboo Design to download. Red is the Chinese color of luck, so hope this image brings you a wonderful and joyous year πŸ™‚ It’s available to use freely and without restriction for commercial and non-commercial projects. To download, simply right-click on the image above or just drag it to your desktop.

You could find more free backgrounds on my Creative Commons folder on Flickr (Urban, Nature, Patterns, Abstract, Textiles). Want more? Check out http://shaireproductions.com/tag/freebies/. If you decide to use any of the backgrounds, please let me know how it goes by sending a link or an image. Enjoy!

Free Download: Robot Santa Christmas Papercraft

. Posted by Sherrie Thai by Shaireproductions.com

free papercraft template download

Merry Christmas and Happy Holidays! I’ve created a free papercraft model of “Robot Santa” to decorate your space or tree. Click HERE or by simply clicking on the image above. It’s a fun project that you share with the lil ones in your life. I originally created this for my nephews/nieces and thought I’d share the love πŸ™‚

Robot Santa Papercraft Model

Here is an example of how the Robot Santa Papercraft will look when constructed. He stands a whopping 3″ tall. Add a string at the top if you’d like to transform him into an ornament. Ho ho ho–Enjoy! πŸ™‚

Β© Art by Sherrie Thai of Shaireproductions.com. The copyrights are not transferable. Not to be sold, altered or commercially distributed.

Free Photo Downloads: Leaf Texture Freebies

. Posted by Sherrie Thai by Shaireproductions.com

Old Maple Leaves on Ground

Yellow Leaves Background

It’s Thanksgiving weekend and just thought I’d share some free photo textures of leaves you could use as a background or as a photoshop layer. It’s available to use freely and without restriction for commercial and non-commercial projects. To download, simply click on the image and access the “download icon” on the lower right to access your desired size.

You could find more free backgrounds on my Creative Commons folder on Flickr (Urban, Nature, Patterns, Abstract, Textiles). Want more? Check out http://shaireproductions.com/tag/freebies/. If you decide to use any of the backgrounds, please let me know how it goes by sending a link or an image. Enjoy!

Freebies: Blue and Pink Floral Design

. Posted by Sherrie Thai by Shaireproductions.com

free blue and pink floral art

Hope your day is beautiful and bright, just like this image. You are welcome to DOWNLOAD this Blue and Pink Floral Design for commercial and non-commercial projects. Add text, change the color, be free πŸ™‚

You could find more free backgrounds on my Creative Commons folder on Flickr (Urban, Nature, Patterns, Abstract, Textiles). Click on “download icon” in the right corner to download your preferred size. Want more? Check out http://shaireproductions.com/tag/freebies/. If you decide to use any of the backgrounds, please let me know how it goes by sending a link or an image. Enjoy!

Free 2014 Horse Calender from Shaireproductions.com

. Posted by Sherrie Thai by Shaireproductions.com

free 2014 horse calender download

Happy New Year! As 2014 is the zodiac year of the Horse, I’ve created a free steampunk style calender that you’re welcome to use for personal/non-commercial purposes–home, office, etc. You could download the calender HERE or by simply clicking on the image above.

Live with passion!

Β© Art by Sherrie Thai of Shaireproductions.com. The copyrights are not transferable. Selling, altering and/or distributing this artwork for profit is strictly forbidden.

Free Photo Downloads: Holiday Glitter Backgrounds

. Posted by Sherrie Thai by Shaireproductions.com

Free Glitter Green Background

Free Silver Glitter Background

These glittery holiday photos can be used for both commercial and non-commercial/personal work. Feel free to download the free high resolution backgrounds of the GREEN and SILVER images via Flickr.

You could find more free backgrounds on my Creative Commons folder on Flickr (Urban, Nature, Patterns, Abstract, Textiles). Click on “View All Sizes” in the right corner and Download your preferred size. Want more? Check out http://shaireproductions.com/tag/freebies/. If you decide to use any of the backgrounds, please let me know how it goes by sending a link or an image. Enjoy!

Free Photo Download: Autumn Leaves Background

. Posted by Sherrie Thai by Shaireproductions.com

Free Autumn Leaves Photo

This “Autumn Leaves” photo is a free download and can be used for both commercial and non-commercial/personal work. You could download the high resolution image HERE

You could find more free backgrounds on my Creative Commons folder on Flickr (Urban, Nature, Patterns, Abstract, Textiles). Click on “View All Sizes” in the right corner and Download your preferred size. Want more? Check out http://shaireproductions.com/tag/freebies/. If you decide to use any of the backgrounds, please let me know how it goes by sending a link or an image. Enjoy!

Free Download: Skeleton Image

. Posted by Sherrie Thai by Shaireproductions.com

Skeleton Freebie

Celebrate Halloween with this vintage skeleton freebie for cards, tags and more! Download the high resolution image by clicking on the image above or clicking HERE. Trick or Treat!

Page 1 of 712345...Last »