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

Popular posts from this blog

Professional UX Design Approaches for Building The Best Website

Building a website through UX design approaches is very much like painting or sculptural art, they all take patience, foresight, aesthetics ability, creativity and perception of details. Generally, the website you design represents your company, it needs to be stunning and breathtaking. If you look deeper into the aspects of website building, you can find some core UX features that outstanding websites share. By analyzing the top design trends, we may accurately trace out four major professional UX design methods for website building. 1. Streamlined Navigation By saying “Streamlined Navigation”, I do not only refer to the navigation bar but all others navigations on a larger scale. Not to mention the great ones, a standard website also needs to be of high usability. Besides that, the speed and accuracy of loading are of decisive significance as well. In professional UX principles, the typography should be carefully organized to ensure the best user experience. Links should be highly …

What? You Are Still Doing High-Fidelity Prototype Slowly?

Have you ever spent half a month designing a high-fidelity prototype, but it was denied within a few minutes? So much time and energy have been spent but in vain. I have met similar things so many times. However, such tragedy can be totally averted: the rapid low-fidelity prototype is a wise choice in prototype design.
1. What is a high-fidelity prototype and a low-fidelity prototype? Low-fidelity prototype: it only focuses on functions, structures and processes; it only provides the most simple frameworks and elements; it generally does not provide color, butexpresses itself in grayscale.

High-fidelity prototype: it provides more visual details; it is almost equivalent to a UI effect picture, and only needs to replace the actual data and materials in the development process.

2. Why make a low-fidelity prototype?
In product development, the goal of a prototype is to express its ideas, functions and content, in order to get feedback and improve the product. The most important challeng…

The Best Mockup & Wireframing Design Tools & Apps for UI/UX Designers in 2017

Prototyping/wireframing tools are the best communication method between interaction designers, project manager, and website developers. It’s a key step of web or mobile app development process. While in principle, the design of prototypes must be a product of interaction designers, and the user-centered concept shall run through the whole product design progress. The professional perspective and rich user experience of interaction designer will directly influence the usability of the product.
Desktop-based Prototyping Tools


1. Axure RP (Mac & Win) | ($495/user) Axure RP is a desktop application that allows designers to create, test, and share interactive prototypes. Been called as the most comprehensive (in terms of functionality) prototyping tools, it’s an ideal desktop software for both static, low-fidelity prototypes and more sophisticated, interactive prototypes. As an extremely professional UX tool, Axure requires a steep learning curve.
2. Mockplus (Mac & Win) | ($129/ye…