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.
- ...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.
-
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.
-
Exercise.
-
-
But as a general rule, putting space between text and the rest of the world makes it infinitely more readable and pleasant. White Space
-
Visual Hierarchy
-
Users don’t read, they scan.
-
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.
-
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.
-
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.
-
Keeping your design crisp and sharp is super important in Web design. And when it comes to clarity, it's all about the pixels.