How to make a more elegant data input form during project Creation

From graduation to the present, most of the projects I have been working on are data input forms, and I have worked on reports for one year, so I am not dealing with the UI at all. At that time, I thought it was easy to do the UI. It is really easy to do the UI. Drag the control, but it is easy to do things that seem easy and not easy to do well.

First look at a classic ASP backgroundProgram

I am a friend of ASP program. I believe this interface will be very friendly.

The following is what I did when I graduated. Most of them are website backgrounds. Let's take a look at this interface.

This is an interface for adding website information classification. The main content is the cuteeditor control, which is replaced by a text control.
At that time, I thought that the most powerful control (cuteeditor) was a very professional program.

Let's look at a later project and use a blue-style data input form.

When you are familiar with HTML attributes, you like centered display and use some special HTML effects, such as background images and borders.

Looking at this data input form, there is not much background and decoration. You can directly use the original HTML control table with the border of 1

When I used this style of interface, I really realized that I was writing HTML with a wordpad. I completely abandoned the designer to design the HTML interface. All the interfaces were hand-written, well-organized, and laid out, the style is exactly the same. This style continues for a long time.

Let's take a look at this style of interface.

Put the most important content at the top of the input table and arrange them in sequence. The top part of the table is the title and the background is extremely high. The font is relatively small, but it is added with a black body for easy identification;

In addition, tabs are used to improve the effect. The classic interface looks like user management.
You can also use multiview to improve the display effect.

Let's take a look at the 163 email writing input interface.
The subject uses a light-colored background. optional items (recipients) Use a yellow background. required items (subject and content) are white backgrounds;
This color scheme works well with the background on the home page.

Maybe you have deep CSS skills and can make beautiful and beautiful interfaces, like the 163 mailbox; maybe you can only make simple interfaces like me, if your interface design skills are better than mine, you can also write an articleArticleTo show your interface and let everyone learn together.
Some of the programs that have been developed over the past few years require you to handle your own interface without providing art engineers. In addition, you do not have to do the art for internal systems of the company.

This article analyzes the login interface and serves as a reference for interface design.
Software login interface design sharing