What's the difference between ui and web front-end?

UI design and Web front-end work are different, but some companies do both work by the same person in order to improve work efficiency. The main differences between ui and web front-end are:

1, different concepts.

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 UI design mentioned in the Internet is virtual UI, and UI is the abbreviation of user interface.

Web front-end is the process of creating front-end interfaces such as web pages or apps to present to users. Through HTML, CSS, JavaScript and various derivative technologies, frameworks and solutions, the user interface interaction of Internet products is realized.

2. The research direction is different.

The research directions of UI design are: user research, interaction design and interface design;

The research direction of web front-end is technical direction: including html, css, js, etc., which needs coding.

3. Different career opportunities

The career direction of UI design is: front-end development engineer, senior front-end development engineer, front-end architect, etc.

The career direction of web front-end is: graphic designer, interaction designer, user test/research engineer, etc.

Leave it to the artist, and leave the addition of html5, css and js to the web front-end engineer.

4, the work content is different

UI front end: mainly responsible for system /app, UI interface design, and html code implementation, focusing on design.

Web front-end: mainly talking about the design drawings provided by ui, coding them into static html to realize all special effects; It is also responsible for the docking of all interactions, which requires higher js and needs to develop some background interfaces, so it also needs a certain background development language.

5, the required technology is different

Web front-end will use technical knowledge such as Bootstrap, Vue, Jquery, Javascript, CSS, html, etc.

The front end of UI needs to have good aesthetic ability, and usually needs an educational background of art and design.

References:

Baidu encyclopedia -UI design

References:

Baidu Encyclopedia-Front-end Development