Wedding service UIAPP - Plastic Surgery and Aesthetics Network

Wedding service UIAPP

1, the main purpose is 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 feature of bitmap is that the bigger it is, the clearer it is for pixels and the more blurred the image.

Sogou encyclopedia -AdobePhotoshop

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 AfterEffect, 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 and 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.