This presentation describes the concept and the method of User Experience Service Design Innovation by DITLDESIGN. The differences between ideas, innovation, business, and types of innovation are discussed. How DITLDESIGN conducts user experience service design innovation was presented. The lecture was given by Prof. Tang in Beijing.
The simple process of APP Design Part III for the course of UOID, uoid.drhhtang.net
A multidisciplinary collaboration course for user-oriented innovative APP design.
by drhhtang@NTUST
This presentation describes the concept and the method of User Experience Service Design Innovation by DITLDESIGN. The differences between ideas, innovation, business, and types of innovation are discussed. How DITLDESIGN conducts user experience service design innovation was presented. The lecture was given by Prof. Tang in Beijing.
The simple process of APP Design Part III for the course of UOID, uoid.drhhtang.net
A multidisciplinary collaboration course for user-oriented innovative APP design.
by drhhtang@NTUST
Dreamweaver cs6 multiple browsers and devices training demoyunjuli
This 6-hour Dreamweaver CS6 training demo will cover understanding the Dreamweaver UI and HTML5 structure, adding different types of content to web pages including text, lightboxes, widgets, and forms, styling content with CSS, using webfonts, building an HTML5 layout with percentages instead of pixels, creating an AJAX menu bar, and testing sites across multiple browsers and devices including desktop, tablets, and smartphones to ensure compatibility. The training is suitable for anyone looking to use Dreamweaver to create a single responsive website that works well on all devices.
11. 小麥梗資訊工作室-李芸茹
course include
1. Introduction of Digital Publishing Suite
2. How to do and create the Files
3. Must know Folio’s Rule and do it!
4. Basic & Advanced about Interactive Overlays
5. Folio manage and try multiple device and Publishing
6. Professional Magazine demo and do its style!
1. Wired Magazine
2. Martha Stewart Living Magazine
12. 小麥梗資訊工作室-李芸茹
Introduction of Digital Publishing Suite
• Introduction Adobe Digital Publishing Suite and workflow
• Introduction Word definitions
• Ex: Design folio、Article 、Overlay……
• DPS three program description
• Design folio、XXXX folio 、XXXX folio + XXXX
• Prepare work for DPS Publishing
• Subscription、Digital Content (many must to know)、Apple and
Android credentials go and price of year!
13. 小麥梗資訊工作室-李芸茹
How to do and create the Files (1)
• General to know about documents
and new folio setting
• Right Size and save Presets
• Paragraph Styles setting and load
• Layers setting rule
Right Margin
4 Position Long ? px
Scrolling
Margin: ??? px
14. 小麥梗資訊工作室-李芸茹
How to do and create the Files (2)
• Design Icons for direction Interactivity
• movie、slideshow、Link、360 degree、scrolling 、different page
(Reference by Martha Stewart Living digital Magazine )
• How . ICML files used
• (document text、graphics and page layout settings…)
圖片來源 http://www.fileinfo.com/extension/icml
15. 小麥梗資訊工作室-李芸茹
Must know Folio’s Rule and do it! (1)
• Folio Builder to Layouts…..Step and build it.
• Smooth Scrolling Layouts
• Importing One or Multiple Article from old Folder
16. 小麥梗資訊工作室-李芸茹
Must know Folio’s Rule and do it! (2)
• Only Horizontal or Vertical Layouts setting
• Loading HTML file tips
• Creating H and V Covers and size setting
• Creating left direction TOC Images
17. 小麥梗資訊工作室-李芸茹
Must know Folio’s Rule and do it! (3)
• Updating Designs in Folios Builder
• Previewing at XXXX and XXXX? (Adobe ID)
• Sharing Folio
18. 小麥梗資訊工作室-李芸茹
Basic about Interactive Overlays(1)
• Do different style of Slideshow
• Create Slideshow Buttons (self and free)
• Do different style of Image Sequence
• Audio and Video format and do different style image
• Scrolling Frames at Layout setting rule
• Pan setting and Zoom right image size must to know!
Images + transition
1 2 3 4 5 6 7
19. 小麥梗資訊工作室-李芸茹
Basic about Interactive Overlays(2)
• Do and test three style of hyperlink.
• Hyperlink Actions style (Advanced: navto)….
• Panoramas use free tools to produce it!
• Different style of Panorama(DPS) and folio setting
• How Load Website (HTML. CSS. Others) to Magazine!
Hyper Links Style
Text Button ????
23. 小麥梗資訊工作室-李芸茹
Folio manage and try multiple device
and Publishing (1)
• DPS Workflow and Folio many settings at Service
• One or Multiple Folio Publishing
• Introduction Viewer Builder
24. 小麥梗資訊工作室-李芸茹
Folio manage and try multiple device
and Publishing (2)
• Introduction Viewer Builder and keyword and others
• What Viewer version is correct! Not prerelease.
26. 小麥梗資訊工作室-李芸茹
Advanced Tips only for you!!!
• Do different Devices Rendition
• Folio Producer : publishing name and ...setting
• … Icon size setting and ID files prepare
Apple Samsung P7510
iPAD Galaxy
iPAD Android
1024x768 1280x800
4:3 16:9
27. 小麥梗資訊工作室-李芸茹
Professional Magazine Preview and
do its style!
• Wired Magazine
• http://www.wired.com/magazine/
• Martha Stewart Living Magazine
• http://www.marthastewart.com/