Web Design vs. Graphic Design, What’s the Difference?

Before I get into the design industry, I have misread the concept of designers. They are fashion with good look and distinctive personality. Most important, they get a high salary and working in a free atmosphere and creative environment. Flexible hours and well paid. That’s the dreaming working state. Till now, after learning the concepts of design, I finally understand the differences among the terms, such web design vs. graphic design, and UX vs UI vs IA vs IxD, as well as Flat Design vs. Material Design. Each term has its own definition, but from the perspective of design, they have the cross-section.
Image for post

Web design VS. Graphic design, the two terms look like an irrelevant group, indeed the confusion often occurs between them. Generally, the layman always calls web designers and graphic designers as “art designer”. Because all their work are misunderstood by the involvement of art skill and creative ability. Besides, they must be familiar with some essential design tools, and they can do the jobs related to web design or graphic design. This actually is based on a confusion about the design industry.
What is Web Design?

Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardized code and proprietary software; user experience design; and search engine optimization. Often many individuals will work in teams covering different aspects of the design process, although some designers will cover them all.
What is the concept of Graphic Design?
Graphic design is the process of visual communication and problem-solving using one or more of typography, photography, and illustration. The field is considered a subset of visual communication and communication design, but sometimes the term “graphic design” is used synonymously.

Graphic designers create and combine symbols, images, and text to form visual representations of ideas and messages. They use typography, visual arts and page layout techniques to create visual compositions.
Image for post

What’s the role difference between web designer vs. graphic designer?
Web designer:
1. See the art as a way to leverage technology
2. Have a mutual interaction with their audience
3. More technical (i.e., coding and programming)
4. Employ an engineering approach to their designs
5. Must predict how a design will make its audience feel and react
6. Need to know how to design for versatile mediums (i.e, laptop, tablet, smartphone)
7. Can develop and enhance their work over time
8. Can catch the web design trend predictions

In a sentence, web designers are the person who can design and produce websites, they are both professional designers, but also the development engineers of the static site. Their work covers the introduction of web content, the placement of buttons, the combination of words, the application of color, the use of guidance and so on.
Required skills: JavaScript, Jquery, PHP, web application development, UI design
Web Design Tool: Mockplus — website prototyping tool, Adobe Dreamweaver — website editing tool

Graphic designer:
1. Put the art first
2. Have a one-way relationship with their audience
3. More artistic (i.e., sketch with a pen and paper)
4. Emphasize visual theory in their designs
5. Must focus on how a design communicates a message to its audience
6. Need to know how each element of a design translates to print
7. Have one shot to get a design right once it’s printed
What the graphic designers are more focused on the use of font layout, visual art, page (page layout) and other aspects of professional skills to achieve the purpose of creative planning.
Required Skills: Adobe Creative Suite, typesetting, concept development, marketing material
Graphic Design Tool: Adobe Photoshop, Adobe Illustrator, CorelDRAW
Web design vs. graphic design, which career is right for you?
An education break-down survey shows that the bachelor’s degree of the web designer is 75%, and the graphic designer is 70%. From the payroll point of view, the page designer’s annual salary of up to $ 75,660, while the graphic designer’s annual salary is $ 43,500.
Anyhow, the career choose of web design vs. graphic design, you can confidently determine the field in which you’ll excel according to the introduction above.
also read:

UX Is Not UI: What Is the Difference between UX and UI Design?
UX has been a buzzword that bounces around the design world, endorsed and adopted by designers and developers. In many cases, highly respected developers who claim to be talking about ”UX” in a product demonstration are in fact showing a large number of UI features.
I doubt much that the vague definition may account for this kind of misunderstanding. We’ve heard of UI (User interface) and UX (User Experience). When you build an App or a website, we will talk to you about both. If UX is not UI, What is the exact difference?
The Definition of UX

UX is not UI, then what is the definition of UX exactly? Here I am not going to shoot the cliche but to provide you with a intuitive introduction which will help you to get a quick understanding of why UX is not UI. …
Read more · 4 min read

Published in Muzli – Design Inspiration·

5 Requirements of UI/UX Designer
While I was starting this article, I contemplated the board, trying to find a more appropriate entry to begin — should I make a list of UI/UX designer requirements. Such as, “which books about design you should read?” or “which design blogs you must follow”. Or I can simply focus on the details instead of form a border perspective to talking about.
Since there are already plenty excellent essays discussing about UI/UX Designer Requirements from a big picture, I would like to suggest some practical tips and principles which may make a UI/UX designer more qualified.
Obviously, mastering an efficient prototyping tool is a must

I am not going to tell you which prototyping tools you should choose, whether Mockplus or Axure. But you need to find the most suitable one for you. Time and practice will take until you find the faster, simpler and smarter one. Meanwhile, your good design competence and rich specialized knowledge are required and advanced during your search. …
Read more in Muzli – Design Inspiration · 5 min read

Published in UX Collective

How To Use Color In UI Design Wisely to Create A Perfect UI Interface?
Whenever found an interface that looks nice, clean and elegant, I save it. Now I have a collection of more than 100 UI interfaces. After learning, making use of or simply viewing it again and again, I finally realized something in common. It is always the color that steals my heart at the very first look. So here, I’d like to make a conclusion about how to use color in UI design wisely. A serious note first, what I wrote can’t turn you into an excellent UI designer magically, but I promise you’ll learn something here. …
Read more in UX Collective · 8 min read


Published in Prototypr
·Oct 12, 2017
Horizontal Scroll in App Design, Why Is It Worthy of Attention?
With mobile screens getting bigger, user’s demand for more content also increases. How to present sufficient content on a limited screen? I guess this question has always bothered many UI/UX designers. Horizontal scroll in App design, in that case, has gained favor among most designers.
Traditional design methods for extensible content includes list sliding of Y direction, 3D Touch of Z direction, portal content folding, etc. In this article, I am going to discuss the horizontal scroll in App design, which may first appear in the Horizontal sliding design of Windows Phone. In general, it’s used to extend content along the X axis on a single page. …
Read more in Prototypr · 7 min read


Published in UX Planet

6 Free Quick Wireframe Tools For UI/UX Designers in 2019
Image for post
What is the first name came into your mind when mentioned about wireframe tool? The old name Axure RP, or the brand new fad Mockplus? Superabundant wireframe tools are available nowadays, which is a good thing, but this may result in choice phobia for designers on the other side. Especially with rapid product iteration, fast development pace and less investment, quick design is carrying increasing significant. Some over-detailed tools, which look cool, but are no longer really fit in. Here I only pick the best 6 quick wireframe tools, which can help you do real quick design.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *