Soumettre la recherche
Mettre en ligne
14 grids
•
Télécharger en tant que PPTX, PDF
•
0 j'aime
•
389 vues
Dr. V Vorvoreanu
Suivre
Signaler
Partager
Signaler
Partager
1 sur 57
Télécharger maintenant
Recommandé
Emergency preparedness
Emergency preparedness
Dr. V Vorvoreanu
Organizing - How are social media changing the way we organize?
Organizing - How are social media changing the way we organize?
Dr. V Vorvoreanu
18 b writing for the web
18 b writing for the web
Dr. V Vorvoreanu
Engineering and Technology Education
Engineering and Technology Education
Dr. V Vorvoreanu
mobile usability
mobile usability
Dr. V Vorvoreanu
Audit
Audit
NSW BER IPO
07 mental models-ift_lecture
07 mental models-ift_lecture
Dr. V Vorvoreanu
accessibility
accessibility
Dr. V Vorvoreanu
Recommandé
Emergency preparedness
Emergency preparedness
Dr. V Vorvoreanu
Organizing - How are social media changing the way we organize?
Organizing - How are social media changing the way we organize?
Dr. V Vorvoreanu
18 b writing for the web
18 b writing for the web
Dr. V Vorvoreanu
Engineering and Technology Education
Engineering and Technology Education
Dr. V Vorvoreanu
mobile usability
mobile usability
Dr. V Vorvoreanu
Audit
Audit
NSW BER IPO
07 mental models-ift_lecture
07 mental models-ift_lecture
Dr. V Vorvoreanu
accessibility
accessibility
Dr. V Vorvoreanu
usability testingplanning
usability testingplanning
Dr. V Vorvoreanu
15 metaphor typography
15 metaphor typography
Dr. V Vorvoreanu
excise interface design
excise interface design
Dr. V Vorvoreanu
3D Foot Scanning for Custom Orthotics
3D Foot Scanning for Custom Orthotics
3D3 Solutions
Managing onlineidentity
Managing onlineidentity
Dr. V Vorvoreanu
William Shakespeare
William Shakespeare
guest8e8cc4
Module 6
Module 6
davidouton
heuristic evaluation
heuristic evaluation
Dr. V Vorvoreanu
Vocabulary "Learning & Careers"
Vocabulary "Learning & Careers"
andrea_ena
19 excise discussion
19 excise discussion
Dr. V Vorvoreanu
Why social media
Why social media
Dr. V Vorvoreanu
03 research project-outline_621
03 research project-outline_621
Dr. V Vorvoreanu
Seti 09
Seti 09
bzanchet
Tech621 [re]orientation
Tech621 [re]orientation
Dr. V Vorvoreanu
usability reporting
usability reporting
Dr. V Vorvoreanu
06 perception memory
06 perception memory
Dr. V Vorvoreanu
grids
grids
Dr. V Vorvoreanu
10518, 5(52 PMCollection – MSA 603 Strategic Planning for th.docx
10518, 5(52 PMCollection – MSA 603 Strategic Planning for th.docx
drennanmicah
Visualizing Big Data – The Fundamentals
Visualizing Big Data – The Fundamentals
StampedeCon
Framer vs CSS Grid
Framer vs CSS Grid
Josh Clement
Wireframe
Wireframe
ananda gunadharma
CAD/CAM ppt
CAD/CAM ppt
OECLIB Odisha Electronics Control Library
Contenu connexe
En vedette
usability testingplanning
usability testingplanning
Dr. V Vorvoreanu
15 metaphor typography
15 metaphor typography
Dr. V Vorvoreanu
excise interface design
excise interface design
Dr. V Vorvoreanu
3D Foot Scanning for Custom Orthotics
3D Foot Scanning for Custom Orthotics
3D3 Solutions
Managing onlineidentity
Managing onlineidentity
Dr. V Vorvoreanu
William Shakespeare
William Shakespeare
guest8e8cc4
Module 6
Module 6
davidouton
heuristic evaluation
heuristic evaluation
Dr. V Vorvoreanu
Vocabulary "Learning & Careers"
Vocabulary "Learning & Careers"
andrea_ena
19 excise discussion
19 excise discussion
Dr. V Vorvoreanu
Why social media
Why social media
Dr. V Vorvoreanu
03 research project-outline_621
03 research project-outline_621
Dr. V Vorvoreanu
Seti 09
Seti 09
bzanchet
Tech621 [re]orientation
Tech621 [re]orientation
Dr. V Vorvoreanu
usability reporting
usability reporting
Dr. V Vorvoreanu
06 perception memory
06 perception memory
Dr. V Vorvoreanu
En vedette
(16)
usability testingplanning
usability testingplanning
15 metaphor typography
15 metaphor typography
excise interface design
excise interface design
3D Foot Scanning for Custom Orthotics
3D Foot Scanning for Custom Orthotics
Managing onlineidentity
Managing onlineidentity
William Shakespeare
William Shakespeare
Module 6
Module 6
heuristic evaluation
heuristic evaluation
Vocabulary "Learning & Careers"
Vocabulary "Learning & Careers"
19 excise discussion
19 excise discussion
Why social media
Why social media
03 research project-outline_621
03 research project-outline_621
Seti 09
Seti 09
Tech621 [re]orientation
Tech621 [re]orientation
usability reporting
usability reporting
06 perception memory
06 perception memory
Similaire à 14 grids
grids
grids
Dr. V Vorvoreanu
10518, 5(52 PMCollection – MSA 603 Strategic Planning for th.docx
10518, 5(52 PMCollection – MSA 603 Strategic Planning for th.docx
drennanmicah
Visualizing Big Data – The Fundamentals
Visualizing Big Data – The Fundamentals
StampedeCon
Framer vs CSS Grid
Framer vs CSS Grid
Josh Clement
Wireframe
Wireframe
ananda gunadharma
CAD/CAM ppt
CAD/CAM ppt
OECLIB Odisha Electronics Control Library
Designing with Code
Designing with Code
Adityo Pratomo
Grid Systems: Building Blocks to a Better User Experience
Grid Systems: Building Blocks to a Better User Experience
Dustin DiTommaso
Fashion hunk
Fashion hunk
Archana Maharjan
Presentation 1.pptx
Presentation 1.pptx
Gravityboi
2009_09_11_Grid960
2009_09_11_Grid960
LightSpeed
Introduction to CSS3
Introduction to CSS3
Doris Chen
Adobe MAX 2008: HTML/CSS + Fireworks
Adobe MAX 2008: HTML/CSS + Fireworks
Nathan Smith
Refreshing Your UI with HTML5, Bootstrap and CSS3
Refreshing Your UI with HTML5, Bootstrap and CSS3
Matt Raible
Webinar: Tailored Big Data Solutions using MapReduce Design Patterns
Webinar: Tailored Big Data Solutions using MapReduce Design Patterns
Edureka!
UI Design Patterns for the Web, Part 2
UI Design Patterns for the Web, Part 2
Lewis Lin 🦊
Avoid Site Killers with Effective CMS Planning
Avoid Site Killers with Effective CMS Planning
ISITE Design is now Connective DX
Website Planning 201 by Jen McKibben
Website Planning 201 by Jen McKibben
John Coonen
Can A Car Maker Really Deliver Mass Customization?
Can A Car Maker Really Deliver Mass Customization?
Design World
GDSC Intro (2).pdf
GDSC Intro (2).pdf
GDSCVIMEET
Similaire à 14 grids
(20)
grids
grids
10518, 5(52 PMCollection – MSA 603 Strategic Planning for th.docx
10518, 5(52 PMCollection – MSA 603 Strategic Planning for th.docx
Visualizing Big Data – The Fundamentals
Visualizing Big Data – The Fundamentals
Framer vs CSS Grid
Framer vs CSS Grid
Wireframe
Wireframe
CAD/CAM ppt
CAD/CAM ppt
Designing with Code
Designing with Code
Grid Systems: Building Blocks to a Better User Experience
Grid Systems: Building Blocks to a Better User Experience
Fashion hunk
Fashion hunk
Presentation 1.pptx
Presentation 1.pptx
2009_09_11_Grid960
2009_09_11_Grid960
Introduction to CSS3
Introduction to CSS3
Adobe MAX 2008: HTML/CSS + Fireworks
Adobe MAX 2008: HTML/CSS + Fireworks
Refreshing Your UI with HTML5, Bootstrap and CSS3
Refreshing Your UI with HTML5, Bootstrap and CSS3
Webinar: Tailored Big Data Solutions using MapReduce Design Patterns
Webinar: Tailored Big Data Solutions using MapReduce Design Patterns
UI Design Patterns for the Web, Part 2
UI Design Patterns for the Web, Part 2
Avoid Site Killers with Effective CMS Planning
Avoid Site Killers with Effective CMS Planning
Website Planning 201 by Jen McKibben
Website Planning 201 by Jen McKibben
Can A Car Maker Really Deliver Mass Customization?
Can A Car Maker Really Deliver Mass Customization?
GDSC Intro (2).pdf
GDSC Intro (2).pdf
Plus de Dr. V Vorvoreanu
Dia2 tues persona
Dia2 tues persona
Dr. V Vorvoreanu
Dia2 sketches
Dia2 sketches
Dr. V Vorvoreanu
DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personas
Dr. V Vorvoreanu
gestalt principles cats
gestalt principles cats
Dr. V Vorvoreanu
07 principles 1 affordance
07 principles 1 affordance
Dr. V Vorvoreanu
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentation
Dr. V Vorvoreanu
Controls
Controls
Dr. V Vorvoreanu
Responsive design UX intro
Responsive design UX intro
Dr. V Vorvoreanu
Attention info scent recognition vs recall
Attention info scent recognition vs recall
Dr. V Vorvoreanu
03 bad usability kills
03 bad usability kills
Dr. V Vorvoreanu
03 usability def designprocess
03 usability def designprocess
Dr. V Vorvoreanu
Information architecture
Information architecture
Dr. V Vorvoreanu
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypes
Dr. V Vorvoreanu
Cgt 256 course review
Cgt 256 course review
Dr. V Vorvoreanu
Cross channel ux
Cross channel ux
Dr. V Vorvoreanu
UX user-centered design process overview
UX user-centered design process overview
Dr. V Vorvoreanu
26 social interaction design
26 social interaction design
Dr. V Vorvoreanu
Purdue MS degree CGT
Purdue MS degree CGT
Dr. V Vorvoreanu
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypes
Dr. V Vorvoreanu
11 info architecture-2014
11 info architecture-2014
Dr. V Vorvoreanu
Plus de Dr. V Vorvoreanu
(20)
Dia2 tues persona
Dia2 tues persona
Dia2 sketches
Dia2 sketches
DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personas
gestalt principles cats
gestalt principles cats
07 principles 1 affordance
07 principles 1 affordance
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentation
Controls
Controls
Responsive design UX intro
Responsive design UX intro
Attention info scent recognition vs recall
Attention info scent recognition vs recall
03 bad usability kills
03 bad usability kills
03 usability def designprocess
03 usability def designprocess
Information architecture
Information architecture
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypes
Cgt 256 course review
Cgt 256 course review
Cross channel ux
Cross channel ux
UX user-centered design process overview
UX user-centered design process overview
26 social interaction design
26 social interaction design
Purdue MS degree CGT
Purdue MS degree CGT
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypes
11 info architecture-2014
11 info architecture-2014
14 grids
1.
Page Layout
2.
Lab guest speaker
Matthew Highstrom, Interaction Designer for GM's HMI Design department - Insider's view behind the development of the Cadillac's User Experience driver interface as found in the Cadillac XTS Tuesday (tomorrow) 1:30 pm
3.
Does this work?
NO GRID!
4.
Alignment
5.
Designing with Grids
6.
What are grids?
Grids Columns
7.
One Column
8.
Two Columns
9.
Two Columns
10.
11.
12.
Vertical alignment
13.
Horizontal alignment
14.
Three Columns
15.
Three Columns
16.
17.
18.
19.
20.
21.
22.
Four Columns
23.
Four Columns
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
More Columns
35.
36.
37.
38.
The point is…
39.
Grids: How-to 1. Figure
out page size 2. Divide it into a grid 3. Start designing
40.
Figure out Page
Size
41.
Figure out Page
Size Divisible by 3, 4, 5, 6, 8, 10, 12, 15, and 16 http://www.cameronmoll.com/archives/001220.html
42.
http://www.welie.com/patterns/showPattern.php?patternID=grid-based-layout
43.
http://www.welie.com/patterns/showPattern.php?patternID=grid- based-layout
44.
Proportion
45.
46.
b
a
47.
Golden Ratio
48.
b
a
49.
The Rule of
Thirds
50.
51.
Breaking the Rules
52.
53.
Available resources
54.
http://dev.opera.com/articles/view/grid-design-basics-grids-for-web-page-l/
55.
http://dev.opera.com/articles/view/grid-design-basics-grids-for-web-page-l/
56.
http://www.emanuelblagonic.com/2007/02/16/developing-the-grid-that- supports-your-design/
57.
http://www.emanuelblagonic.com/2007/02/16/developing-the-grid-that-supports-your-design/
Télécharger maintenant