SlideShare una empresa de Scribd logo

Designing Page Comps for a Website

•
•
Gilbert Guerrero
Gilbert Guerrero
EducaciónTecnologíaDiseño
1 de 25
ARTDM 171, Week 9: Designing Page Comps ,[object Object],[object Object],[object Object]
Homework ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Save as PDF ,[object Object],[object Object]
Sitemaps with Post-it notes ,[object Object]
Page Comps
Page Comps ,[object Object],[object Object],[object Object]
Page Comps ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Comps can be created in Photoshop ,[object Object]
Browser Canvas Size ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Firefox MeasureIt ,[object Object]
Mental Models ,[object Object]
Mental Models and Mental Maps ,[object Object],[object Object],[object Object]
External Conventions and Consistency ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Context and Navigation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Users want content ,[object Object],[object Object],[object Object],[object Object],[object Object]
Create a Mood Board ,[object Object],[object Object],[object Object]
Getting ideas ,[object Object]
Design Your Web Page in Photoshop
Taking Screenshots ,[object Object],[object Object]
Getting started ,[object Object],[object Object],[object Object]
Tactical elements ,[object Object],[object Object],[object Object]
Timeline December 1 8 15 24 17 10 3 27 20 13 6 29 November October Last day of class Present revisions Present final projects (two days) Page production (add content and images) Site development (html coding) Design Strategy Usability Testing
Layer Comps ,[object Object]
Saving Comps ,[object Object],[object Object]
Homework due Oct 20 ,[object Object],[object Object],[object Object],[object Object]

Recomendados

How to Splice Images for Web Design
How to Splice Images for Web DesignHow to Splice Images for Web Design
How to Splice Images for Web DesignChristopher Dill
 
Dtp
DtpDtp
DtpMPCI
 
Desktop Publishing
Desktop PublishingDesktop Publishing
Desktop Publishingbjoe777
 
Desktop publishing
Desktop publishingDesktop publishing
Desktop publishingcachs_computing
 
ARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page CompsARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page CompsGilbert Guerrero
 
Desktop Publishing
Desktop PublishingDesktop Publishing
Desktop Publishingbjoe777
 
Usabilityslideshow
UsabilityslideshowUsabilityslideshow
UsabilityslideshowCarmell06769
 
Web Design
Web DesignWeb Design
Web DesignPRAJAKTA GHARE
 

Recomendados

How to Splice Images for Web Design
How to Splice Images for Web DesignHow to Splice Images for Web Design
How to Splice Images for Web DesignChristopher Dill
 
Dtp
DtpDtp
DtpMPCI
 
Desktop Publishing
Desktop PublishingDesktop Publishing
Desktop Publishingbjoe777
 
Desktop publishing
Desktop publishingDesktop publishing
Desktop publishingcachs_computing
 
ARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page CompsARTDM 171, Week 10: Mood Boards + Page Comps
ARTDM 171, Week 10: Mood Boards + Page CompsGilbert Guerrero
 
Desktop Publishing
Desktop PublishingDesktop Publishing
Desktop Publishingbjoe777
 
Usabilityslideshow
UsabilityslideshowUsabilityslideshow
UsabilityslideshowCarmell06769
 
Web Design
Web DesignWeb Design
Web DesignPRAJAKTA GHARE
 
Desktop publishing
Desktop publishingDesktop publishing
Desktop publishingcachs_computing
 
7 wsg page-design
7 wsg page-design7 wsg page-design
7 wsg page-designProgram in Interdisciplinary Computing
 
Bootstrap for Beginners
Bootstrap for BeginnersBootstrap for Beginners
Bootstrap for BeginnersD'arce Hess
 
Empowerment Technologies - Online Platforms as Tools for ICT Content Development
Empowerment Technologies - Online Platforms as Tools for ICT Content DevelopmentEmpowerment Technologies - Online Platforms as Tools for ICT Content Development
Empowerment Technologies - Online Platforms as Tools for ICT Content DevelopmentLany Lyn Magdaraog
 
