What are the main applications of graphic design? Graphic design is mainly reflected in creativity. Good creativity is the core of design and the value of graphic design. Without outstanding creativity, no matter how good the design is, it cannot fully reflect the value of the design itself. This is the case. Through novel creativity, we add different layouts and styles, different visual communication means and expressions. Make the design impressive. In order to make the design understand the information it wants to express quickly and gain the recognition and trust of visiting users, an information architecture and visual design that combines business needs and market image is necessary. So, what are the application fields of graphic design?
A good user experience can subtly convey the information, key points and features that the website wants users to experience and remember, guide users to make choices, and thus turn visitors into customers.
Logo design (trademark design, logo design, logo design)
Logo is the core of enterprise cohesion, and it is a handsome flag that stands firm in commercial war. By integrating the market, concept and culture of the enterprise, we plan and design the visual image that is most suitable for the enterprise or brand. The main work includes: brand naming and logo design.
Two. VI design (enterprise identification system design)
VI design is the visual symbol of corporate culture and the visual carrier of corporate values. In the process of shaping a team, it represents a team's beliefs, ideals and ambitions. Its unified and distinctive brand image makes the communication between enterprises and the market more direct and effective, which helps consumers to establish a good impression and confidence on enterprises and their products and strengthen market appeal. Enterprise identification system design (CI design or VI design).
Three, album design, product catalog design, sample design, enterprise annual report design.
With smooth lines, harmonious pictures and beautiful words, the company's style, concept and brand image are displayed in an all-round and three-dimensional way. Specific work includes: enterprise and product album design, product catalog design, sample design, enterprise annual report design, etc.
Fourth, poster design, POP design and vivid design of store terminals.
Our poster design emphasizes creativity and impact, and strives to make our works show the products, culture and ideas of enterprises in a three-dimensional way, which is in sharp contrast with the ordinary design of most pictures and words and has very strong marketing power. Specific work includes: poster design, pop design, poster design, product store display design, etc.
Graphic designers should make the designed works exist in the details of every technical application of enterprises. This design is a design that impresses customers and a successful graphic design. This requires us to be strict in logic and strive for perfection in the construction of design content; And make the application of technology closely around people-oriented, people-centered, so that the audience can feel the attention of watching, listening and operating. Only in this way can people really understand our works.
In UI design software tools, the difference between AI and PS is 1, and their main purposes are different.
Although both softwares are used for image processing, their main purposes are different. PS mainly deals with bitmaps, that is, dot matrix images; AI mainly deals with vector graphs.
The biggest difference between bitmap and vector diagram is that the image will not be blurred when the vector diagram is enlarged, but it will be blurred when the bitmap is enlarged, regardless of the resolution.
2. Different practical applications
Ps software is widely used, mainly dealing with digital images, which can be used in images, graphics, text, video, publishing and other aspects.
Artificial intelligence software is mainly used for the processing of industrial standard vector illustrations of publishing, multimedia and online images. Because of the characteristics of vector graphics, it is widely used in printing and publishing, poster book typesetting, professional illustrations, multimedia image processing, Internet web page making and other fields.
3. Based on the differences of graphic features.
Vector graphics are composed of paths and anchors, and the factors that affect the size of the picture are mainly paths and anchors, as well as all kinds of information contained in graphic objects composed of paths and anchors.
The characteristic of vector graph is that no matter how many times the graph is enlarged, the edge of the picture is still clear, smooth and unambiguous. Bitmap is composed of every pixel, and the main factors that determine the size of pixel map are the number of pixels and the color information contained in pixels. The characteristic of bitmap is that the bigger it is, the clearer it can be for pixels and the more blurred the image.
Reference source: Sogou Encyclopedia -AdobePhotoshop
Reference source: Sogou Encyclopedia -AdobeIllustrator does not use each other.
Now large enterprises use aiai, which can be used with ps. I think it is very convenient to put the picture into ai and then drag it into ps, so that the picture after ps can be directly used in ai. Just get used to ai, ps can use it, and ai will be easy to use. Shortcut keys are almost the same. I feel that ai can blend things in coreldraw. Ps is relatively limited compared with design majors. Printing. All the same. But from my visual point of view, the colors played by ai are more vivid. PS and AI play an important role in commonly used UI design software. So we often see that in the design group, some beginners often ask: Which is more suitable for APPUI or web design, Photoshop or AI(Adobeillustrator)? The difference between AI and PS is as follows:
1, date of birth
Let's look at the birth time of these two giant softwares:
Illustrator: 1987
Photoshop: 1990
2, the first version of the startup interface
Rough monochrome pixel image design on both sides.
3. Where is it used the most?
Illustrator: vector graphic design
Photoshop: pixel image design
4. Which users use it the most?
Illustrator: Designer
Photoshop: artist
5. After enlargement
Illustrator: The enlarged image is still very clear.
Photoshop: The image will be blurred after enlargement.
Note: In other words, the graphics drawn by AI can be enlarged without distortion, but PS can't, because the graphics drawn by PS are all painted in pixels, unless vector tools are directly used.
Illustrator: You can create multiple canvas tasks at the same time.
Photoshop: Only one new canvas can be created.
7. Cut and paste the mask
Illustrator: on the object
Photoshop: under objects
8. Choose a tool
Illustrator: the object is selected.
Photoshop: the area is selected.
Illustrator: A layer can contain multiple objects.
Photoshop: A layer can only contain one object.
10, Ctrl+Z (undo)
Illustrator: It can be revoked several times in a row.
Photoshop: You can only undo it once. Press Ctrl+Shfi+Z to continue the undo operation.
Note: In fact, this is how PS is designed to be revoked. If you want to be like AI, you can modify the shortcut keys directly.
1 1, workspace
Illustrator: You can continue painting outside the canvas.
Photoshop: You can only draw in the area inside the screen, otherwise it will be hidden.
12, saving time
Illustrator: save quickly
Photoshop: slow saving
This is an obvious contrast, and the key points are:
AI is suitable for drawing vector graphics, such as mobile APP, layout and typesetting of web design, buttons, icons and other vector elements. PS is suitable for print advertisement, illustration or post-processing. A UI designer with 5 years' working experience tells you that Sketch and Photoshop are the most commonly used UI designs, followed by AI, AE, Axure and so on.
Contrary to the above, for UI design, PS is suitable for mobile APP and web design. AI is suitable for making icons, logos, advertising pictures and illustrations in applications and web pages.
Of course, UI design mainly depends on people, and PPT can still design UI. PS: If you want to make icons, you need to use vector drawing software AI, so that the amplification will not be distorted.
Many hungry tools will be designed in UI design. Bian Xiao's simple analysis is as follows:
1、Mindnode
Mindnode is a flowchart tool on Mac and IOS, which is both focused and flexible. It is an excellent tool for brainstorming and organizing life affairs.
2, Baidu brain map
Baidu Brain Map is a mind mapping tool for online and cloud operations. Instant access, convenient sharing and collaboration, not limited by the terminal, can be opened anywhere.
3、Xmind
Similarly, Xmind is a popular mindmanager, which creates an easy-to-use, beautiful and efficient visual thinking management tool.
4. Thinking Manager
In fact, the mind mapping tools are all the same. Whether you are comfortable or not depends on your own practice. You can choose what suits you.
Second, the prototype tool.
Required tools: sketch (frame diagram), POP (preliminary prototype), ink knife (high-fidelity prototype diagram and interaction)
1, sketch
Sketch is a powerful interface design tool, specially designed for UI designers to make your interface design simpler and more efficient. If you are a UX or UI designer, then you must know Sketch, a powerful UI design software.
In Sketch, users can easily set up layer panels, name layers in batches, intelligently mark pages, fill avatars and people, and realize multi-layer filling, gradient, noise and other operation functions. Sketch provides the function of "export all", because it is based on vectors, it can export formats such as PDF, JPG and PNG (2x optional). It must be mentioned that Sketch provides designers with a wealth of plug-ins, which can meet the design needs of different groups of people more and more, and all the tools you need are at your fingertips.
A, excellent user experience;
B, very simple and easy to use;
C, provide a large number of practical plug-ins.
Sketch is a lightweight and easy-to-use vector design tool. Sketch is especially suitable for making personal works that are inseparable from the functions of small and medium-sized teams and designers. Wireframe to visual sketch can be completed in one software, which can save a lot of time. Including web page flow chart template, mobile phone wireframe package, mini dark flow chart, iPhone frame template, AppleWatch interactive flow package. On the basis of the prototype frame material, the frame diagram that meets the product requirements is drawn by sketch. As follows:
2. Popular
PrototypingonPaper, a mobile phone application, turns things on paper into prototypes. After taking photos, you can edit hotspots on your mobile phone and quickly simulate the dynamic effect of the prototype on your mobile phone.
3, ink knife simulation robot
Ink knife is an online interactive tool for high-fidelity prototype and wireframe design, which I believe many designers have used. It can automatically label, code styles and download multi-rate cutting drawings, which can solve the delivery problem of designers when docking multi-platform development.
Third, the prototype interactive demonstration tool
Required tools: sketch (design draft), Axure (prototype interaction), Marvel Comics (prototype display), principle (interactive effect), ink knife (prototype interaction), Mockplus (prototype interface).
1、Axure
Skecth can be used to design and go directly to Marvel Comics to realize high-fidelity interactive display. Marvel Comics has a sketch plug-in that can be imported with one click. If you design a mobile App, you can show it to others directly on your mobile phone after using Marvel Comics.
2. Marvel Comics
3. Principles
Principle is mainly used to achieve more complex interactive effects, which is more difficult to operate than Marvel Comics, and is suitable for people with animation foundation.
Ink knife is also a prototype tool, which can also realize interactive function. For example, you have made some prototype pages in the ink knife, which can be displayed to customers through interaction. This is more intuitive. Not much to say.
5, analog plus
Supported platforms: Windows &；; Apple personal computer
Mockplus is an efficient and simple interface design tool for app, and it is a popular interface prototype design tool in domestic product manager circles. The software provides more than 3,000 packaged icons and more than 200 components, which can drag and drop to design the UI interface, with low learning cost and no need for code participation. It is a very good choice for UI designers. If a UI designer doesn't even have basic prototype design ability, how can he communicate effectively with development?
It is worth mentioning that Mockplus recently released a plagiarism design system, which is a great benefit for UI designers. The system provides outlines such as standard colors, standard words, icons, layouts, etc. , covering almost all the contents of a design specification document, supports Sketch plug-ins, which means that designers can reuse your own design specifications in Sketch with one click, saving a lot of operation time.
A, simple, zero threshold;
B, rich icons and components;
C, drag and drop to realize the interactive effect;
D, small program preview, anytime, anywhere to demonstrate with customers.
Fourth, design and cutting tools.
Required tools: PS, AI, etc. (Design), Cutter (Drawing Cutting Tool), PxCook (Marking and Drawing Cutting Tool), Zeplin (Drawing Cutting, Marking Design Draft), etc.
Not to mention the design process, as long as you are a UI designer, you must know how to make a page. After you design the page, all you have to do is mark and cut the picture.
1, interface design tool (Photoshop)
Supported platforms: Windows &；; Apple personal computer
Photoshop is one of the most popular image editors and an indispensable interface design tool for UI designers. I believe that I am not a small partner in the design industry, and I know a little. As an artifact of UI interface design, PS has powerful image editing and processing functions and can be used to realize any desired graphics. It can be used for post-production of photography, adding various filters to images, adjusting brightness and contrast, and generating high-resolution graphics. With the help of the layer panel, the restored picture can be processed very simply and efficiently; Moreover, PS provides options for saving in different file formats, and adjusting the image size and resolution will not lose the image quality.
PS: If you want to make icons, you need to use vector drawing software AI, so that the amplification will not be distorted.
A, photo processing technology (background cutting, cutting, dimming, color matching, filtering, eliminating red eye and other functions);
B, powerful layer function to save the original when processing the copy;
C, batch processing photos;
D, compatible with other dwelling suite programs, such as after effect, indesign, illustrator.
E.Photoshop can save images in various formats.
2. There are many tools for marking and cutting drawings. Here, I just recommend a few commonly used tools to you.
1) cutter worker
Cut the plug-in and install it into the PS plug-in. It can automatically output the layers you need, instead of the traditional manual "export the format used by the web" and the tedious process of slicing one by one with the slicing tool. Support a variety of image sizes, formats, morphological output, convenient for you to use on pc, ios, Android and other terminals. It doesn't need you to remember a lot of grammar and rules, and it's easy to click, convenient and quick, and easy to use.
Note: AdobeAir files need to be installed, otherwise there is no way to install plug-ins.
2)PxCook
PxCook can be marked or cut. It is an efficient and easy-to-use automatic labeling tool, which generates front-end code and designs collaborative tools. Just click and drag, you can easily get all the information such as spacing size, font, shadow fillet and so on. Papua New Guinea, JPG can also be measured manually. Supported tag units: PX, PT, DP/SP, REM. You can also generate front-end code, support Win/Mac, support PS/Sketch and so on.
3) Zeplin
Zeplin is a very useful plug-in with Sketch. After the design draft is completed, it can be directly imported into Zeplin from Sketch. Zeplin can help you automatically generate size labels, CSS style codes, pictures to be exported (the design draft of slices is set in Sketch and can be exported directly in Zeplin), and members of * * * can make comments and annotations.
Five, dynamic visual processing tools
Supported platforms: Windows &；; Apple personal computer
Adobe after effects "AE" is an interface design tool for graphics and video processing introduced by Adobe Company. Nowadays, the application of dynamic effect design in UI interface design has become more and more extensive, and many domestic companies have begun to attach importance to dynamic effect design, so as a UI designer, we should also master some dynamic effect design. The application of dynamic effects in UI design is actually more powerful than we thought. Good dynamic effect design can provide users with a good visual experience, thus enhancing the interactive experience with users.
AE, an interface design tool, can help UI designers to perform any special effects on pictures and videos. AE is a flexible layer-based 2D and 3D post-synthesis software, which contains hundreds of special effects and preset animation effects. AE can be seamlessly combined with Premiere, Photoshop, Illustrator and other software to create unparalleled visual effects. It also draws lessons from the success of many excellent software, and pushes the image and video special effects synthesis technology to a new height.
A, shocking visual effects;
B. Seamless compatibility with Premiere, Photoshop Illustrator Illustrator.
Six, front-end tools
1, dream weavers
Supported platforms: Windows &；; Apple personal computer
Dreamweaver is a web page code editor, which can help designers and programmers to make and build websites quickly. Why should it be listed separately? I think UI designers not only need to master some interface design tools, but also need to learn and understand some front-end layout and design in order to better cooperate with front-end engineers in product development. If UI designers know some basic code knowledge, they can stand out in the interview and become extra points.
Seven, the project schedule management tools
Tools needed: Trello (task management), Bearychat (team communication). There are also many tools for project schedule management, and only a few are recommended here. The big secret of ui design tools
1, Terreiro
Trello is a very popular task management software abroad. It is said that there are190,000 registered users, which are used by the International Red Cross, Google and American Deere Company.
2. Bears haunt
Bearychat is the China version of Slack, which integrates chat groups and tools to replace QQ or WeChat as a timely chat communication tool in team work. In the final analysis, mastering interface design tools is only part of being an excellent UI designer. UI interface design requires designers to master the knowledge of color matching, design specifications, interface typesetting, communication skills, cutting and marking, dimensioning, user experience and so on. So what we need is to keep learning, persist and enrich our comprehensive ability. I hope the five interface design tools shared above can help you.
Related news:
In commonly used ui design software, such as ui designer's job content analysis, what is ui design, seven employment directions of ui design, ui design employment prospect analysis, what are the elements of UI design principles, UI design training course content, UI design process analysis, etc., PS and AI play an important role. So we often see that in the design group, some beginners often ask: Which is more suitable for APPUI or web design, Photoshop or AI(Adobeillustrator)? The difference between AI and PS is as follows: