Learn In-Demand Skills in Our Visual Design Courses and Bootcamps in San Francisco
Color theory encompasses the explanations of how colors mix, complement, and contrast with each other — along with the effect these combinations have on human psychology. Different colors evoke different feelings among your target audience, acting as subconscious, communicative cues.
Shawn Sprockett, a Visual Design instructor at General Assembly San Francisco, says, “Composition is how we see information. It influences the relationships we see between objects, perceptions of complexity, and affects our desire to engage with content. Learning composition as a visual designer will allow you to make information appear in ways that convey different meanings, or leave different impressions, like sophistication, affluence, cleverness, or strangeness. Combined with typography and color theory, a mastery of compositions can help a visual designer compete in a range of design job markets from editorial layouts to app design.
“At General Assembly, we teach composition primarily in our part-time Visual Design course. However, some of its concepts overlap with our user experience design courses, since composition can also implicate how something works to a user. Students can expect to learn by doing at GA: They’ll analyze their favorite web pages and apps to detect how subtle choices in composition influence their understanding of functionality and impact an interface’s feeling.”
Read Shawn’s “Beginner’s Guide to Composition in Visual Design” here.
A methodology for gaining insight into user behaviors and needs, design research helps shape the aesthetics and functionality of products, services, and experiences. Tactics — which can be qualitative or quantitative — include user interviews, data mining, surveys, behavioral studies, and more.
Providing a framework for visual design, grids are the foundation for building an organized, well-conceived layout. By establishing hierarchy, rhythm, and balance among a visual components, they guide a user’s eye throughout a design. As a web designer, you can own grids or choose from prebuilt frameworks such as Simple Grid or Skeleton.
A mood board is a collage of materials that conveys a specific style, concept, or emotion. Visual designers create mood boards to help them brainstorm ideas, pitch to project stakeholders, and collaborate effectively.
Adobe’s pixel-based photo editor and image creator Photoshop is a versatile tool that’s become a industry design standard. In addition to photo editing, users can leverage this software to design websites, user interfaces, video graphics, print brochures, and more.
An essential consideration in a mobile-powered world, responsive design ensures that the layout and dimensions of websites and applications adjust to the screen size on which they’re viewed — desktop, smartphone, tablet, or otherwise.
User Experience Fundamentals
User experience fundamentals are the core principles of a user-first design practice that drives enjoyable, intuitive interactions with products and services. Companies of all kinds rely on user experience (UX) designers to help build customer loyalty through user research, empathy mapping, prototyping, and more.
User interfaces encompass the digital and/or physical touchpoints by which a user interacts with a piece of technology. User interface (UI) designers are responsible for the look and feel of these components (drop-down menus, search bars, etc.), as well as how they interact with each other to promote usability.
Similar to the concept of composition, which applies to design across all media, web layout refers specifically to the arrangement of visual components on a web page. These elements include images, text, navigation tools, and more.
Typefaces, Fonts, & Web Typography
Although we often use them interchangeably, these three terms refer to different aspects of the world of type. A typeface is a group of letters, numbers, and punctuation marks that share the same design characteristics. A font denotes a specific typeface, size, and style (e.g., Times New Roman, 12 point, bold). Web typography refers the typefaces and fonts used on the World Wide Web. Visual designers use all of these typographic elements to create work that’s both stylish and readable, making choices that reflect the tone of their message (think The New York Times versus Buzzfeed).