Advanced presentation skills
Advanced presentation skillsAdvanced presentation skills
Advanced presentation skillsCalu Roque
 
How To Do Desktop Publishing
How To Do Desktop PublishingHow To Do Desktop Publishing
How To Do Desktop PublishingEastern New Mexico University
 
Digital Practices
Digital PracticesDigital Practices
Digital Practicesjimbojim
 
Web Design Tools (WYSIWYG)
Web Design Tools (WYSIWYG)Web Design Tools (WYSIWYG)
Web Design Tools (WYSIWYG)KayeBaaclo
 
Computer & Illustrator Basics
Computer & Illustrator BasicsComputer & Illustrator Basics
Computer & Illustrator BasicsEastern New Mexico University
 
Introduction to figma
Introduction to figmaIntroduction to figma
Introduction to figmaHuyPhmNht2
 
Desktop Publishing
Desktop PublishingDesktop Publishing
Desktop PublishingMavict De Leon
 
Using Sketch in Your Workflow – From Idea to Finished Product
Using Sketch in Your Workflow – From Idea to Finished ProductUsing Sketch in Your Workflow – From Idea to Finished Product
Using Sketch in Your Workflow – From Idea to Finished ProductBrian Louis Ramirez
 
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLSJazzyNF
 
Advanced Presentation Skills - Empowerment Technologies
Advanced Presentation Skills - Empowerment TechnologiesAdvanced Presentation Skills - Empowerment Technologies
Advanced Presentation Skills - Empowerment TechnologiesMark Jhon Oxillo
 
Get started with Sketch: a fast (and awesome) communication and design tool
Get started with Sketch: a fast (and awesome) communication and design toolGet started with Sketch: a fast (and awesome) communication and design tool
Get started with Sketch: a fast (and awesome) communication and design toolChristopher Azar
 
FutureIT Investor Presentation March 09
FutureIT Investor Presentation March 09FutureIT Investor Presentation March 09
FutureIT Investor Presentation March 09RDV Systems
 
ARTDM 170, Week 5: Intro To Flash
ARTDM 170, Week 5: Intro To FlashARTDM 170, Week 5: Intro To Flash
ARTDM 170, Week 5: Intro To FlashGilbert Guerrero
 
斑馬[1]
斑馬[1]斑馬[1]
斑馬[1]kidsgo
 
Carolyn Feuille: "Ten Keys to Working Effectively with Europeans"
Carolyn Feuille: "Ten Keys to Working Effectively with Europeans"Carolyn Feuille: "Ten Keys to Working Effectively with Europeans"
Carolyn Feuille: "Ten Keys to Working Effectively with Europeans"Real Change
 
Artdm170 Week5 Intro To Flash
Artdm170 Week5 Intro To FlashArtdm170 Week5 Intro To Flash
Artdm170 Week5 Intro To FlashGilbert Guerrero
 
Artdm 171 Week12 Templates
Artdm 171 Week12 TemplatesArtdm 171 Week12 Templates
Artdm 171 Week12 TemplatesGilbert Guerrero
 
Designing for Skepticism and Bright Sunlight
Designing for Skepticism and Bright SunlightDesigning for Skepticism and Bright Sunlight
Designing for Skepticism and Bright SunlightGilbert Guerrero
 

Más contenido relacionado

La actualidad más candente

Bootstrap for Beginners
Bootstrap for BeginnersBootstrap for Beginners
Bootstrap for BeginnersD'arce Hess
 
Empowerment Technologies - Online Platforms as Tools for ICT Content Development
Empowerment Technologies - Online Platforms as Tools for ICT Content DevelopmentEmpowerment Technologies - Online Platforms as Tools for ICT Content Development
Empowerment Technologies - Online Platforms as Tools for ICT Content DevelopmentLany Lyn Magdaraog
 
Advanced presentation skills
Advanced presentation skillsAdvanced presentation skills
Advanced presentation skillsCalu Roque
 
Digital Practices
Digital PracticesDigital Practices
Digital Practicesjimbojim
 
