Style This: Your Essential Toolkit for Dashboard Design
•Download as PPTX, PDF•
0 likes•515 views
Learn the principles of dashboard design and how to leverage tools of the trade. Plus we'll give practical styling tips to make data visualizations pop. Learn more with The Definitive Guide to Dashboard Design at https://goo.gl/2IPpZL.
Recommended
Recommended
More Related Content
Viewers also liked
Viewers also liked (20)
Similar to Style This: Your Essential Toolkit for Dashboard Design
Similar to Style This: Your Essential Toolkit for Dashboard Design (20)
More from Logi Analytics
More from Logi Analytics (14)
Recently uploaded
Recently uploaded (20)
Style This: Your Essential Toolkit for Dashboard Design
- 1. #Logi16 STYLE THIS: YOUR ESSENTIAL TOOLKIT Joshua McClure
- 2. #Logi16 Joshua McClure Solutions Engineer & Web Developer Logi Analytics joshua.mcclure@logianalytics.com ABOUT ME
- 3. #Logi16 • Principles of Design • Tools of the Trade • Practical Styling Tips ESSENTIAL PRINCIPLES OF DESIGN & THE TOOLS TO HELP YOU GET THERE
- 4. #Logi16 FUNDAMENTAL PRINCIPLES Keep in mind these tried and true principles of design.
- 5. #Logi16 Users perceive an attractive product as “easier to use,” even when no usability advantage can be objectively measured. 1. AESTHETIC-USABILITY EFFECT
- 6. #Logi16 Colors can be used to evoke an emotional response. 2. COLOR PSYCHOLOGY
- 7. #Logi16 Usability and learnability improve when similar things have similar meaning and functions. 3. CONSISTENCY
- 8. #Logi16 OTHER IMPORTANT PRINCIPLES universalprinciplesofdesign.com Do yourself a favor and get a copy of this book!
- 9. #Logi16 TOOLS OF THE TRADE Tools that will help you take your application to the next level.
- 10. #Logi16 Theme Editor LOGI STUDIO TOOLS 10 Master Report Layout
- 11. #Logi16 Theme Editor LOGI STUDIO TOOLS 11 Master Report Layout
- 12. #Logi16 Comprehensive library of hundreds of scalable vector graphics icons for your web applications. Key Benefits: • Scalable and customizable graphical icons • No dependencies • Free FONT AWESOME
- 13. #Logi16 Library of high-quality free fonts to use on your website. Key Benefits: • Scalable and customizable fonts • Tons of options that are widely supported • Free GOOGLE WEB FONTS
- 14. #Logi16 Create color schemes and/or browse thousands of color combinations. Key Benefits: • Provides coordinated color palettes • Helps create a color scheme • Free ADOBE COLOR WHEEL
- 18. #Logi16 App Development Life Cycle
- 19. #Logi16 “Analog” Wireframing •Pencil & Paper •Dry Erase Board Digital Wireframing • Balsamiq • Axure • SwordSoft • Adobe Illustrator START BY CREATING MOCKUPS
- 20. #Logi16 BUILD A COLOR PALETTE
- 21. #Logi16 CREATE A STYLE GUIDE
- 22. #Logi16 CREATE A STYLE GUIDE
- 23. #Logi16 USE COMMON UI ELEMENTS
- 24. #Logi16 USE COMMON UI ELEMENTS
- 25. #Logi16 USE COMMON UI ELEMENTS
- 26. #Logi16 READMISSIONS APP An example of the application development life cycle, in practice.
- 27. #Logi16 APP DEVELOPMENT LIFE CYCLE
- 28. #Logi16 WIREFRAME • Create a wireframe with the requirements in mind. • Involve the necessary parties. • Don’t focus on colors.
- 29. #Logi16 DEVELOP • Focus on meeting the requirements • Involve the style team at every stage possible.
- 30. #Logi16 STYLE • Implement the styling - Fonts - Colors - Common UI Elements - Spacing • Don’t be afraid to refactor
- 31. #Logi16 STYLING LOGI INFO APPLICATIONS Objectives: 1. Build a Master Report Layout 2. Create a new theme 3. Use fonts & icons 4. Use Bootstrap
- 32. #Logi16 Don’t be afraid to think outside the box. There are resources out there that can help you do amazing things with your apps. Try it out! Be a Designer
- 33. #Logi16 Learn more with The Definitive Guide to Dashboard Design