Thursday, March 14, 2013

Designing Images for Mobile Devices


Designing Images for Mobile Devices

Illusionmedia.com

Mobile devices are continually becoming more popular in both work and educational settings. When designing images for mobile devices, it is important to remember that your mobile design should revolve around the user. It is essential to condense the information you want to incorporate so that it includes only the main points so that you can create a user-friendly image that isn’t overwhelming or crowded with information. A problem that arises when creating images for mobile devices is that they all vary in screen size. When creating images, it is important to figure out if you are designing for a wide-range of devices, or just a specific device (such as an iPhone).  

Some things to make sure of when designing for mobile devices:
·         The site logo should be clear
·         Headers should stretch to 100% of the screen width
·         Content images should be no larger than 80% of the screen width
·         Content images should be automatically scaled and optimized to screen width




This is a great video/presentation about designing for mobile devices (with the focus being in an educational setting). I love that the speaker says that mobile devices are convenient, they lighten our load. Mobile devices are extremely popular so it is important that we know how to design content for them.


I have never designed an image for a mobile device, so I found these 2 articles helpful:


*Here are some helpful tools to create images for mobile devices:
·         Adobe Muse 
·         Mobile Boilerplate 
·         Tree Saver 



Questions:
1)      Have any of you ever had to design an image for mobile devices? How did you do this?
2)      Are mobile devices used in your workplace? If so, how are they being used?
3)      How could you implement mobile devices into your workplace? What kind of content would you design?




Wednesday, March 13, 2013

Shaun, Katie and I spent our spring break designing documents for the Ed Tech program and the Brainstorming Conference.  This has been an educational experience as none of us knew Photoshop or any of the design programs Dr. Wilcox has talked about in this class.  We have become mildly proficient at Photoshop, Pixlr and Google Draw as we have created the logo for the program and other documents.


Within this post, please see the draft of the brochure for the program.  Since saving this version Dr. Estes has given us revisions which we will post to the documents tonight but we would also like your feedback before completing the project!