Web Design Tools (WYSIWYG)
Web Design Tools (WYSIWYG)Web Design Tools (WYSIWYG)
Web Design Tools (WYSIWYG)KayeBaaclo
 
Introduction to figma
Introduction to figmaIntroduction to figma
Introduction to figmaHuyPhmNht2
 
Using Sketch in Your Workflow – From Idea to Finished Product
Using Sketch in Your Workflow – From Idea to Finished ProductUsing Sketch in Your Workflow – From Idea to Finished Product
Using Sketch in Your Workflow – From Idea to Finished ProductBrian Louis Ramirez
 
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLSJazzyNF
 
Advanced Presentation Skills - Empowerment Technologies
Advanced Presentation Skills - Empowerment TechnologiesAdvanced Presentation Skills - Empowerment Technologies
Advanced Presentation Skills - Empowerment TechnologiesMark Jhon Oxillo
 
Get started with Sketch: a fast (and awesome) communication and design tool
Get started with Sketch: a fast (and awesome) communication and design toolGet started with Sketch: a fast (and awesome) communication and design tool
Get started with Sketch: a fast (and awesome) communication and design toolChristopher Azar
 

La actualidad más candente (15)

Desktop publishing
Desktop publishingDesktop publishing
Desktop publishing
 
7 wsg page-design
7 wsg page-design7 wsg page-design
7 wsg page-design
 
Bootstrap for Beginners
Bootstrap for BeginnersBootstrap for Beginners
Bootstrap for Beginners
 
Empowerment Technologies - Online Platforms as Tools for ICT Content Development
Empowerment Technologies - Online Platforms as Tools for ICT Content DevelopmentEmpowerment Technologies - Online Platforms as Tools for ICT Content Development
Empowerment Technologies - Online Platforms as Tools for ICT Content Development
 
Advanced presentation skills
Advanced presentation skillsAdvanced presentation skills
Advanced presentation skills
 
How To Do Desktop Publishing
How To Do Desktop PublishingHow To Do Desktop Publishing
How To Do Desktop Publishing
 
Digital Practices
Digital PracticesDigital Practices
Digital Practices
 
Web Design Tools (WYSIWYG)
Web Design Tools (WYSIWYG)Web Design Tools (WYSIWYG)
Web Design Tools (WYSIWYG)
 
Computer & Illustrator Basics
Computer & Illustrator BasicsComputer & Illustrator Basics
Computer & Illustrator Basics
 
Introduction to figma
Introduction to figmaIntroduction to figma
Introduction to figma
 
Desktop Publishing
Desktop PublishingDesktop Publishing
Desktop Publishing
 
Using Sketch in Your Workflow – From Idea to Finished Product
Using Sketch in Your Workflow – From Idea to Finished ProductUsing Sketch in Your Workflow – From Idea to Finished Product
Using Sketch in Your Workflow – From Idea to Finished Product
 
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS
[EMPOWERMENT TECHNOLOGIES]-ADVANCED PRESENTATION SKILLS
 
Advanced Presentation Skills - Empowerment Technologies
Advanced Presentation Skills - Empowerment TechnologiesAdvanced Presentation Skills - Empowerment Technologies
Advanced Presentation Skills - Empowerment Technologies
 
Get started with Sketch: a fast (and awesome) communication and design tool
Get started with Sketch: a fast (and awesome) communication and design toolGet started with Sketch: a fast (and awesome) communication and design tool
Get started with Sketch: a fast (and awesome) communication and design tool
 

Destacado

FutureIT Investor Presentation March 09
FutureIT Investor Presentation March 09FutureIT Investor Presentation March 09
FutureIT Investor Presentation March 09RDV Systems
 
ARTDM 170, Week 5: Intro To Flash
ARTDM 170, Week 5: Intro To FlashARTDM 170, Week 5: Intro To Flash
ARTDM 170, Week 5: Intro To FlashGilbert Guerrero
 
斑馬[1]
斑馬[1]斑馬[1]
斑馬[1]kidsgo
 
