Free Download: New to Native 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 at 1x, 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 viewport size and export assets at the various sizes: 1x, 2x and 3x sizes for IOS. Retina sizes refer to 2x and 3x Sizes.

Android: MDPI (Baseline), HDPI, XHDPI, XXHDPI, XXXHDPI. There’s a lot of info, but don’t worry, it’s not so scary. As a Designer, you have a wonderful job of creating multiple versions of your files in different sizes, so yay for production time, but luckily, there’s quick export tools available in the major programs like Sketch, Illlustrator, XD, etc. to help you along with the process. For the old school Android devs, the ANDROID ASSET STUDIO is an amazing tool (especially for 9 patch)–plug and play 🙂

At the 1x model, 1 point (IOS measurement)=1 DP (Android measurement). You don’t have to create the 2x or 3x versions, as everything is expandable from there. Generally, you only have to design at 1x and export the design assets at all viewport sizes.

Naming Convention: Apple assets will need to be labeled with “@2x” and “@3x” after your original file name to accommodate for different sizes. For Android, you’ll have to refrain from using fancy CAPS in the file naming, spaces, hyphens, or start with a number, else your files may get lost in the system.

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!

Artwork: Skeletons Playing Piano Duet

. Posted by Sherrie Thai by Shaireproductions.com .

Skeletons Playing Piano Duet, Art by Sherrie Thai of Shaireproductions.com

“Skeletons Playing Piano Duet” is an informal homage to my favorite instrument with a fun “day of the dead”-inspired scene. This piece was also inspired by Tim Burton’s “Corpse Bride”–I adore the piano scene in the movie where the characters tickled the ivory keys and started an infactuation. My illustration was created via pen/pencil with an incorporation of old photo textures and digital coloring. I always like to retain the original black & white drawing in its original state for greater flexibility 🙂

Artwork: Skull Goddess

. Posted by Sherrie Thai by Shaireproductions.com .

Skull Goddess, Art by Sherrie Thai of Shaireproductions, Art by Sherrie Thai of Shaireproductions

Skull Goddess, Art by Sherrie Thai of Shaireproductions, Art by Sherrie Thai of Shaireproductions

Happy Halloween! “Skull Goddess” is an exploration into the lighter side of the macabre. It’s inspired by my recent trip to Southeast Asia, primarily Bayon of Angkor Wat, Cambodia, and the White Temple of Thailand, which depicts modern scenarios of good vs. evil. I created this via the usual pen/ink and graphite media, with a smidget of digital coloring. The pigments are kept to a minimum to highlight the details, but to also echo the stone carvings of the ancient temples.

This piece is available as an 8.5″ x 11″ art print HERE ON ETSY

Photo Buttons / Pins: Animal Skull and Teeth Horror Images

. Posted by Sherrie Thai by Shaireproductions.com .

Animal Skull and Teeth Photos Pinback Buttons by Sherrie Thai of Shaireproductions

“Animal Skulls and Teeth” is a 3-piece pinback button set that was created and produced from my own photographs. The images were taken at the zoo and educational sites. This is a must-have for anyone interested in horror, anatomy and the life sciences. For a small price, you can indulge in the complex world of the afterlife and add these buttons to your collection or as a small gift for your friends or family. AVAILABLE HERE ON ETSY.

Artwork: Horror Moth

. Posted by Sherrie Thai by Shaireproductions.com .

Horror Moth art by Sherrie Thai of Shaireproductions

Horror Moth tshirt design on zazzle, art by Sherrie Thai of Shaireproductions

“Horror Moth” is a skeletal rendering of the metamorphic creature. It seems in Western cultures, the moth represents horror, with the qualities of fragility and death, while in Japanese folklore, such as “The Dream of Akinosuke”, it represents a departure of souls. This is available as a t-shirt and entirely customizable. Check it out HERE

I’ve always admired the ferocious horns of the Dynastinae or Rhinoceros Beetles, so I combined them with a human rib cage, eyeball and beautiful wings. It’s enjoyable exploring sinister creatures and insects. The first was “Deathly Scarab”–perhaps a whole series to come! 🙂 The piece was created with pen/ink and Photoshop coloring.

Shaireproductions Art Banner

. Posted by Sherrie Thai by Shaireproductions.com

Shaireproductions Art Banner

Had lots of fun creating this mini collage banner showcasing some of my art for the Sinister Creature Con. It’s happening this weekend (October 17th & 18th) at the Scottish Rite Center in Sacramento. There will be amazing effects, filmmakers, and awesome horror creature creations–all devoted to the horror genre! Check it out HERE!

Page 8 of 193« First...678910...203040...Last »