When citing sources in HTML use cite as an attribute within the HTML tag. See example below…

<img src="../attrib/app_id.png" width="110" height="110" alt="" cite="www.angelaterrydesign.com"/>

Text editor is an application like Notepad, TextEdit, or Dreamweaver, for writing HMTL and CSS code. The list below is of alternative text editors that vary in price and in Mac or PC compatibility.

• Sublime Text

• Links to an external site.

• Visual Studio Code
• Links to an external site.

• ICEcoder
• Links to an external site.

• BBEdit
• Links to an external site.

• Webuilders
• Links to an external site.

• Nova

For a full list of text editors from the blog CreativeBLOQ

CSS Tools: Reset CSS Article

pdf document of reset

Figma wireframes.

Web Graphics Cheat Sheets

Pentagram

• HarvardxDesign

• Links to an external site.

• Poetry Foundation

• Links to an external site.

• Links to an external site.

Angela Terry

• Galentine Poster

ID_ColorTheorySite

Watch Color Theory Basics:
https://youtu.be/YeI6Wqn4I78?si=MxVJsFit7hfyK8_M

Review "A Guide to Color Meaning" from Adobe. Note that this interpretation of color meaning is relevant to western societies such as the United States and Europe but is not universal:

https://www.adobe.com/creativecloud/design/discover/color-meaning.html

Links to an external site.

And Forbes "The Psychology Of Color: 5 Ways You Can Use Color To Build Brand Identity."

https://www.forbes.com/councils/forbestechcouncil/2023/08/03/the-psychology-of-color-5-ways-you-can-use-color-to-build-brand-identity/

Explore Adobe color: https://color.adobe.com/

Posters

Review this summary of The Illusion of Life: https://youtu.be/yiGY0qiy8fY?si=NoWyVVQfXDN73wD3

AE Fundamentals

User Flow

Links to an external site.

Choose 2 tasks that a user may need to complete such as creating a login or creating and completing a "to-do".  Create a user flow for each of those tasks.

Submit a link to your Figjam user flow.

Ensure the "Who has access" setting is set to "everyone".
Refer to Figma's documentation for assistance: https://help.figma.com/hc/en-us/articles/360040531773-Share-files-and-prototypes

Each student will select an artist, designer, or photographer to research.

The student must select one designer to write a 500-word report summarizing:

• The life;
• Career accomplishments; and
• The student’s reaction to the designer’s work.

Please use the Artist, Designer, or Photographer Sign-Up page to indicate the person you have selected to research so that there are no repeats.

The paper must be submitted via Canvas through the assignment link.

Submit the text through the Text Submission button and not the Comment field to receive credit.

The paper must include citations of all references, including websites in the bibliography

NO COLOR IN WIREFRAMING

1. Don’t hold back when sketching. Sketch lots of ideas instead of
settling on your first idea.
2. NO COLOR! No aesthetic detail. You are blocking material and
establishing hierarchy.
3. Focusing on placing:
Navigation (menus, tabs, breadcrumbs)
Content areas (text blocks, images, videos)
Buttons and CTAs (Calls to Action)
Input fields (forms, search bars)
Feedback indicators (alerts, modals, status messages)

UserFlows

Each student will select an artist, designer, or photographer to research.

The student must select one designer to write a 500-word report summarizing:

• The life;
• Career accomplishments; and
• The student’s reaction to the designer’s work.

Please use the Artist, Designer, or Photographer Sign-Up page to indicate the person you have selected to research so that there are no repeats.

The paper must be submitted via Canvas through the assignment link.

Submit the text through the Text Submission button and not the Comment field to receive credit.

The paper must include citations of all references, including websites in the bibliography.

————————————————————

Wireframing