SlideShare a Scribd company logo
Sep 3, Fall 2004 CS 4455 1
Animation/Rollovers
• Blinking
– Good for grabbing attention, but easily becomes
obnoxious; use very sparingly
• Reverse video, bold
– Good for making something stand out
Sep 3, Fall 2004 CS 4455 2
Agenda:
• The Role of Graphic Design
• Principles of Graphic Design
• Animation/Rollovers
• Typography
• Color
• Icons
Sep 3, Fall 2004 CS 4455 3
Typography: White space
• White space
• Leads the eye
– Provides symmetry and balance through its use
– Strengthens impact of message
– Allows eye to rest between elements of
– activity (increases legibility)
– Used to promote simplicity,
elegance, refinement
Sep 3, Fall 2004 CS 4455 4
Typography: Hierarchy
• How do you lead the user through visual
• information (by visual means)?
• Some traditional navigation devices
(conventions):
– Size
– Color
– Composition (where it is on the rectangle)
– Page numbers
– Type and Image emphases
Sep 3, Fall 2004 CS 4455 5
Typography
• Characters and symbols should be easily
noticeable and distinguishable
• AVOID HEAVY USE OF ALL UPPERCASE
• Studies have found that:
mixed case promotes fastest reading
and that 55 characters per line is optimal

More Related Content

Viewers also liked

Leadership Novato Program
Leadership Novato ProgramLeadership Novato Program
Leadership Novato ProgramLiz Watson
 
Learn graphic design part5 by nicole papadopoulos
Learn graphic design   part5 by nicole papadopoulosLearn graphic design   part5 by nicole papadopoulos
Learn graphic design part5 by nicole papadopoulos
Nicole Papadopoulos
 
PRAMOD RESUME
PRAMOD RESUMEPRAMOD RESUME
PRAMOD RESUME
pramod choudhary
 
Graphic design 7
Graphic design 7Graphic design 7
Graphic design 7
Nicole Papadopoulos
 
Warren Dalisay Resume Revised
Warren Dalisay Resume RevisedWarren Dalisay Resume Revised
Warren Dalisay Resume Revised
Warren Dalisay
 
LTVA Lake Tahoe Travel Planner - Content Writer
LTVA Lake Tahoe Travel Planner - Content WriterLTVA Lake Tahoe Travel Planner - Content Writer
LTVA Lake Tahoe Travel Planner - Content Writer
Liz Watson
 
the frog and the nightingale
the frog and the nightingalethe frog and the nightingale
the frog and the nightingale
manas bajaj
 
Ppt eksposisi
Ppt eksposisiPpt eksposisi
Ppt eksposisi
Yazid Aunillah
 
Resume2015
Resume2015Resume2015
Resume2015
Haley Collier
 
Graphic design 8
Graphic design 8Graphic design 8
Graphic design 8
Nicole Papadopoulos
 
Our Story CC NV 2001-2002
Our Story CC NV 2001-2002Our Story CC NV 2001-2002
Our Story CC NV 2001-2002
Liz Watson
 
Mossball
MossballMossball
Mossball
Jonathan Garcia
 
Inlet bench blasting at River bank
Inlet bench blasting at River bankInlet bench blasting at River bank
Inlet bench blasting at River bank
MALAYA PANDA
 
KP Workbook
KP WorkbookKP Workbook
KP Workbook
Liz Watson
 
Graphic design 2
Graphic design 2Graphic design 2
Graphic design 2
Nicole Papadopoulos
 
Graphic design 3
Graphic design 3Graphic design 3
Graphic design 3
Nicole Papadopoulos
 
Graphic design 9
Graphic design 9Graphic design 9
Graphic design 9
Nicole Papadopoulos
 
Веселі віршики від Анжели Левченко
Веселі віршики від Анжели ЛевченкоВеселі віршики від Анжели Левченко
Веселі віршики від Анжели Левченко
Taras Ambroz
 
