App Frame
https://www.youtube.com/watch?v=59WyxRHgvIQ
School of Art, Design and Art History / James Madison University
Web Design, Prof. Jun Bum Shin
Wednesday, December 3, 2014
Monday, November 17, 2014
Monday, November 3, 2014
Wednesday, October 29, 2014
Assignment by Nov. 3.
1. Wireframe Pencil Sketches + Computer generated (All pages)
3. App name and icon pencil sketches.
3. App name and icon pencil sketches.
Friday, October 24, 2014
Thursday, October 23, 2014
IOS8 Design
IOS 8 - Apple
https://www.apple.com/ios/whats-new/design/
IOS8 - GUI Template
http://www.cssauthor.com/iphone-6-mockup-design-templates/
http://www.teehanlax.com/tools/iphone/
https://www.apple.com/ios/whats-new/design/
IOS8 - GUI Template
http://www.cssauthor.com/iphone-6-mockup-design-templates/
http://www.teehanlax.com/tools/iphone/
Monday, October 13, 2014
Creating & Publishing Folio
CREATING FOLIO
http://helpx.adobe.com/digital-publishing-suite/help/create-folios.html
DPS Log in
https://digitalpublishing.acrobat.com/SignIn.html
http://helpx.adobe.com/digital-publishing-suite/help/create-folios.html
DPS Log in
https://digitalpublishing.acrobat.com/SignIn.html
id: jmu.interactivemedia@gmail.com
pw: grph313
pw: grph313
Sunday, October 5, 2014
DPS: digital-publishing-suite guide
Interactive Overlays
Folios and Articles
Folio Publishing
DPS App Builder
Free Images
1. LITTLE VISUALS ( littlevisuals.co/ )
2. UNSPLASH ( unsplash.com/ )
3. Picjumbo ( picjumbo.com/ )
4.GRATISOGRAPHY ( gratisography.com/ )
5.FREE REFE MOBILE PHOTO ( getrefe.tumblr.com/ )
6. Splitshire ( splitshire.com/ )
7. New Old Stock ( nos.twnsnd.co/ )
8. Function free photos ( wefunction.com/category/free-photos/ )
9. Superfamous ( superfamous.com/ )
10. IM Free (http://www.imcreator.com/free )
Wednesday, September 24, 2014
Project 1: Final Submission
Cover
- cover.bw.jpg
- cover_cover.jpg
Display
- display.pdf
- display (InDesign Package)
Ebook
- ebook.mobi
- ebook (folder)
- ebook.pdf
Process Book
- processbook.pdf
- processbook (InDesign Package)
Promotion
- booklet
- booklet.pdf
- booklet (InDesign Package)
- case
- case. pdf
- booklet (InDesign Package)
- cd
- cd.pdf
- cd (InDesign Package)
Tuesday, September 23, 2014
Wednesday, September 10, 2014
InDesign Inserting Text (automatically flow)
Inserting Text
- Go to the File menu and select Place > Find text file.
- Navigate to your document and click Open. Your cursor turns into the Place icon (). Click in your document where you'd like the text to be placed – the text box will fill the spaces between the margins. Remember, you can always move and resize it.
- If you want the text to automatically flow to the next column or page, hold down the Shift key on the keyboard as you place your text and a slightly different icon will appear (). Now pages will be automatically created as needed.
- If you hold down the Alt key instead, you will still get the autoflow icon (), but it will not automatically create new pages. As you click on your document, if there is more text, the icon will remain. Click again somewhere else to place the rest of the text.
- You can also designate the size of your text block by clicking and dragging a square as you place the text.
- Note that if you place text from Word, the Word styles will carry over and can be edited as described in the Formatting Text section below.
Kindle InDesign
- Document Size: 395x576 px.
- Font: Caecilia LT Std 55 Roman
- Font Size: 10pt, leading: 15pt.
Tuesday, January 21, 2014
user interface design trends
7 user interface design trends you need to know about...
Minimalism After years of bells and whistles, user interface design is going back to basics – at least according to some big name companies, including Google and Microsoft to name a few. Glossy icons are replaced by simpler one-color versions or text-based buttons, rich gradients with simple solid color combinations.

Minimalistic interfaces are definitely taking off. Top: Windows 8 uses monochromatic icons and simple solid colors for its new interface. Bottom: Pinterest user interface is the ultimate minimalism – apart from user content, very few things take up space on the screen.
For majority of users, this lack of visual detail works astonishingly well – the interface is easy to digest and its elements don’t get in the way of the tasks they’re trying to accomplish.
When to use it: minimalism is a great way to design a web application which focuses on user generated content – if done right, users will rarely complain about it. However, keep in mind that many clients will find this approach too simplistic for their taste, so you might want to check their preferences before starting your project.
Minimalism After years of bells and whistles, user interface design is going back to basics – at least according to some big name companies, including Google and Microsoft to name a few. Glossy icons are replaced by simpler one-color versions or text-based buttons, rich gradients with simple solid color combinations.
Minimalistic interfaces are definitely taking off. Top: Windows 8 uses monochromatic icons and simple solid colors for its new interface. Bottom: Pinterest user interface is the ultimate minimalism – apart from user content, very few things take up space on the screen.
For majority of users, this lack of visual detail works astonishingly well – the interface is easy to digest and its elements don’t get in the way of the tasks they’re trying to accomplish.
When to use it: minimalism is a great way to design a web application which focuses on user generated content – if done right, users will rarely complain about it. However, keep in mind that many clients will find this approach too simplistic for their taste, so you might want to check their preferences before starting your project.
Mobile UI Design Patterns
Mobile Patterns
http://www.mobile-patterns.com
UI Interaction Library
http://useyourinterface.com
UI Animation
http://ui-animations.tumblr.com
Kinetic Pattern Library
http://capptivate.co/page/2/
Android Patterns
http://www.androidpatterns.com
Inspired UI
http://inspired-ui.com
pttrns
http://pttrns.com
android pttrns
http://androidpttrns.com
lovelyUI
http://www.lovelyui.com
UI Parade
http://www.uiparade.com
http://www.mobile-patterns.com
UI Interaction Library
http://useyourinterface.com
UI Animation
http://ui-animations.tumblr.com
Kinetic Pattern Library
http://capptivate.co/page/2/
Android Patterns
http://www.androidpatterns.com
Inspired UI
http://inspired-ui.com
pttrns
http://pttrns.com
android pttrns
http://androidpttrns.com
lovelyUI
http://www.lovelyui.com
UI Parade
http://www.uiparade.com
Android UX & Patterns
Android UX
http://developer.android.com/design/get-started/ui-overview.html
Designing Interfaces: Patterns
http://designinginterfaces.com/patterns/
http://developer.android.com/design/get-started/ui-overview.html
Designing Interfaces: Patterns
http://designinginterfaces.com/patterns/
mobile patterns
http://www.mobile-patterns.com/
SCREENS
SCREENS
Subscribe to:
Posts (Atom)