Lesson 5 | Web Aesthetics

In lesson 5 I learned more about the responsibilities and roles of a web designer. Not only does your responsibility change depending on what your role is, but it also changes depending on if you’re a freelance web designer versus working with a company. You’ll have way more responsibilities as a free lancer than you would working for a company.

screen-shot-2016-11-11-at-1-27-55-pm

Something that was immediately pointed out that no matter what your responsibility is, whether you strictly focus on the design aspect of the webpages, or you work on coding, you will need to know how to code. If you focus on the design part you will need to design with code in mind. This means that you will need to know HTML, CSS, JavaScript and maybe even some PHP.

When designing a webpage, you need to do a research so that you understand the who and what the website is being designed for. In the image below you will see some examples of things to know before going into the designing process.

screen-shot-2016-11-11-at-1-32-43-pm

After identifying the client and its target audience to give you ideas when designing the webpage, you now need to compose the pages using a grid system like the 960 grid system.

screen-shot-2016-11-10-at-3-28-30-pm

Another way is to use the Responsive Grid System found here. This site uses its own grid system and provides plenty of examples of ways to compose your own space.

While knowing all of these is important, you also need to know how to communicate the webpage to the target audience. Viewers tend to skim through a website quickly and knowing where their eyes are roaming is helpful to know how to design and layout your website.

Screen Shot 2016-11-11 at 2.00.37 PM.png

You can see from the image above, that most viewers’ eyes travel in an F-shape so most of the important things in your layout should probably follow this zone. Readers will not read text thoroughly so the first two paragraphs need to include the important info. All sections should be labeled clearly with headers, subheads, paragraphs and bulleted lists. And images should be used to draw attention to important areas.