The Art of Dashboard Design: 7 Tips to Master презентация

Why Use Dashboards? Making your point visually pays off up to Emphasize your message, enhance your understanding

Слайд 1The Art of Dashboard Design: 7 Tips to Master
By Mary

Mahling, UI/UX Designer Instructor,
George Mason University

Слайд 2Why Use Dashboards?
Making your point visually pays off up to







Emphasize your

message, enhance your understanding

Слайд 3“Bad design is smoke while good design is a mirror”
- Juan Carlos

Fernandez

Слайд 4Fundamentals of Design
Color
Fonts
Typography
Shapes
Sizes
Images
Interactivity
1
2
3
4
5
6
7


Слайд 5
Design Basics: Colors
Make your message clear by using simple contrast techniques
Colors

have different meanings depending on context (for example, red & blue)

Good visuals use contrast effectively
Choose complementary colors (red-green, blue-orange, purple-yellow)

Don’t forget black & white

Don’t be afraid to use color pairs that have already been tested – e.g. sports team colors http://teamcolors.arc90.com/


Слайд 6Design Basics: Fonts
Serif vs. Sans-serif
Most fonts are in one of two

categories serif and sans-serif.

Serif is the tail at the ends of letters.

Слайд 7Design Basics: Fonts
If everything’s bold, nothing is bold
Mixing regular and bold

for visual interest

Sans-serif works best for headlines

All road signs in US
are Helvetica


Слайд 8Design Basics: Fonts
Serif works best for text blocks
Serif
Sans-serif


Слайд 9Design Basics: Typography
Typography: How fonts and colors appear in context


Слайд 10Design Basics: Colors & Fonts Together
Color adds another dimension, need contrast





Слайд 11Other Design Aspects Worth Considering


Слайд 12Design Basics: Color Tools
http://colorbrewer2.org/
ColorBrewer 2.0
Colors have already been tested for

accessibility, color blindness, contrast if being reproduced in black & white, etc.

Use maximum of six colors in a visualization
Any more and it becomes very difficult for users to see differences

Слайд 13Design Basics: Color Tools
https://color.adobe.com/create/color-wheel/


Adobe Color
Can upload image to get color

scheme
Click/tap on color wheel to adjust
Copy & paste hex/rgb values

Слайд 14Design Basics: Font Tools
https://www.google.com/fonts
Google Fonts
Very easy to preview fonts
Will generate

a JavaScript link and CSS that you can use on your site

Слайд 15Summary
1
Focusing on colors and fonts can go a long way in

making your visuals
more compelling

2

You don’t necessarily need expensive software to step your design game up

3

Good design has a valuable return on investment


Слайд 16Want to see more examples
of effective dashboards?

Download The Top 10

Emerging Trends eBook

Learn.logianalytics.com/dashboard-design-trends


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика