AppUI online design-how to make app pages with UI design software

What tools are used for appui interaction design? There are many tools for appui interactive design: WebFlow is a webapp, and you can directly complete the visual interactive design of the website in the browser, including real-time preview and code writing functions.

WebFlow's editor interface is friendly, what you see is what you get, and the designer is in complete control. WebFlow has been constantly updating its functions, including web fonts, video support, interactive status, W3C standardization, and even hosting. Marvel Comics is a free prototype design Web application, which can be used for web page design and mobile UI design. Like WebFlow, you can use Marvel Comics to complete the design completely online, and synchronize with your Dropbox, which is convenient for you to enjoy or share. It is worth mentioning that Marvel Comics supports PSD format documents, which means that your visual manuscript can be used without changing the format. Macaw is a desktop WYSIWYG design tool with real-time code preview and convenient output. Unique, Macaw can create a responsive design, and the built-in breakpoint editor can help you easily achieve a perfect responsive display on different sizes of screens. Although the code editing function in Macow is not necessary, the latest version of Macow has a good experience in HTML and CSS code editing. UXPin is a well-known design web application, and users can use UXPin to complete the design of wireframes and prototypes online. UXPin is designed to help designers design wireframes and prototypes quickly and conveniently. It has complete version management, supports responsive design, and designs UI by dragging prefabricated controls.

How to make an app page with UI design software The first point: Understand the mentality of your target customer group.

1. Target customers for micro-tasks (such as watching news, listening to songs, watching movies and chatting gossip anytime and anywhere):

This solution is to design an app, preferably small and refined, not big and comprehensive. The more comprehensive the functional application, it can only mean that all aspects of this application are mediocre.

2. Target customers like to use it as tools: for example, finding maps, watching weather and checking data.

This solution is that we try our best to meet the situational needs of users. Extreme and simple.

3, boring customer base, used to kill time: no demand, aimless.

This solution is to show the content that users are interested in as much as possible to help customers kill time.

The second point: Discussion on the production and design of APP prototype.

This link is crucial. Draw a prototype carefully according to the design requirements.

Common tools for APP prototype drawing: mobile APP prototype design artifacts POP, axure, Foreui, etc.

The third point: APP visual design and design points.

(1) About the design part, there are APP startup page design, APP interface design size specification, app icon design, etc.

Generally speaking, the mobile phone screen is laid out from top to bottom, and important information will be placed on the top. But in operation, most people hold their mobile phones with one hand, and common operations should be placed at the bottom of the interface.

Another principle is that the minimum touch unit is generally 44 pixels. If it is small, your thumb is difficult to touch, or it is easy to cause misoperation. At the same time, don't make the interface too crowded

Therefore, designers must use subtraction design, which takes time to think and simplify elements.

You must remember: (1) hidden design or subtraction design (2) partition or classification (3) help users to make decisions (4) improve interactive and innovative design (5) make people refreshing and novel (6) immerse themselves in emotions and grasp users' psychology in design. (Talk about how to design products and emotional design of products)

A master once said, "The real minimalist design is that the work must be simplified and changed again and again until the design is finally formed."

20 14, the design style of APP tends to be flat and card-shaped. Cardization and flattening will be the trend of mobile app design! I believe that card design does have the advantages of "imitation" and "minimalism"!

The fourth point: APP interface design process.

(1). When designing an APP interface, you should learn to seek inspiration from excellent APP interface design works. Previous masters of art made a lot of designs with a small amount of resources.

It is helpful to have a rest after work. Everything about flat and simple design is related to the differences in details. Therefore, instead of meditating for a long time, it is better to have a rest and then go back to work with a new vision.

Effective.

(3) It is also helpful to compare each layout side by side. Even if it takes 20 minutes to move a line down by 5 pixels and save it separately, you can quickly distinguish the good from the bad by comparing the two layouts.

(4) Because the relative proportion of physical display is very important, it is necessary to test on different target devices as soon as possible.

(5) Keep asking yourself, "Do you really need it?" . When supporting the project, find some clever ways, for example, adding some interesting elements and styles, which will make the project simple and attractive.

However, we should always pay attention to eliminating unnecessary elements and constantly streamlining them. It is always difficult to give up what you have worked hard for, but the process of revision must be crucial.

Fifth point: APP interface design test and preview correction.

After the design is completed, we can import the design into the mobile phone for testing or correction. Previously released online testing tool: a method to quickly preview the design renderings of APP interface on the mobile side. Finally, a good APP interface design work must be constantly upgraded and iterated.

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

Now many companies want to own their own mobile apps or products, but the most puzzling question for business owners is: How much does it cost to develop a mobile app?

To put it simply, according to the demand and quality of mobile apps, the price is generally around several thousand to several hundred thousand, and the high-end price is higher.

Today we will analyze this problem in detail. Please read on.

1.APP development styles are divided into fixed mode and customized mode, and the prices of the two modes are different.

Fixed payment: refers to the direct application of the existing and ready-made APP fixed template, with fixed quotation and required functions. The disadvantage is that customers can't get the source code and can't customize it according to the needs of enterprises. Because the source code is encapsulated, enterprises can't upgrade their functions or maintain their systems in the future, so they can only re-develop a new software.

The development time of fixed APP is short, which can be completed in about 2~3 days, and the cost is between thousands and tens of thousands.

Customization: Customization refers to redeveloping all the functions of APP, which is complicated and requires the cooperation of artists, planners, APP development (foreground/client/mobile phone) and background programmers. A large and complex APP even needs a team of dozens of people.

Because the function 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, which takes a long time, about two or three months or even irregularly, 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.

Second, different mobile APP platforms have different production costs.

At present, there are two popular mobile APP production platforms, including Android and IOS.

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

Third, the production cost of the APP includes the salary of the participants.

Usually, developing an APP requires a product manager, a client engineer, a back-end engineer and a UI designer, which is a relatively streamlined configuration for making mobile APP applications, so the salaries of these participants are also included in the app production cost. The monthly salary of these staff members may add up to more than 40,000 to 50,000 yuan.

Fourth, the location of APP development company.

It should be noted that APP development companies with the same strength will also lead to higher APP costs in different cities.