The Science of Color
- 1901 AD–2000 AD, Adding Your Color Theme, Adobe Certifications, Exams of Adobe, The Science of Color
Working with Your Team and Your Client in Design to Create a Mock-Up Sketch and Mood Board and Keep the Theme – Preparation for Creating a Logo and Infographics-2
Just to clarify on these design terms •\ Mock-Up Sketch or Wireframe: In this example is what you would draw, usually with a pen or pencil on paper, for the client as you listen to what their concerns and ideas are about the graphic. However, you may want to use your digital tablet or stylus as well, and this could be an easier and faster way to get your design digitized so that you are ready to start designing without the extra step of scanning. However, if you are more comfortable with paper and pencil, then in Chapter 3, I will present how to scan your mock-up using Photoshop and…
- Adobe Certifications, Color Harmony Definitions, Design Considerations, Exams of Adobe, The Science of Color
Working with Your Team and Your Client in Design to Create a Mock-Up Sketch and Mood Board and Keep the Theme – Preparation for Creating a Logo and Infographics-1
As a designer, you certainly want to keep your designs as original as possible and not copy others’ work or at the very least reference them. Nevertheless, it is a good idea to review what others have done on similar topics so that you know how and where you can improve your own artwork. In your case, you want to make sure that you or your team can come up with a successful infographic. One member of the team may have done the research and you may be the designer, you would then need to consult with your client to ensure that you understand the process they want you to…
- Adding Your Color Theme, Adobe Certifications, Ancient History–Pre-1600 AD, Design Considerations, The Science of Color
Additional Tips on Color and Fonts – Preparation for Creating a Logo and Infographics
Here are some additional things you should keep in mind about fonts before working with a client. Make sure to keep the text letter characters legible. A font should not be too small so you can read it or too large so that it overwhelms the infographic or logo. Also, the more styles, a font comes in the better, but you should at least have access to the main four: regular, bold, italic, and bold italic. However, keep in mind that handwritten script fonts or special fonts may have readability issues on the screen or in print. Refer to Figure 2-64. Figure 2-64. Graphics of different font families with styles…
- 1901 AD–2000 AD, Adding Your Color Theme, Adobe Certifications, Color Harmony Definitions, The Science of Color
Accessibility Tools for Contrast and Color Blindness When Dealing with Text and Graphics – Preparation for Creating a Logo and Infographics-2
The Import Colors button allows you to upload an image to check the color contrast between text and background colors and then import the colors. Refer to Figure 2-51. Figure 2-51. Adobe Color contrast checker allows you to import color or a file so that you can check the contrast in it You can then adjust the colors in the #HEX color or RGB color mode with the sliders to adjust the contrast ratio. You can then reverse the colors using the two-way arrows and continue to adjust the brightness/contrast setting slider, which will then show a pass or fail, and this can be applied to basic graphic components as…
-
Accessibility Tools for Contrast and Color Blindness When Dealing with Text and Graphics – Preparation for Creating a Logo and Infographics-1
One final thing to keep in mind when working with the color wheel is contrast. Are you using colors that have enough contrast? Are the colors distinct enough that they don’t blend into one another and disappear? You will know the difference because high contrast colors give a good range, while low contrast colors start to become difficult to tell the difference between. Here I am using six different colors in this fish, but if all the colors become too dark, each color becomes difficult to see. Refer to Figure 2-47. Figure 2-47. Fish images with high and low contrast swatches A good range of high contrast text is more…
- Adobe Certifications, Color Harmony Definitions, Design Considerations, Exams of Adobe, The Science of Color
Color Science 2D and 3D visualization – Preparation for Creating a Logo and Infographics-1
From what you have seen so far about the color wheel, it may seem like color is pretty two dimensional, but this is not so. Just like in nature which has three dimensions, so is the range of color. Some colors, while we can see them in the visual world, just can’t be reproduced on the screen or in print. They go out of gamut or out of range. To imagine three-dimensional color, we need to know what the three dimensions are. Earlier in the chapter, we looked briefly at a compression chart CIE chromaticity diagram for comparison. Refer back to Figure 2-6. This figure showed a spread-out color wheel…
- 1901 AD–2000 AD, Adding Your Color Theme, Adobe Certifications, Exams of Adobe, The Science of Color
Color Modes RGB, HSB, and LAB, HEX Color Codes, and What About CMYK? – Preparation for Creating a Logo and Infographics
Below the five swatches in the bar are the lower sliders which also react to changes in the wheel and base color section. Refer to Figure 2-36. Figure 2-36. Adobe Color swatches and sliders currently in HEX number and RGB color mode for base swatch Each of the five colors is set with a color mode menu on the upper left; in this example, we can see first the web HEX color which is very useful for working on websites. Then we can see the color mode that is currently RGB (red, green, and blue) (0–255) or additive color, and the lower sunlight slider is controlling the lightness and darkness…
-
Color Harmony Definitions – Preparation for Creating a Logo and Infographics-2
•\ Split Complementary: To deal with this intenseness, you can create a split complementary that uses three hues, where one hue in the original complement is split to hues over to the left or the right, and these arm swatches can be moved closer or farther from the base color inward or outward. Refer to Figure 2-25.\ Figure 2-25. Adobe Color Split Complementary options on the wheel and resulting swatches based on base color selection You can then choose to use only the hues on the left or the right or on both sides of the complement. One thing to remember, when dealing with complementary, is you need a good…
- 1901 AD–2000 AD, Adding Your Color Theme, Adobe Certifications, Exams of Adobe, The Science of Color
Working with the Adobe Color App – Preparation for Creating a Logo and Infographics
To locate this application, you need to use your Creative Cloud Desktop console. Choose the Apps tab. Refer to Figure 2-10. Figure 2-10. Creative Cloud Desktop with All Apps tab selected Then on the left, select All Apps, and from the middle section, choose the Web icon tab. Refer to Figure 2-11. Figure 2-11. Creative Cloud Desktop with All Apps tab selected and Web icon tab selected Scroll down the list of applications and locate Adobe Color and click the Launch button. Refer to Figure 2-12. Figure 2-12. Link to Adobe Color online app This will bring up the Adobe Color Application in your browser and you can begin to…
- Adobe Certifications, Color Harmony Definitions, Design Considerations, Exams of Adobe, The Science of Color
The Science of Color – Preparation for Creating a Logo and Infographics-2
In the case of the computer screen, the light primary colors are red, green, and blue, and a full combination of all three when added together produces white light. In combinations of two, we get secondary colors, such as combining red and blue, we get magenta; or blue and green, we get cyan; and red and green surprisingly, we get yellow. Depending on the technology used, LED, LCD, or plasma pixel lights, in their respective wavelengths on the screen, are so small that our mind is fooled into believing that we are seeing only one solid color, but we are not. RGB color mode is one of the most common…