Design Icon


In addition to the content of your ePortfolio, you must also consider the visual representation of your work, which can provide additional meaning and communicate your theme or message. Design elements in your ePortfolio include color, font, space, and layout. You will also want to include non-text elements such as boxes, icons, buttons, and images.

The Design Principles handout introduces a few design principles — contrast, repetition, alignment, and proximity — to apply to your ePortfolio. Although it is important to be aware of these design principles, keep in mind that the three platforms supported by our office provide a variety of customizable templates.

For more information about the principles listed above, check out The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice from the Auburn University Libraries.

Smashing Magazine has a step-by-step guide to picking a color palette for a website. This guide is written for beginners and uses browser-based tools to help you pick colors to use in your ePortfolio.

After you pick your colors, check your color palette with WebAIM’s color contrast checker to make sure your colors are visible to everyone, including those with color blindness. Visit the ethical literacy page to learn more about how to make your ePortfolio accessible to users with disabilities.

This example ePortfolio, created by Xi Lin, effectively incorporates design principles and design elements.