Carolyn Feuille: "Ten Keys to Working Effectively with Europeans"
Carolyn Feuille: "Ten Keys to Working Effectively with Europeans"Carolyn Feuille: "Ten Keys to Working Effectively with Europeans"
Carolyn Feuille: "Ten Keys to Working Effectively with Europeans"Real Change
 
Artdm170 Week5 Intro To Flash
Artdm170 Week5 Intro To FlashArtdm170 Week5 Intro To Flash
Artdm170 Week5 Intro To FlashGilbert Guerrero
 
Artdm 171 Week12 Templates
Artdm 171 Week12 TemplatesArtdm 171 Week12 Templates
Artdm 171 Week12 TemplatesGilbert Guerrero
 
Designing for Skepticism and Bright Sunlight
Designing for Skepticism and Bright SunlightDesigning for Skepticism and Bright Sunlight
Designing for Skepticism and Bright SunlightGilbert Guerrero
 
ARTDM170 Week2: GIF Animation
ARTDM170 Week2: GIF AnimationARTDM170 Week2: GIF Animation
ARTDM170 Week2: GIF AnimationGilbert Guerrero
 
Presentation de la Journée de la Femme Digitale - 8 mars 2013 #JFD
Presentation de la Journée de la Femme Digitale - 8 mars 2013 #JFDPresentation de la Journée de la Femme Digitale - 8 mars 2013 #JFD
Presentation de la Journée de la Femme Digitale - 8 mars 2013 #JFDthe bureau, digital agency
 
圍棋的材質(古亭)
圍棋的材質(古亭)圍棋的材質(古亭)
圍棋的材質(古亭)kidsgo
 
圍棋的材質(古亭)
圍棋的材質(古亭)圍棋的材質(古亭)
圍棋的材質(古亭)kidsgo
 
聯合報課程簡報03..
聯合報課程簡報03..聯合報課程簡報03..
聯合報課程簡報03..kidsgo
 
黑白圍棋的由來(古亭)
黑白圍棋的由來(古亭)黑白圍棋的由來(古亭)
黑白圍棋的由來(古亭)kidsgo
 
內湖院百段紀念大會
內湖院百段紀念大會內湖院百段紀念大會
內湖院百段紀念大會kidsgo
 
архитектура компьютера
архитектура компьютераархитектура компьютера
архитектура компьютераRitatulja
 

Destacado (19)

FutureIT Investor Presentation March 09
FutureIT Investor Presentation March 09FutureIT Investor Presentation March 09
FutureIT Investor Presentation March 09
 
ARTDM 170, Week 5: Intro To Flash
ARTDM 170, Week 5: Intro To FlashARTDM 170, Week 5: Intro To Flash
ARTDM 170, Week 5: Intro To Flash
 
斑馬[1]
斑馬[1]斑馬[1]
斑馬[1]
 
Carolyn Feuille: "Ten Keys to Working Effectively with Europeans"
Carolyn Feuille: "Ten Keys to Working Effectively with Europeans"Carolyn Feuille: "Ten Keys to Working Effectively with Europeans"
Carolyn Feuille: "Ten Keys to Working Effectively with Europeans"
 
Artdm170 Week5 Intro To Flash
Artdm170 Week5 Intro To FlashArtdm170 Week5 Intro To Flash
Artdm170 Week5 Intro To Flash
 
Artdm 171 Week12 Templates
Artdm 171 Week12 TemplatesArtdm 171 Week12 Templates
Artdm 171 Week12 Templates
 
Designing for Skepticism and Bright Sunlight
Designing for Skepticism and Bright SunlightDesigning for Skepticism and Bright Sunlight
Designing for Skepticism and Bright Sunlight
 
ARTDM170 Week2: GIF Animation
ARTDM170 Week2: GIF AnimationARTDM170 Week2: GIF Animation
ARTDM170 Week2: GIF Animation
 
Presentation de la Journée de la Femme Digitale - 8 mars 2013 #JFD
Presentation de la Journée de la Femme Digitale - 8 mars 2013 #JFDPresentation de la Journée de la Femme Digitale - 8 mars 2013 #JFD
Presentation de la Journée de la Femme Digitale - 8 mars 2013 #JFD
 
