Eae, everything is fine?
It's too bad not knowing where to start. And when it comes to the web design area, there can be a lot of questions about which tool to start with, what knowledge to acquire, what techniques to master, and what to do to become a recognized Web Designer.
Just to get an idea, the top searches for web design information people run on Google are about:
- web designer course;
- web designer freelancer;
- what web designer does;
- salary web designer;
- what is web design;
- web design course.
Sometimes we waste a lot of time to research so many subjects and things get even worse when what we find doesn't get our doubts right.
Knowing this have you thought about how good it would be if your main questions about Web Design and Web Development were answered in one place? The ones that intrigue you the most and leave you with a lot of questions? A content that had everything about Web design to kill your questions?
That's that! I thought I'd help you and I created this article All About Web Design with 50 questions answered about Web Design and Web Development.
Of course, it is humanly possible to answer everyone who seeks me and the various questions I receive. As much as the title is all about Web Design, unfortunately there can always be something missing.
However, I separated a considerable part of questions prepared by readers here of the blog , who follow me more closely, accessing my emails and participating in the contents.
Having these questions at hand, today I decided to take important information from inside the Chief's chest to clarify in 50 questions all about Web Design and Web Development, with the main questions I get from the guys.
Enjoy and check it out! Who knows you don't find a question similar to that doubt that still hanging in your mind?
Among the main topics we will deal with are questions about: Web design, Front-end, Career, WordPress, HTML and CSS, among others.
preparation? Let's see all about Web Design that you need to know before entering the area? If so, then follow me the good ones![UPDATED in Jan/2021]
1 - What is Web Design for?
Web design is an area that executes processes that involve planning, creating and maintaining interfaces for websites, web applications and digital interfaces in general, taking into account information architecture, navigation, usability and other aspects that should involve design fundamentals.
Web Design encompasses fundamentals that govern the construction of interfaces and pages used on the web. Among the most common types we can highlight:
- Site pages;
- Blog pages;
- Virtual stores;
- Social networks;
- Softwares online;
- Sales pages;
- Landing pages;
- Search mechanisms;
- among others.
2 - How is the Brazilian web design market? – All about Web Design
The web design and related segment is growing rapidly. The scenario provides this. See: One levantamento do NZN Intelligence showed that 74% of people prefer to shop over the internet than in physical stores. By applying this percentage to the population of Brazil, estimated at around 210 million, 155.4 million prefer to buy online than offline.
Another relevant fact is that, according to ABRADi, the creative sector responsible for the growth and development of websites was responsible for the largest share of revenues in the digital sector reaching 30.4% of the total obtained. This data is according to the last Census conducted in 2013 and only revealed in 2016. And according to this same Census, the revenue of the sector was R$ 2.7 billion, a growth of 25% compared to 2012, when it earned R$ 2.2 billion.
3 - Where can a Web Designer work?
There is space in communication departments, marketing, advertising agencies, IT companies, Startups, video producers, newspaper publishers and online magazines, NGOs, among other options that need to have a website or that has an online business. It can also act independently, such as Freelancer or agency, providing services.
4 - How is the market for Web Designer with so many ready-made platforms like Wix and Uol, among others?
This is a subject that generates a lot of discussion, because certain people believe that the use of certain online builders of the "click and drag type" harm professionals in the area.
I believe that the public that goes after these builders should not be their target audience. They are at another stage where concern about ease and, even in some cases, with the gratuity of certain platforms are priorities. I can't believe you must think you're losing customers.
One day many of these customers will change their stage and need something more robust and specific that these platforms don't offer. At this point they will fit into their target audience range, because they will finally know what they really want. And at this point it will be your turn to take the field.
It has a good side to seeing Wix at the top of the parade: many people who did not have the resources to hire a web professional were encouraged to have an online presence. Many will not prosper, this is normal in the business world. Those who thrive will realize they need something more. And life will go on!
Another important point is that these companies hire designers to create the layouts and templates they sell. As much as it may seem, they don't effectively disrupt a Web Designer's career.
5 - What types of work does a Web Designer do?
It can create layouts for different types of websites, banners, graphic pieces for social media, among many other digital pieces. But for you to stay more on top of the tasks than a Web Designer runs suggest you watch the following video:
6 - Messing with Web Design is for everyone?
Everyone who likes design, technology, arts, etc; and dedicate yourself to study and practice, yes you can become a web designer.
7 - Is it worth working as a Web Designer?
It's well worth it if you identify with area (as you'll see in the following topic).
After all working with what you like is what will make you get up every day to face the challenges. I suggest watching the following video:
8 - How do I know if I like Web Design?
In the previous question I said it's worth working if you identify yourself. But how to know if you have not yet had contact with area?
Here are some little tips that can guide you. See if you fit these requirements:
- You're creative;
- Do you like communication;
- You empathize with people;
- You like technology;
- You admire arts and visual communication;
- You have good logical reasoning;
- And the main one; you have a willingness to solve problems.
If you fit these requirements well you have a great chance to enjoy acting in the area.
Of course there are differences between working with something and just liking it. But if you have that kind of profile, it's already halfway there.
9 - How much does a Web Designer earn?
It depends on several factors: country region, your level and experience, the company segment, etc.
On average a web designer earns 2 to 3 thousand reais. But that's just an average. These numbers may vary.
This subject is important and would need an entire article for this, in addition to that would get away a little from the purpose of this all about Web Design – 50 questions and answers.
But I recorded a video, for the Chief's Youtube channel, where I talk about Web Designer's salary. Check out the below:
It depends on your goal. The items mentioned in the question are correlated with the Web Designer and Front-end Developer professions.
If you're interested in following a Web Designer career, I suggest that in addition to reading this article all about Web Design, start with the fundamentals of Design in general and deepen the concepts of Web Design.
If you're easy to learn things simultaneously, start practicing on image editing software like Photoshop and vector art like Corel Draw or Illustrator. Then go to the HTML and CSS languages.
I have a lot of mass stuff (and it's not because I did, no. He's really good.) that helps Designers deal with these languages from a simpler website and focusing on the essentials. If you are interested, I suggest that check out my HTML &CSS eBook here!
And for those who have an interest in becoming a Back-end Developer, if this is your case, start with programming logic that you will be able to learn any language from the server side.
11 – What is the best learning path I must follow to learn the principles of design in the field?
I believe that the best learning path is one that brings organization to studies to gain time, good didactics and practical challenges. Allied to all this you can also consider to which you best adapt.
There are different paths. You choose whether a self-taught or for courses. Among the courses there are face-to-face and online courses.
I like online courses and I don't say this just because I offer a online course in the area whose content encompasses the fundamentals of Design and Web Design. I say this because online courses bring together the best of all worlds:
- First because it is an expert who is instructing;
- Second is that many of the courses are organized in such a way that you would hardly find equal organization, whether on the web or face-to-face.
You save time with this, and don't worry about commuting to face-to-face courses. In most of them you can study wherever you want, at the time you want and with the possibility of giving replay as many times as you want, if you do not understand or want to review something.
But choosing between a face-to-face Web Designer course, online or even studying on account searching the web, varies from each profile. Some people need a face-to-face. have others who have less time and prefer the online. It's best to evaluate what's best for you.
12 - What are the features of each language - HTML and CSS?
HTML is a markup language. It has the function of giving semantics to the tagged content.
CSS is a formatting language. It has the function of visualising the HTML elements of a page.
13 - What is the best free program for those who are wanting to learn html and CSS languages?
Notepad is the best to learn. To work there are better. But in the case of learning the notebook is indicated because it does not have a self-complete tool which will force you to type right and memorize the syntax of languages.
14 - I am a beginner, do I have to master the graphic tools?
You must dominate. There is no Web Designer without the minimum domain of graphical tools. But not before you qualify in design fundamentals. Tools are just one part of the process, and perhaps even one of the easiest steps to learn.
I also suggest that you also watch the video of the following link:
➡ Design Fundamentals Are More Important Than Software (Tools).
15 - What are the main tools that a Web Designer needs to know how to use to stand out in the area?
Not that tools will make you stand out, but they are necessary for your good performance.
The tools worth investing your time for learning are Photoshop, Illustrator, Corel Draw and some code editor like Sublime Text for example.
There are also specific tools for layouts such as Sketch (MAC only) and Adobe XD.
And finally you can also deal a little with InDesign, After Effects, Premiere, among others.
In these two following articles you will have a list of alternative to cited tools and others for specific functions that you may eventually use.
16 - How to be more creative when creating any type of chart? In case only know the tool is necessary?
For me creativity is related to the things you experience and observe. What determines what you will do at the time of creation will be related to the problem to be solved and what you have experienced so far.
Creativity is to organize in a coherent way your entire repertoire.
So there's no buzz that you call and come creativity. To be creative at work time, you must always experience new (of course not all ( ͡° ͜ʖ ͡°)) things in your area of expertise, in other sciences and personnel.
And don't erase too much of the graphics tools. A good pencil and paper are great tools. Scribble a lot, sketch, let your ideas out and you'll see you'll be wrong long before you get where you want to go. There is no creativity without experimentation.
17 - What is the best program? Photoshop, Corel Draw, Illustrator?
Web Designer typically handles Photoshop or Sketch (MAC only) and Adobe XD, depending on the professional.
But you create even in Corel or Illustrator, or in any other tool. If you can deliver the work with quality, on time and on schedule, it matters no matter the tool.
Don't be a tool hostage and don't have a closed mind. After all, you're a Web designer or a urinal, right?
18 - What is the tip to follow the maximum of new trends in the Web Designer area in the face of scarce time without being discouraged?
If your time is short is good sign to take it easy. In fact, in most cases, this issue of empo is more of a mismanagement of the same than lack of time.
And watch out. Wanting to keep track of as much information as possible with short time is a good path to discouraged.
My advice is to focus on one subject at a time, always giving priority to the one you deem most important. You don't know the power you have in dedicating to only one story at a time.
19 – What is the difference between Front-end and Back-end professionals?
The Back-end Developer deals with "back-side" languages, also known as server languages such as PHP, Java, Python, Ruby, among others. It also works directly with databases such as MySQL, SQL Server, PostgreSQL, among others. This professional, acts in what the user can not visualize. It develops the system that will be used for data management using the interface developed by the Front-end developer.
To better visualize when you log into a system.
The front, where you enter your login and password, is the responsibility of the Front end. The backend keeps the system looking for and validates that the user name and password are correct, allowing you to access the restricted area.
20 - What is the difference between a Web Designer and a Web Developer?
The Web Designer works with the design of the site, but worrying about issues that aim at ease of use user experience.
Already a Web Developer, as we have seen in the previous issue, deals with the code part of the interfaces. And then we can have a split between front-end, which deals with the part that the users interact or back-end that develops the system that will be used for data management.
21 - Can you work with Web Design without necessarily learning programming? Or is it really necessary?
By definition a Web Designer does not schedule. I don't think it's essentially necessary. The most it can handle are markup and formatting languages, which differ greatly from programming languages. But it can be a differential if a professional knows how to program, but it is unusual.
Creating the design of the page while programming can make you a unique professional, as long as you do both super well. but there lives the question: it is very rare someone who can do this in high quality. So usually the idea is to focus on one of the two.
Be careful not to become a professional "duck". It's not right, it's not right. Propose to do something that does well. Perhaps the safe path is to specialize in one area only and focus on it.
To further learn more about this issue, watch the following video:
22 - Developer is required to know design? – All about Web Design
Thank you is a strong word, so my answer is no. Especially back-end developers.
But there are some front-end developers who venture into Design. That's because it's him, the front end, that lives to the layout in the browser by applying it in code. Many front-ends understand design and graphic editing programs.
The great benefit of this is feeling empowered to take on more complete freela jobs and be able to charge more for it.
23 - Do I really need to know everything about code to be A Web Designer?
Not to mention the bonus of being able to take on more complete jobs working as a freela.
24 - Is there any way to work with the design of the page alone, without having to learn codes?
There are software that allows you to work in visual mode where you don't have to deal with codes. But that's not cool! I do not indicate you use visual mode.
Dealing with code, in the case OF HTML and CSS, is also to think of Design. When you think about the best way to code, the performance that pages will have because of the codes is to think about design.
25 – Why do most programmers complain about programs like Adobe Muse and Dreamweaver?
This question meets the previous question. Adobe Muse is software that allows you to work in visual mode without having to write a line of code.
At first glance it is wonderful, but like every visual editor it generates dirty code. But that's not even the big problem. Imagine if you need to maintain already published pages, Adobe Muse won't be able to help you. You will need to know the syntax of the language used.
That's why such programs are typically fought by developers.
Adobe Dreamweaver also has this possibility, but you have the option to use it without visual mode.
26 - I work with Photoshop and manjo a little Illustrator. I wonder if there are only creative sectors or will I have to know how to program as well?
It depends on the company. There are some who have professionals with well-defined functions. Some work with creation while others work with web development.
But there are places where the creative also has dealing with code, especially HTML and CSS which I emphasize whenever a Web Designer should learn.
The trend is that more and more is divided between sectors (design, programming) and less and less you see vacancies that ask you to do everything.
27 – Is it very essential to be aware of WordPress today?
I think so. Currently WordPress reaches about 25% of the sites worldwide, is installed on about 75 million websites according to the Forbes. Imagine the potential need for maintenance that this platform requires.
Not to mention the benefits that this CMS provides such as easy installation, configuration, maintenance, themes and various functionalities. If you still do not know WordPress run to know now. Learn more about it on here!
28 – Is it still worth creating HTML sites, or would WordPress be the most valid option currently?
This goes according to the need of the project. If the project consists of a small site, static pages and with little updating can be done only with HTML and CSS.
Remembering that a site in WordPress is a site that results in HTML pages. The big difference is that WordPress makes it possible to create dynamic websites because it uses the php language.
And unlike Wix there are currently click-and-drag features in WordPress that make it possible to create websites faster and without leaving html and CSS aside to customize the layout.
29 – How long does it take for the person to develop a site well from scratch?
This question is a recurring concern of the Galuchos. I wish I had an accurate answer, but I might not be able to. First, because there is no research on this and second that even nowadays, after several years, I continue to improve myself to develop well a site from scratch. But the most important thing is that I develop within my abilities.
Learning how to develop a website is like learning to drive:
At first you will learn how to engage the first and second gears, and you will barely take your first ride on the block. You'll get the impression that it needs to be an alien with 3 steering wheel and handbrake arms, 3 legs for the pedals and multiple eyes for the dashboard and rearview mirrors.
After a while you can already go around the streets of the neighborhood with only one hand on the wheel and another time ahead you are facing highways.
To develop sites is similar: in the beginning your layouts can come out confused and full of usability problems, after a while begins to create good layouts , but will be picking up in CSS. When you least expect you will be styling WordPress themes.
So if you don't worry about time, but about overcoming steps. Perfect yourself in the learning step you are in now. You will be able to develop within your skills and more and more they will get better.
And the less you expect you will be developing websites that will satisfie your customers.
30 - How to get the first customers without being friends?
To get customers you will have to have something to show, in this case, a portfolio. And it's not all wrong that the first customers are friends, especially if they pay for it.
However, don't get caught up in this issue alone. If you don't have customers to build your portfolio, create them. If the door is closed to you, try entering through the window, through the chimney or if you need to create your own passage.
You can create personal projects, redesign websites, create for NGOs, etc. Do something that makes up your portfolio and show it to the world. Over time customers will not only be friends.
31 - How to build a portfolio from scratch? – All about Web Design
I've already hinted at the previous question, but I'm going to give it a better one now. Click here and download our Definitive Portfolio Guide for free. In it you will learn:
- Where to start your Portfolio;
- How to get jobs for the Portfolio;
- How to promote your Portfolio;
- How to present yourself in a Professional way;
- How to Build an Efficient Curriculum;
- How to create a presentation video.
32 - How can I make money working as a Web Designer?
There are basically two ways you can make money working as a Web Designer: as an employee or as a freelancer.
If you have time and will can leverage your earnings by working both ways.
There are also other possibilities such as consulting, teaching, etc.
33 – Can I be successful by becoming a freelance Designer and working from my home?
Of course i do. And that has to do with, besides technically preparing, with your mental attitude. If you try to act positively, without getting static in the comfort zone, you will focus what you want most at the moment. Success will then be a consequence of your actions.
Acting as a freelancer is one of the promising paths in the current scenario.
34 - How can I increase my customer uptake?
There's no rule, no miracle formula or anything like that. What can increase customer capture is:
- The quality of your work, that is, have a good portfolio;
- Present yourself and have a professional attitude, meeting deadlines, delivering with quality, etc;
- Publicize your work. This dissemination can be done through advertisements and also in the classic "word of mouth".
35 - How to charge being a freelancer?
Another issue that there is no specific rule.
In my opinion, the ideal is to charge per project. For this you need to know the average value, of the part you are developing, in the market and charge according to your costs and skills / professional history.
To know the value of your costs, you can set the hour value. There are several formulas that do this. The following is a simple formula i learned from a teacher to set the time value:
Add your costs:
Personal expenses + 20% or 30%
Professional costs (internet, software, website hosting, etc)
Personal expenses R$2500.00 + 30% = 3250.
3250 +1000= 4250
Now make a 20% Profit times (average service profit):
Profit = 4250 x 20% = 850
Then add up all the values (personal expenses, professional costs and profit) and divide by 160 hours, which would be 40 hours a week.
3250 +1000+850 (/160) = 31,80.
Hourly value: BRL 31.80
From this base you will know the minimum you can charge for a project. But the final value will depend on other important variants such asthe average market value of that piece, if you are very requested, if you have any unique skills, are expert in that and etc.
There's no rule for that!
36 - Is it possible to enter the area without taking a specialized Web Designer course? Can I learn all about Web Design on my own?
It is possible, but the path can be longer for two reasons:
- You will have to collect web content that is scattered.
- Since you have no prior knowledge on various subjects it is difficult to know what to research when you have never seen yourself talk in life about a particular subject, technique or tool.
And it was for this crowd and also for those who are even working in the area that I created one, the Web Designer PRO, an online web design course that aims to cover subjects such as design fundamentals, web design concepts, conversion design, creative process, Photoshop classes, HTML fluency, CSS and WordPress.
In this course you will learn all about Web Design to start your journey in the area. In addition to the classes, live and recording, you will have support directly with me.
To learn more about upcoming course classes CLICK HERE.
37 - How to be a professional without a college degree?
Those who know my history know that I started working in the area without having a college degree and even won a job with professionals who already had a college degree. I believe the big difference was my portfolio. And i didn't have that many jobs.
So what I suggest is that you research a lot and put into practice what you absorb, look for a free course that meets your needs while you can't do a college and principal, build your portfolio for yesterday.
It is worth mentioning that no college or course will teach you everything about Web Design. You'll always need to search on your own, upgrade, and practice.
In this link I make available a video in which I talk about the time to make a Faculty of Design now. How about taking a look? 🙂
38 - Is there an exclusive course just so I can understand everything about Web Design?
If we search Google for "Faculties of Web Design" or "Digital Design" on the first few pages we will find little. What's more out there are free Web Design courses.
One path that many follow is to do a college of Graphic Design, and during or after the end of it, take a free course of Web Design.
I suggest you the Web Designer PRO which is indicated for those who do not have much time and intend to take a course with relatively low investment, but with a lot of content.
39 - Does Web Design Certification Add Real Value?
Certification is a proof that, in the case, ensures that a professional dominates a particular subject and is qualified to work on this subject.
For me this type of proof is valid only for vacancies that make requirement of it, which are usually few. For many, or most, of the companies enough to consider you capable of what you present in your portfolio or in a positive practical test.
It all depends on the company's contractual culture.
40 - What is responsive design?
Basically it is to develop websites that suit different devices such as mobile phones, tablets and desktop.
Thinking about responsive design is inherent in building websites. Currently building websites is synonymous with running responsive design.
41 - How to make responsive pages?
First you should know how to apply the concepts of responsive design and second understand the use of CSS3 Medias queries.
To help you, I provide you with two essential materials.
The first is the Responsive Web Design Manual for you to understand the concepts and what you can download neste link.
And second, I suggest reading the article "How to use CSS3 media queries to have your site meet different screen resolutions".
42- What are the best practices for creating a good UX?
I'll name a few:
- Research on the target audience and understand their needs and needs;
- According to the research offer relevant content to this audience;
- Ensure that people find this content simply;
- Ensure that they easily navigate the entire site without difficulties and constraints;
- Ensure that they access and that the good experience is preserved even on devices of different sizes and systems;
- Ensure that the person who accessed the site leaves there with the expectations met.
- Ensure that nothing important has gone unnoticed;
- Reduce negative interactions that we have no control over and/or cannot predict when it may happen.
To go deeper I suggest read this article.
43 – Is it worth migrating from graphic design to web design?
Yes, of course. I actually believe it's easier to do the reverse: start on the web/digital and then study graphic design. And in fact you don't need to make an abrupt choice in one or the other. You can work with both of them.
I have a video where I talk a little bit about it. You can follow:
44 – Can you apply concepts of printed design on the web without losing much of the design?
The Web Design as it already says in the name is Design applied to web. Therefore design concepts in general are the same for both areas.
What differs, fundamentally, is that on the web the Designer does not care about the printing processes but rather how colors, typography and other elements work in digital. It also cares about adapting the layout to different shape screen resolutions, to provide a great user experience.
45 - How does the domain of a web site work, that is, what is needed to have one?
Domain is the primary address by which your visitors will be able to find your project on the internet. To purchase one you need to visit a site responsible for domain registration, do a search to verify that the chosen name is available, register on the site and then pay the registration fee.
For more information I suggest reading this detailed guide.
46 - Create a website from scratch or use platforms like WordPress?
The good thing about joining platforms like WordPress is that you have a good structure ready. Only you're still going to have a lot of work.
There are cases that you or your team will have to start from scratch, for example, because of the complexity of the project that requires its own CMS with functionality that WordPress does not have, or even by the simplicity of a site that does not need a manager.
Overall it depends on the project, available time and the purpose of the site.
47 - To be a Web Designer you need to know how to draw? – All about Web Design
A Web Designer doesn't need to be a Pixar designer. What he needs is to know how to express his ideas, when he needs it, through drawing. A very different thing to being an Illustrator. I explain better on this topicin this video.
48 – What do you tell me to feel more confident for an interview?
As a Web Designer I answer you that one of the fundamental things is that you have a portfolio to present. This will show you're ready.
Another important thing is you have well in your mind how it is company and its principles. Investigate her, know about her culture and prepare for an interview. Learn a lot about what good you have to solve the problems that the intended position will provide.
And be you: be authentic, be honest, don't try to invent or play who isn't. If you're hired, well, or ball forward.
49 – Working with web will I have time for my things, my family and my studies?
That's pretty relative. Both as a freela and as an employee, it depends on numerous factors. The big question is you know how to use your time and not let, if it occurs, other people send it.
Working with the web certainly gives more possibilities for this, because you can work from home, the people you do in the area tend to have a more open mind, you can act independently, etc.
However it all depends on how you behave as a professional, how you adjust your priorities and how you organize your time.
50 - Web Designer need to know about SEO? – All about Web Design
I consider it a differential. In freelance projects it is important that you have at least no tolls onpage SEO.
Much of the success of some projects is due to the large number of visits. To get visits you can pay, make ads, or get free and ultra targeted traffic that is through SEO. It's a more time-consuming and laborious thing, but it's worth it.
In this article we present seo best practices for Web Designers and Developers. It's worth checking out!
Final Considerations - All about Web Design
I tried to answer the 50 questions as best I could. Of course, it may be impossible to address all the different doubts that may arise. But I tried to cover in this article everything about Web Design, the main and most recurring questions.
I hope the answers will serve to give you a boost in the pursuit of your dreams and goals. And I take this opportunity to ask you to share with your friends who also have questions about the world of web design and web development.
If you have any questions that have not been addressed so far, in this article all about Web Design, feel free to describe it in the comments. We don't know everything, but what we know we are willing, whenever possible, to share with you in the best way.
Hey, what's up? Do you have anything to add? Do you agree or disagree with any response?
Also published on Medium.