Novato Chamber Business Directory and Community Resource
Novato Chamber Business Directory and Community ResourceNovato Chamber Business Directory and Community Resource
Novato Chamber Business Directory and Community Resource
Liz Watson
 

Viewers also liked (20)

Leadership Novato Program
Leadership Novato ProgramLeadership Novato Program
Leadership Novato Program
 
Learn graphic design part5 by nicole papadopoulos
Learn graphic design   part5 by nicole papadopoulosLearn graphic design   part5 by nicole papadopoulos
Learn graphic design part5 by nicole papadopoulos
 
PRAMOD RESUME
PRAMOD RESUMEPRAMOD RESUME
PRAMOD RESUME
 
Graphic design 7
Graphic design 7Graphic design 7
Graphic design 7
 
Warren Dalisay Resume Revised
Warren Dalisay Resume RevisedWarren Dalisay Resume Revised
Warren Dalisay Resume Revised
 
LTVA Lake Tahoe Travel Planner - Content Writer
LTVA Lake Tahoe Travel Planner - Content WriterLTVA Lake Tahoe Travel Planner - Content Writer
LTVA Lake Tahoe Travel Planner - Content Writer
 
the frog and the nightingale
the frog and the nightingalethe frog and the nightingale
the frog and the nightingale
 
Ppt eksposisi
Ppt eksposisiPpt eksposisi
Ppt eksposisi
 
Northbay Biz
Northbay Biz Northbay Biz
Northbay Biz
 
Resume2015
Resume2015Resume2015
Resume2015
 
Graphic design 8
Graphic design 8Graphic design 8
Graphic design 8
 
Our Story CC NV 2001-2002
Our Story CC NV 2001-2002Our Story CC NV 2001-2002
Our Story CC NV 2001-2002
 
Mossball
MossballMossball
Mossball
 
Inlet bench blasting at River bank
Inlet bench blasting at River bankInlet bench blasting at River bank
Inlet bench blasting at River bank
 
KP Workbook
KP WorkbookKP Workbook
KP Workbook
 
Graphic design 2
Graphic design 2Graphic design 2
Graphic design 2
 
Graphic design 3
Graphic design 3Graphic design 3
Graphic design 3
 
Graphic design 9
Graphic design 9Graphic design 9
Graphic design 9
 
Веселі віршики від Анжели Левченко
Веселі віршики від Анжели ЛевченкоВеселі віршики від Анжели Левченко
Веселі віршики від Анжели Левченко
 
Novato Chamber Business Directory and Community Resource
Novato Chamber Business Directory and Community ResourceNovato Chamber Business Directory and Community Resource
Novato Chamber Business Directory and Community Resource
 

Recently uploaded

一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
t34zod9l
 
Update 33 models(General Diode ) in SPICE PARK(JUN2024)
Update 33 models(General Diode ) in SPICE PARK(JUN2024)Update 33 models(General Diode ) in SPICE PARK(JUN2024)
Update 33 models(General Diode ) in SPICE PARK(JUN2024)
Tsuyoshi Horigome
 
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
w26izoeb
 
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
k4krdgxx
 
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
k4krdgxx
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
340qn0m1
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
ka3y2ukz
 
Intel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelinesIntel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelines
EricHo305923
 
The Power to Battle! Slideshow by: Kal-el
The Power to Battle! Slideshow by: Kal-elThe Power to Battle! Slideshow by: Kal-el
The Power to Battle! Slideshow by: Kal-el
Kal-el Shows
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
wkip62b
 
World trade center in kerala proposal- AR. DEEKSHITH MAROLI 724519251008 REPORT
World trade center in kerala proposal- AR. DEEKSHITH MAROLI 724519251008 REPORTWorld trade center in kerala proposal- AR. DEEKSHITH MAROLI 724519251008 REPORT
World trade center in kerala proposal- AR. DEEKSHITH MAROLI 724519251008 REPORT
deekshithmaroli666
 