圍棋的材質(古亭)
圍棋的材質(古亭)圍棋的材質(古亭)
圍棋的材質(古亭)
 
圍棋的材質(古亭)
圍棋的材質(古亭)圍棋的材質(古亭)
圍棋的材質(古亭)
 
聯合報課程簡報03..
聯合報課程簡報03..聯合報課程簡報03..
聯合報課程簡報03..
 
黑白圍棋的由來(古亭)
黑白圍棋的由來(古亭)黑白圍棋的由來(古亭)
黑白圍棋的由來(古亭)
 
Test
TestTest
Test
 
內湖院百段紀念大會
內湖院百段紀念大會內湖院百段紀念大會
內湖院百段紀念大會
 
Truffy
TruffyTruffy
Truffy
 
B I7
B I7B I7
B I7
 
архитектура компьютера
архитектура компьютераархитектура компьютера
архитектура компьютера
 
Codeti
CodetiCodeti
Codeti
 

Similar a Designing Page Comps for a Website

Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsiteZoaib Mirza
 
Unify Design & Deliverables
Unify Design & DeliverablesUnify Design & Deliverables
Unify Design & Deliverablesnathanacurtis
 
Unit 5 Page Design
Unit 5 Page DesignUnit 5 Page Design
Unit 5 Page Designc.west
 
Drupalcamp Atlanta 2010 Design-to-Theme
Drupalcamp Atlanta 2010 Design-to-ThemeDrupalcamp Atlanta 2010 Design-to-Theme
Drupalcamp Atlanta 2010 Design-to-ThemeMediacurrent
 
Professional ui for a website design
Professional ui for a website designProfessional ui for a website design
Professional ui for a website designRavi Bhadauria
 
Optimizing Sites for Mobile Devices
Optimizing Sites for Mobile DevicesOptimizing Sites for Mobile Devices
Optimizing Sites for Mobile Devicesjameswillweb
 
Creative Design Process and Best Practices
Creative Design Process and Best PracticesCreative Design Process and Best Practices
Creative Design Process and Best PracticesSumit Sheth
 
Web designing & web development! BATRA COMPUTER CENTRE
Web designing & web development! BATRA COMPUTER CENTREWeb designing & web development! BATRA COMPUTER CENTRE
Web designing & web development! BATRA COMPUTER CENTREgroversimrans
 
Creating Webpage: An Intro to the Basics of HTML and Graphic Design
Creating Webpage: An Intro to the Basics of HTML and Graphic DesignCreating Webpage: An Intro to the Basics of HTML and Graphic Design
Creating Webpage: An Intro to the Basics of HTML and Graphic DesignRichard Smyth
 
Creating a Website Sitemap
Creating a Website SitemapCreating a Website Sitemap
Creating a Website SitemapJeannie Melinz
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design PrinciplesMukesh Tekwani
 
Lesson 8 Computer Creating your Website.pdf
Lesson 8 Computer Creating your Website.pdfLesson 8 Computer Creating your Website.pdf
Lesson 8 Computer Creating your Website.pdfAshleyJovelClavecill
 
Macromedia Dreamweaver 8
Macromedia Dreamweaver 8Macromedia Dreamweaver 8
Macromedia Dreamweaver 8Jeff Wood
 
Macromedia Dreamweaver 8 2
Macromedia Dreamweaver 8 2Macromedia Dreamweaver 8 2
Macromedia Dreamweaver 8 2Jeff Wood
 
Personal website design
Personal website designPersonal website design
Personal website designJingguo Jiang
 

Similar a Designing Page Comps for a Website (20)

Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A Website
 
Unify Design & Deliverables
Unify Design & DeliverablesUnify Design & Deliverables
Unify Design & Deliverables
 
Unit 5 Page Design
Unit 5 Page DesignUnit 5 Page Design
Unit 5 Page Design
 
Design for the Web
Design for the WebDesign for the Web
Design for the Web
 
