Building Blocks: Construct() Jump Start Jeremy Foster Microsoft Technical Evangelist Stacey Mulcahy

Day 2 Construct() Target Agenda Module 1: Design and UX Module 2: Marketing Module 3: Assets Module 4: Layout Module 5: Style Module 6: Patterns and Frameworks

Module 3: Assets

What types of assets do we need? Icons UI Design Logos Sprite sheets Tiles Promotional Tile

Where do you get the assets? Find them online Beg a friend Pay a professional Build them yourself

Bitmap images

Vector images

Transparency

coreldraw Building and exporting image assets

Icon Fidelity

creating an icon

Resources for Assets & Icons Flat UI - https://kippt.com/bitchwhocodes/flatui Icon Design - https://kippt.com/bitchwhocodes/iconsFree PSD’s - https://kippt.com/bitchwhocodes/psds Wordpress Plugin to make icons: https://github.com/bitchwhocodes/Win8-digital- scrapbook/tree/master/resources/plugins Metro Studio: http://www.syncfusion.com/downloads/metrostudio

Scaling assets for client resolution <img src="myimage.png"/> myimage.png myimage.scale-100.png myimage.scale-140.png myimage.scale-180.png

Day 2 Construct() Target Agenda Module 1: Design and UX Module 2: Marketing Module 3: Assets Module 4: Layout Module 5: Style Module 6: Patterns and Frameworks