Lesson: Articles on Visual Design - 2 views
-
t's about how much visual weight different parts of your design have.
-
Kristina Dvorak on 06 Jun 18Have variety without overdoing it. The Yahoo example in the lesson was a great example of too much information that confuses the viewer.
-
-
Position — Where something is on a page clearly influences in what order the user sees it. Color — Using bold and subtle colors is a simple way to tell your user where to look. Contrast — Being different makes things stand out, while being the same makes them secondary. Size — Big takes precedence over little (unless everything is big, in which case little might stand out thanks to Contrast) Design Elements — if there is a gigantic arrow pointing at something, guess where the user will look?
-
I would suggest looking at websites that you like, ones that feel easy to navigate. Look at what they do and use it as a guide when starting out.
-
I think this is a smart idea. Our district is currently doing a redesign and started to discuss what the other UEN districts websites strengths and challenges. -
I would echo mirroring a site that you like. It's a perfect way to get ideas and then tweak as needed.
-
-
Web site is being unable to figure out where to go or where you are.
-
Three click rule: If a user has to click on more than three links then they are most likely going to be frustrated and leave the site. Keep navigation simple!
-
- ...13 more annotations...
-
So if there was a download button, for example, I would make a little download image. In the last year or so, I've switched to using CSS to make my buttons and have never looked back.
-
This a good tip that I would like to try. I have always created buttons versus using CSS.
-
-
Consistency means making everything match. Heading sizes, font choices, coloring, button styles, spacing, design elements, illustration styles, photo choices, etc. Everything should be themed to make your design coherent between pages and on the same page.
-
The best advice yet! It makes sites easier to navigate, especially for novice users.
-
-
Exercise.
-
This visual is very helpful. It also shows the power of an infographic to help a viewer understand the written content.
-
-
-
This layout helps visualize all of the definitions that were listed above.
-
-
But as a general rule, putting space between text and the rest of the world makes it infinitely more readable and pleasant. White Space
-
This makes sense so as not overwhelm the reader. It's about looking at other's use of white space and figuring out why it appeals to you.
-
Too much run on makes it very confusing for the student - white space is essential!
-
-
Visual Hierarchy
-
-
Users don’t read, they scan.
-
With this in mind, how can we teach students to decide when scanning vs reading makes sense?
-
-
fter you’ve worked on a site for few weeks, you can’t observe it from a fresh perspective anymore.
-
-
Example of Pulling it all together
-
-
Design is marketing. Design is your product and how it works.
-
This is so important! Design is more than colors and fonts - this is your baby! Think about the user experience because design can truly make that experience negative.
-
-
Font Choices — Different types of fonts say different things about a design. Some look modern, some look retro. Make sure you are using the right tool for the job.
-
Is any one else a font nerd like I am? The fact Google gives me unlimited choices in fonts is dangerous!
-
-
With so much information and interaction to be effected on a Web site, it's important that you, the designer, provide for it all. That means making your Web site design usable.
-
Usability is crucial. So many educators and agencies have been under the microscope because we have continued to create things that are not ADA compliant and thus not usable to all end users.
-
-
Keeping your design crisp and sharp is super important in Web design. And when it comes to clarity, it's all about the pixels.
-
YES! I will stop looking at a presentation or site if images are not crisp.
-