Web designing
Web designingWeb designing
Web designing
 
Drupalcamp Atlanta 2010 Design-to-Theme
Drupalcamp Atlanta 2010 Design-to-ThemeDrupalcamp Atlanta 2010 Design-to-Theme
Drupalcamp Atlanta 2010 Design-to-Theme
 
Professional ui for a website design
Professional ui for a website designProfessional ui for a website design
Professional ui for a website design
 
Web Design Phase
Web Design PhaseWeb Design Phase
Web Design Phase
 
Optimizing Sites for Mobile Devices
Optimizing Sites for Mobile DevicesOptimizing Sites for Mobile Devices
Optimizing Sites for Mobile Devices
 
Creative Design Process and Best Practices
Creative Design Process and Best PracticesCreative Design Process and Best Practices
Creative Design Process and Best Practices
 
Website design
Website designWebsite design
Website design
 
Web designing & web development! BATRA COMPUTER CENTRE
Web designing & web development! BATRA COMPUTER CENTREWeb designing & web development! BATRA COMPUTER CENTRE
Web designing & web development! BATRA COMPUTER CENTRE
 
Creating Webpage: An Intro to the Basics of HTML and Graphic Design
Creating Webpage: An Intro to the Basics of HTML and Graphic DesignCreating Webpage: An Intro to the Basics of HTML and Graphic Design
Creating Webpage: An Intro to the Basics of HTML and Graphic Design
 
Creating a Website Sitemap
Creating a Website SitemapCreating a Website Sitemap
Creating a Website Sitemap
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design Principles
 
Lesson 8 Computer Creating your Website.pdf
Lesson 8 Computer Creating your Website.pdfLesson 8 Computer Creating your Website.pdf
Lesson 8 Computer Creating your Website.pdf
 
Macromedia Dreamweaver 8
Macromedia Dreamweaver 8Macromedia Dreamweaver 8
Macromedia Dreamweaver 8
 
Macromedia Dreamweaver 8 2
Macromedia Dreamweaver 8 2Macromedia Dreamweaver 8 2
Macromedia Dreamweaver 8 2
 
Personal website design
Personal website designPersonal website design
Personal website design
 
Adobe 30iun2011
Adobe 30iun2011Adobe 30iun2011
Adobe 30iun2011
 

Más de Gilbert Guerrero

ARTDM 171, Week 17: Usability Testing and QA
ARTDM 171, Week 17: Usability Testing and QAARTDM 171, Week 17: Usability Testing and QA
ARTDM 171, Week 17: Usability Testing and QAGilbert Guerrero
 
Artdm 170 week15 publishing
Artdm 170 week15 publishingArtdm 170 week15 publishing
Artdm 170 week15 publishingGilbert Guerrero
 
ARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + ArraysARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + ArraysGilbert Guerrero
 
ARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to ProcessingARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to ProcessingGilbert Guerrero
 
ARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation SchemesARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation SchemesGilbert Guerrero
 
Artdm170 week12 user_interaction
Artdm170 week12 user_interactionArtdm170 week12 user_interaction
Artdm170 week12 user_interactionGilbert Guerrero
 
ARTDM 170, Week 10: Encapsulation + Paper Prototypes
ARTDM 170, Week 10: Encapsulation + Paper PrototypesARTDM 170, Week 10: Encapsulation + Paper Prototypes
ARTDM 170, Week 10: Encapsulation + Paper PrototypesGilbert Guerrero
 
ARTDM 171, Week 9: User Experience
ARTDM 171, Week 9: User ExperienceARTDM 171, Week 9: User Experience
ARTDM 171, Week 9: User ExperienceGilbert Guerrero
 
ARTDM 171, Week 7: Remapping Cyberspace
ARTDM 171, Week 7: Remapping CyberspaceARTDM 171, Week 7: Remapping Cyberspace
ARTDM 171, Week 7: Remapping CyberspaceGilbert Guerrero
 
