Adobe Education
Educators and Professional Development Specialists

Design comps

Lesson Plan Published 11/11/13 Last updated on 5/16/18
A design comp is an electronic drawing that shows a detailed design of project, like a web page. In this activity students will learn how design comps are used in the design and development process, especially when working with clients, and how to create them so they can present multiple design ideas.
Age Levels
1-2 Hours
Custom Standards
ACA Dreamweaver 1.6; ACA Photoshop 1.3, 3.2; ACA Flash Professional 1.5; ACA Illustrator 1.3; ACA InDesign 1.3
Creativity and Innovation, Technology Operations and Concepts
CC License
Attribution Non-Commercial Share Alike
5 / 5 • 6 Ratings

Materials (4)

or Join for free to access materials

Comments (2)

Write a reply...
or Join for free to view all comments and participate in the discussion.

Aziz Soubai

Posted on 6/20/18 10:52:55 PM Permalink

​Thanks for sharing these great resources

Rick Henderson

Posted on 8/3/17 1:12:48 PM Permalink

​I am just looking over the lesson plan now and it references Adobe Kuler which was renamed a while ago (which I still love) so it could be updated a bit.

Also wondering what the current thoughts of Adobe design professionals are regarding Web Safe colours. When I teach HTML I explain the basics of Hexadecimal colour and web safe colours, but I don't recommend using them anymore because the old "reasons" for only using web safe colours (ie. colour consistency across web platforms) seem like they don't matter much any more.

At least for web design, will colours look different on a modern Mac vs a PC?