Skip to main content

Beginner’s Guide: How to Learn Web Designing at Home

Web design is quite complex and daunting, but with the development of Internet and technology, web design overflow than ever before nowadays. Hence, becoming a web designer has become the main trend among young designers. Today, I will guide you about how to learn web design at home briefly.

1. First, you should know about what is web design?

Visual+interaction=web design core
Many young designers often misunderstand the concept of web design, web design is about design, not about coding and front-end development. Of course, it would be great if you know some coding language (HTML, CSS, Java), but you can't get yourself deep into front-end development, that's not the core of web design. Web design is to solve the communication problems between users and web page information.

2. 9 web design skills young designer should master

Master the basic rules of visual design

To learn the layout design



Have to master the PS and other web UI mockup tool

Understand the basic coding language(HTML, CSS)

Familiar with the company product and the user group

At least, master one of the front-end coding edit software, I would like to recommend the Dreamweaver

Know about the SEO

3. Five elements of web design

Layout, color, graphics, font, content

4. How to learn web design at home

One post can't include all the information, so here I'm going to introduce some learning website to guide you step and step.

Web design learning books：

1. HTML and CSS: Design and Build Websites

2. Learning Web Design: A Beginner's Guide

3. Don't Make Me Think: A Common Sense Approach to Web Usability

4. Learning How to Make Web Pages Functional

5. Designing with Web Standards

web design books

Web design online learning courses：

Treehouse
Lynda
Udemy

Web design blogs：

1. Smashing Magazine


3. Webdesigner Depot

4. Webdesignledger

5. WEB DESIGN LIBRARY

6. Hacking UI

7. 1stwebdesigner

8. WEBAPPERS

Coding：

1. W3Schools
To learn the basic coding language, it includes：HTML and CSS with simple language to teach you.

2. Google Code University
Another coding learning website which is created by Google developer.

3.Code Avengers
I like this learning website, because of it's just like big adventure that allow you to participate in their coding challenge programme and bug hunting.

HTML and CSS：

30 Days to Learn HTML and CSS

A Beginner's Guide to HTML & CSS

Don't Fear the Internet

Beginner web design html and css

Conclusion:

No matter what position you are in, learning is the only way to achieve your goal. If you want to know about how to learn the web design at home, above is all you have to know. Stop wasting your time on Facebook or Twitter to look for answers. You can build your design circle in there, but you can't be a web designer by tooling around. Wish you good luck.

Comments

Post a Comment

Popular posts from this blog

What are & How to Create Personas: Step-by-Step Guidelines of Everything

Before starting a product design, it is very important to know clearly the demands of users. Taking into account the needs of users can help determine how the product will fit the conventional requirements of users of different fields and ages and with unequal contexts, meanwhile to help the function design. Creating Personas is a good way to achieve this goal. Software development pioneer Alan Cooper had created the first Persona with his colleagues in the 80's. In this article, we'll talk about how to create Personas through 7 sections. 1. What is a Persona? The Persona definition is that one or several fictional characters that can represent the majority of the potential users of product with conventional user demands and they are created through a great amount of quantitative and qualitative research. Persona answers the question "Who do we design for?" It is a powerful tool based on research findings in helping product function creation by optimizing the U...
Post a Comment
Read more

For UI/UX Designers - What Does UX Mean in Web Design?

What does UX mean in  web design ? It means that website is designed to make the interaction between user and product as easy and comfortable as possible. Therefore,  UX  serves not only for itself. Properly applied UX can attract visitors to your site, increase their retention time, and thus improve the conversion rate. The meaning of UX in web design is obvious, and knowing what’s meaning of UX in website design matters a lot. Here are 5 reasons explaining “ what does UX mean in web design ”: 1.) It helps users achieve their goals Although many companies don’t want to admit it - users don’t read every word on a website carefully and attentively. Instead, users come to the page with a specific purpose, such as: ● Look for needed information. ● Inquiry and buy a product. ● Make a booking like flight. ● Watch a specific video The simpler you make the visitor achieve his or her goal, the more leads you will generate from customers. Now...
Post a Comment
Read more

What Kind of Interaction Design Portfolios Do Interviewers Want to See

Recently, I have experienced lots of interactive design interviews. It made me profoundly realize that the company's requirements for  interaction designer  vary depending on the scale of companies. And each company pays different attention to the interaction design portfolio. So I’ve been keeping thinking after my interviews. What kind of interactive design portfolio does an interviewer want to see? And in which way portfolios should be displayed? Here I'd like to introduce 5 elements of portfolios and how to well prepare it from my own interview experience. Five elements of portfolios 1. Actual project capabilities. The companies lay more emphasis on your actual project capabilities. Although I prepared a dozen of interaction design portfolios for my interviews. To my surprise, some companies would rather let me give a detailed introduction of a project that I have participated in than see my portfolios. The interviewer didn't even see any other of my project...
Post a Comment
Read more