What's the difference between UI and web front-end? Which is better?

For many small partners, what is the difference between UI design and Web front-end, and which development prospect is better, everyone is still very confused. Today, Snail College will give you a simple science popularization ~

About UI design

What is UI design? UI design (or interface design) refers to the overall design of human-computer interaction, operation logic and beautiful interface of software. UI design can be divided into entity UI and virtual UI. The commonly used UI design on the Internet is virtual UI, which is the abbreviation of UserInterface. Good UI design not only makes the software personalized and tasteful, but also makes the operation of the software comfortable, simple and free, which fully embodies the positioning and characteristics of the software. For example, which commonly used functions are most convenient for users to use and what will affect the user experience. Such as architecture, interaction, content and users, needs and values.

2. What skills do you need to master in 2.UI design? Visual design is mainly based on art design, and the color, structure and icon of the interface need to be completed by visual designers. Adobe software is mainly used, such as PS, AI, AE, FW and so on. Generally speaking, the practitioners are all graduates from art-related colleges, and there are also a few graduates majoring in computer science. Interaction design mainly focuses on product interaction prototype design and completes the design of interaction prototype diagram, but this is actually a post to test comprehensive ability, and it needs to understand user experience knowledge, interface design knowledge, product business knowledge and so on. There are many interactive design softwares, each with its own characteristics, such as AxureRP, Balsamiq Mockups, Omnigraffl Pro, etc. Generally speaking, it takes some experience to be competent.

3. What is the responsibility of 3.UI design?

Responsible for the overall design of the company's products in smart TV, PC and mobile pages/applications;

According to the demand, design the overall artistic style, interactive design, interface structure and operation process of the product; Responsible for the design and production of various interactive interfaces, icons, LOGO, buttons and other related elements in the project;

Product style design is realized based on cutting-edge theories such as user experience, human-computer interaction, graphic design and interface design.

Fully understand the ideas and concepts of product planning, and cooperate with product managers and R&D personnel to realize the visual design of product interface;

Establish and improve product interface visual design specifications;

According to the interaction design and product planning, complete the visual design of user interface related to products (iPhone, Android, Web platform App and website);

Cooperate with graphic interface design in product development. Complete the design and production of special pages and FLASH for product-related promotion activities;

Fully communicate and cooperate with R&D team to confirm the error controllable range and the final realization of visual effect;

According to the development trend of visual design and the results of user research, the graphical interface of products is continuously optimized;

4.UI design the current national wage level.

Please click to enter a picture description.

About web front-end

1. What is a Web front-end development engineer? ? Mainly used for website development, optimization and improvement. Web page making is the product of the era of Web 1.0. At that time, the main content of the website was static, and the behavior of users using the website was mainly browsing. A good Web front-end development engineer should have both breadth and depth in knowledge system, so it is difficult for many large companies to recruit ideal front-end development engineers even if they pay high salaries. The focus now is not on explaining technology, but on explaining skills. There is no black and white technology, only right and wrong, and skills are different. I used to know that Photoshop and Dreamweaver could make web pages, but now it is not enough to master these. No matter the development difficulty or the development method, the current Web page production is closer to the traditional website background development, so it is no longer called web page production, but called web front-end development. Web front-end development has become more and more important in product development, which needs professional front-end engineers to do well. Professionals in this field have been favored in recent two years.

2. What skills do 2.Web front-end engineers need to master? You must master basic Web front-end development technologies, including CSS, HTML, SEO, DOM, BOM, Ajax, JavaScript and so on. While mastering these technologies, we should also clearly understand their compatibility in different browsers, rendering principles and existing bugs. In the knowledge structure of a qualified front-end engineer, the basic knowledge of website performance optimization, SEO and server side must also be mastered. You must learn to use various tools for auxiliary development. In addition to technical knowledge, we should also master theoretical knowledge, including code maintainability, component ease of use, hierarchical semantic template and browser hierarchical support, etc. It can be seen that it is really not easy to make a seemingly simple web page better and more professional. This is the characteristic of front-end development, and it is also the reason that puzzles many people. Such a complex knowledge system is difficult for beginners to learn, and for veterans, they often don't know what to learn next. Code quality is one of the key issues in front-end development. For example, there may be countless schemes to realize a website interface, but some schemes will have higher maintenance costs, some schemes will have performance problems, and some schemes will be easier to maintain and have better performance. The key factor here is code quality. CSS, HTML and JavaScript have different characteristics and different requirements for code quality, but they are inextricably linked. 3. What are the responsibilities of 3.Web front-end engineers?

Use (x) HTML/CSS X) HTML/CSS/JavaScript/Flash and other Web technologies to develop client products;

Realize the first-class Web interface for the products and services provided on the website;

Optimize the code to maintain good compatibility;

Web front-end presentation layer and the architecture design and development of interaction with front and back ends;

Cooperate with background developers to realize product interface and function;

Using various network technologies to simulate and develop product prototypes;

Investigation and information arrangement of new network technologies.

4. The current national Web front-end salary level.

Please click to enter a picture description.

Generally speaking, both UI design and Web front-end development have a great relationship with product pages, but the former pays more attention to design, while the latter needs to know more technologies and combine UI design with back-end, so the core development of Web front-end will definitely be better, but relatively speaking, learning will be a little more difficult than UI.