The Color of Life Slideshow by: Kal-el Go
The Color of Life Slideshow by: Kal-el GoThe Color of Life Slideshow by: Kal-el Go
The Color of Life Slideshow by: Kal-el Go
Kal-el Shows
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
67n7f53
 
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
sf3cfttw
 
Value based approach to heritae conservation -.docx
Value based approach to heritae conservation -.docxValue based approach to heritae conservation -.docx
Value based approach to heritae conservation -.docx
JIT KUMAR GUPTA
 
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
bljeremy734
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
yqyquge
 
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
kohd1ci2
 
SPICE PARK JUN2024 ( 6,826 SPICE Models )
SPICE PARK JUN2024 ( 6,826 SPICE Models )SPICE PARK JUN2024 ( 6,826 SPICE Models )
SPICE PARK JUN2024 ( 6,826 SPICE Models )
Tsuyoshi Horigome
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
k4krdgxx
 

Recently uploaded (20)

一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
 
Update 33 models(General Diode ) in SPICE PARK(JUN2024)
Update 33 models(General Diode ) in SPICE PARK(JUN2024)Update 33 models(General Diode ) in SPICE PARK(JUN2024)
Update 33 models(General Diode ) in SPICE PARK(JUN2024)
 
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
一比一原版(McGill毕业证)加拿大麦吉尔大学毕业证如何办理
 
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
 
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
 
Intel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelinesIntel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelines
 
The Power to Battle! Slideshow by: Kal-el
The Power to Battle! Slideshow by: Kal-elThe Power to Battle! Slideshow by: Kal-el
The Power to Battle! Slideshow by: Kal-el
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
 
World trade center in kerala proposal- AR. DEEKSHITH MAROLI 724519251008 REPORT
World trade center in kerala proposal- AR. DEEKSHITH MAROLI 724519251008 REPORTWorld trade center in kerala proposal- AR. DEEKSHITH MAROLI 724519251008 REPORT
World trade center in kerala proposal- AR. DEEKSHITH MAROLI 724519251008 REPORT
 
The Color of Life Slideshow by: Kal-el Go
The Color of Life Slideshow by: Kal-el GoThe Color of Life Slideshow by: Kal-el Go
The Color of Life Slideshow by: Kal-el Go
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
 
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
 
Value based approach to heritae conservation -.docx
Value based approach to heritae conservation -.docxValue based approach to heritae conservation -.docx
Value based approach to heritae conservation -.docx
 
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
 
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
 
SPICE PARK JUN2024 ( 6,826 SPICE Models )
SPICE PARK JUN2024 ( 6,826 SPICE Models )SPICE PARK JUN2024 ( 6,826 SPICE Models )
SPICE PARK JUN2024 ( 6,826 SPICE Models )
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
 

Graphic design 10

  • 1. Sep 3, Fall 2004 CS 4455 1 Animation/Rollovers • Blinking – Good for grabbing attention, but easily becomes obnoxious; use very sparingly • Reverse video, bold – Good for making something stand out
  • 2. Sep 3, Fall 2004 CS 4455 2 Agenda: • The Role of Graphic Design • Principles of Graphic Design • Animation/Rollovers • Typography • Color • Icons
  • 3. Sep 3, Fall 2004 CS 4455 3 Typography: White space • White space • Leads the eye – Provides symmetry and balance through its use – Strengthens impact of message – Allows eye to rest between elements of – activity (increases legibility) – Used to promote simplicity, elegance, refinement
  • 4. Sep 3, Fall 2004 CS 4455 4 Typography: Hierarchy • How do you lead the user through visual • information (by visual means)? • Some traditional navigation devices (conventions): – Size – Color – Composition (where it is on the rectangle) – Page numbers – Type and Image emphases
  • 5. Sep 3, Fall 2004 CS 4455 5 Typography • Characters and symbols should be easily noticeable and distinguishable • AVOID HEAVY USE OF ALL UPPERCASE • Studies have found that: mixed case promotes fastest reading and that 55 characters per line is optimal