What tools are used for appui interaction design?

There are many tools for appui interaction design: WebFlow is a webapp that allows you to complete the visual and interactive design of the website directly in the browser, and also includes real-time preview and code writing functions.

WebFlow's editor interface is friendly, what you see is what you get, and the designer has complete control. WebFlow has been continuously updating features, including web fonts, video support, interactive states, W3C standardization, and even hosting. Marvel is a free prototyping web application that can perform web design and mobile UI design. Like WebFlow, you can use Marvel to complete the design completely online, and it can be synchronized with your Dropbox, making it convenient for you to share or share. It is worth mentioning that Marvel supports PSD format documents, which means that your visual draft can be used without converting the format. Macaw is a desktop WYSIWYG design tool with real-time code preview and convenient output. What is unique is that Macaw can create responsive designs, and the built-in breakpoint editor can help you easily achieve perfect responsive display on screens of different sizes. Although the code editing function in Macow is not very necessary, the latest version of Macaw has a good experience in HTML and CSS code editing. UXPin is a well-known design web application. Users can use UXPin to collaborate online to complete the design of wireframes and prototypes. UXPin is designed to help designers quickly and easily conduct wireframe and prototype design. It has complete version management, supports responsive design, and performs UI design by dragging and dropping prefabricated controls. How to use UI design software to make app pages

The first point: Understand the mentality of your target customer group

1. Do micro-tasks for the target customer group (such as reading the news anytime, anywhere) , listen to music, watch movies, chat about gossip, etc.):

This type of solution is to design the app to be small and accurate, not large and comprehensive. The more complete the functional application, it can only mean that the application is mediocre in all aspects

2. The target customer group who likes to use it as a tool: such as finding maps, watching the weather, checking data, etc.

This type of solution is our best effort to meet the situational needs of users. Make it ultimate and simple.

3. Boring customer group, used to kill time: no need, aimless

This type of solution is to show what the user is interested in as much as possible. Help customers to pass the time.

Second point: APP prototype production and design discussion

This link is essential. You need to carefully draw prototypes according to design requirements.

Commonly used APP prototyping tools: mobile APP prototyping tools POP, axure, Foreui, etc.

The third point: APP visual design and design points

( 1) The design section probably includes APP startup page design, APP interface design size specifications, app icon design, etc.

Generally speaking, mobile phone screens are laid out from top to bottom, and important information will be placed at the top . But in terms of operation, most people hold their phones with one hand, and commonly used operations should be placed at the bottom of the interface.

Another principle is that the smallest touch unit is generally 44 pixels. If it is smaller, it will be difficult for your thumb to touch, or it may easily cause misoperation. At the same time, don’t make the interface too crowded.

Therefore, designers must design by subtraction. This process requires spending time thinking and simplifying elements.

You must remember: (1) Hidden design or subtractive design (2) Partition or classification (3) Help users make decisions (4) Improve interactive innovative design (5) Make people feel refreshed and novel Sense (6) Integrate emotions into the design and grasp the user's psychology. (Talk about how to carry out product design and product emotional design)

A master said: "The real simple design is: the work must be constantly simplified and changed again and again until the design is finally formed." ”

In 2014, APP design style tends to be flat and card-like. Cards and flatness will be the trend in mobile app design! I think card design does have both the advantages of "imitation" and "minimalism"!

The fourth point: APP interface design process

(1). When designing the APP interface, learn to seek inspiration from excellent APP interface design works. Previous art masters have done a lot of design with a small amount of resources.

(2). It is helpful to put down your work and take a break. Flat and minimalist design is all about the small details. Therefore, returning to work after a short break and working with a new perspective is more effective than meditating for a long time.

(3). Comparing layouts side by side is also helpful. Even if you spent 20 minutes moving a line down 5 pixels and saving them separately, you can quickly tell which one is better and which one is worse by comparing the two layouts.

(4). Since the relative proportion of the physical display is crucial, it should be tested on different target devices as early as possible.

(5). Keep asking yourself “Is it really necessary?” throughout the design process. When supporting the project, find some clever ways, for example, adding some interesting elements and styles will be easy and attractive.

But you must always pay attention to eliminating unnecessary elements and constantly simplifying them. It's always hard to get rid of something you've worked so hard on, but the revision process must be picky.

Point 5: APP interface design testing and preview correction

After the design is completed, we can import the design drawing into the mobile phone for testing or correction. Previously released online testing tool: a method to quickly preview APP interface design renderings on mobile terminals. Finally: good APP interface design works must undergo continuous upgrades and repeated iterations. How much does it generally cost to design the UI of an app?

How much does it cost to design the UI of an app?

Nowadays, many companies want to have mobile APPs belonging to their own companies or products, but the most troublesome problem for business owners is: development How much does a mobile APP cost?

To put it simply, it depends on the demand and quality of the mobile APP. The price is generally around a few thousand to hundreds of thousands, with higher-end products costing more.

Today, we will analyze this issue in detail, please continue reading.

1. APP development styles are divided into fixed styles and customized styles, both of which have different prices

Fixed style: refers to directly applying existing, ready-made APP fixed templates , the quotation is fixed, and the required functions are also fixed. The disadvantage is that the customer cannot get the source code, nor can it be customized according to the needs of the enterprise. Since the source code is encapsulated, if the enterprise wants to perform function upgrades or system maintenance in the future, It cannot be realized and can only be re-developed with a new software.

The development time of fixed-type APP is short, and it can be completed in about 2 to 3 days, and the cost is about several thousand to tens of thousands.

Customized version: Customized version refers to the redevelopment of all APP functions. The process is relatively cumbersome and requires the collaboration of artists, planners, APP development (front desk/client/mobile terminal), and backend programmers. Large, complex-function APPs even require a team of dozens of people.

Since the functions and design of the APP are customized, the price will be higher. The development time of customized models is directly proportional to the development price. The development time is long, and it can be completed in about two to three months or even an indefinite period, and the cost is about tens of thousands or even hundreds of thousands.

Therefore, if you want to know how much it costs to develop a mobile APP, the business owner must first inform the APP development company of the detailed requirements and functions of the APP, so that the development company can quote a reasonable price.

2. Different mobile APP platforms have different production costs

There are two main popular mobile APP production platforms on the market, generally including two systems: Android (Android) and Apple operating system (IOS).

Generally speaking, the cost of making mobile APP software for the Apple system is more expensive than that for the Android platform, because Apple’s closedness to the Apple platform and the difficulty of the mobile APP development language Objective-C make APP Developers have made it more difficult to develop mobile apps for Apple systems.

3. The APP production cost includes the wages of the participating personnel

Normally, developing an APP requires one product manager, one client engineer, one back-end engineer and one UI designer each , this is already a relatively streamlined configuration for making mobile APP application software, so the wages of these participants are also included in the APP production cost. The combined monthly salary of these staff members may exceed 40,000 to 50,000 yuan.

4. The location of the APP development company

It should be noted that APP development companies with the same strength will also cause the cost of APP to be higher in different cities