ARTDM 170, Week 7: Scripting Interactivity
ARTDM 170, Week 7: Scripting InteractivityARTDM 170, Week 7: Scripting Interactivity
ARTDM 170, Week 7: Scripting InteractivityGilbert Guerrero
 
Artdm170 week6 scripting_motion
Artdm170 week6 scripting_motionArtdm170 week6 scripting_motion
Artdm170 week6 scripting_motionGilbert Guerrero
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionGilbert Guerrero
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionGilbert Guerrero
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionGilbert Guerrero
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionGilbert Guerrero
 

Más de Gilbert Guerrero (20)

ARTDM 171, Week 17: Usability Testing and QA
ARTDM 171, Week 17: Usability Testing and QAARTDM 171, Week 17: Usability Testing and QA
ARTDM 171, Week 17: Usability Testing and QA
 
Artdm 171 week15 seo
Artdm 171 week15 seoArtdm 171 week15 seo
Artdm 171 week15 seo
 
Artdm 170 week15 publishing
Artdm 170 week15 publishingArtdm 170 week15 publishing
Artdm 170 week15 publishing
 
ARTDM 171, Week 14: Forms
ARTDM 171, Week 14: FormsARTDM 171, Week 14: Forms
ARTDM 171, Week 14: Forms
 
ARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + ArraysARTDM 170, Week 13: Text Elements + Arrays
ARTDM 170, Week 13: Text Elements + Arrays
 
ARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to ProcessingARTDM 170, Week 14: Introduction to Processing
ARTDM 170, Week 14: Introduction to Processing
 
ARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation SchemesARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation Schemes
 
Artdm170 week12 user_interaction
Artdm170 week12 user_interactionArtdm170 week12 user_interaction
Artdm170 week12 user_interaction
 
ARTDM 170, Week 10: Encapsulation + Paper Prototypes
ARTDM 170, Week 10: Encapsulation + Paper PrototypesARTDM 170, Week 10: Encapsulation + Paper Prototypes
ARTDM 170, Week 10: Encapsulation + Paper Prototypes
 
ARTDM 171, Week 9: User Experience
ARTDM 171, Week 9: User ExperienceARTDM 171, Week 9: User Experience
ARTDM 171, Week 9: User Experience
 
ARTDM 171, Week 7: Remapping Cyberspace
ARTDM 171, Week 7: Remapping CyberspaceARTDM 171, Week 7: Remapping Cyberspace
ARTDM 171, Week 7: Remapping Cyberspace
 
ARTDM 170, Week 7: Scripting Interactivity
ARTDM 170, Week 7: Scripting InteractivityARTDM 170, Week 7: Scripting Interactivity
ARTDM 170, Week 7: Scripting Interactivity
 
Artdm170 week6 scripting_motion
Artdm170 week6 scripting_motionArtdm170 week6 scripting_motion
Artdm170 week6 scripting_motion
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting Motion
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting Motion
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting Motion
 
Artdm171 Week6 Images
Artdm171 Week6 ImagesArtdm171 Week6 Images
Artdm171 Week6 Images
 
Artdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting MotionArtdm170 Week6 Scripting Motion
Artdm170 Week6 Scripting Motion
 
Artdm171 Week5 Css
Artdm171 Week5 CssArtdm171 Week5 Css
Artdm171 Week5 Css
 
Artdm171 Week4 Tags
Artdm171 Week4 TagsArtdm171 Week4 Tags
Artdm171 Week4 Tags
 

Último

Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...RKavithamani
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxRoyAbrique
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 

Último (20)

Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 

Designing Page Comps for a Website

  • 1.
  • 2.
  • 3.
  • 4.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18. Design Your Web Page in Photoshop
  • 19.
  • 20.
  • 21.
  • 22. Timeline December 1 8 15 24 17 10 3 27 20 13 6 29 November October Last day of class Present revisions Present final projects (two days) Page production (add content and images) Site development (html coding) Design Strategy Usability Testing
  • 23.
  • 24.
  • 25.

Notas del editor

  1. Examples: MTV.com, CNN.com