Management Business System Menu part beautification experience sharing, take all the good things together is not easy to form the overall effect

Source: Internet
Author: User

This project is about one year of experience in menu tossing, suffering, and optimization of large-scale management software systems. In the past, software systems were developed using Microsoft's website style, generally, small and medium-sized management software has a good effect. It can be accepted by customers after several years. Although it is not very beautiful, it cannot be used. It can only be achieved to this extent, without the talent of art, in addition, there were few artists in the company at that time, and many programs were written in the circle of friends, and there were very few artists doing well. Therefore, there was no way to directly simulate the effect of Microsoft's website, I thought about it and changed the text on the menu a little. Over the years, professional website designers have been searching for talents in this field, we hope that long-term cooperation will be available in the future.

 

There are usually two types of designers, one is HTML, the other is image processing, the other is HTML, and the other is not refined, for more information, see:

 

From the programmer's perspective a few years ago, it was also very beautiful. At that time, the menu navigation without folding menus and tree structures was not used, and it had been applied in several small and medium projects for several years, the following are some unfriendly points:

1. The color is a bit gloomy and heavy. It also makes people feel a little heavy. Although developers like it, the end customers do not like it.

2. If other effects are not well applied, it is easy to become a problem of inconsistent color collocation. A messy color may occur, and some bright colors may not be used, which may become messy.

3. It is difficult to write button permission control. For example, some of the buttons above use HTC technology and write a lot of JavaScript.

4. later, the collapsed Menu Control and componentart tree control were used. However, when there were too many menu items, some sub-menus were not friendly and could not automatically adapt to the height issue, at the same time, color matching has become a problem. I chose several styles. In general, they all failed and the customers were not satisfied.

 

Although Microsoft and componentart are used in the combination of the above effects, they are very uncoordinated. Although they are both good in the industry, they are hard to see, you may also feel a little disgusting when you look at it yourself. I also think it is really hard to get it, but there is no way, without the help of professional page designers, at the moment, we cannot find the right person to subcontract this part of the work, or outsource it to the right organization for handling.

 

This is like a famous metaphor, which combines the advantages of all beautiful women into a new beautiful girl. It is likely to be a devil, and there is also a saying, we imagine tianxianmeimei in our minds, but we have drawn from our own hands that it is an ugly devil. It is not a professional in this field, and it is easy to achieve the overall effect, all the local effects can be done well, but the overall effect does need to be horizontal.

 

In fact, I have also participated in some well-designed projects before, but such projects either cannot run now, are lost, or do not care at the time, and have never been saved, as a result, I started to suffer from the beginning when I needed it, or another idea was that I could definitely do better than you, but I couldn't see it at the time, when it was my turn to do what I really needed to do, what I made was really ugly and I couldn't get it, and the customer was not satisfied.

 

Later, I tried to find a professional website design engineer who spent about 1000 yuan on the design. The general effect was as follows:

This tone is good enough, but it is not good enough, and hundreds of menus are not well distributed. It is only suitable for the front-end display function of a website with a small number of menus, which also makes me a headache, it is not often used for background management. Their design ideas are different. Some of the things they have designed cannot be used directly.

 

There is really no way to find a way to do a very good job in front-end demonstration, big and long run in the past to learn, take the accumulation of 10 people to come, and use their own projects, the effect is much better, as shown below:

This page effect is very suitable for large-scale internal management systems. It can easily accommodate dozens of modules and hundreds of menus. In addition, the sub-menus are displayed in a friendly way, the interface is also introduced, which is not easy to watch, or the color is gorgeous, and the header can be folded, saving a lot of screen space and allowing you to view more data lists, after using this demonstration, the customer is also satisfied, not to mention the interface dissatisfaction, but also solves a very disturbing problem. Of course, these things cannot be done by programmers, they don't have the courage at all, nor do they care about the effects of the entire project. They can't do their own modules. After all, they cannot put too much pressure on them.

The folding effect is as follows: It looks concise and refreshing.

At the beginning, every module made a menu to catch up with the progress. Later, I felt that the code was repeated. There was no need to have dozens of menu files and simplified them into two menu files, these hundreds of menus can be well processed, and some caching functions can be used to cache user menus, so that the display effect will be faster, the number of files is also much less, at least the compilation speed, and the size of the executable files after compilation is much less. take dozens of files out, at last, it turned into only two or three files, and it was quite refreshing.

 

Of course, the menu management and display sequence, menu movement and menu permission settings are integrated with my own general permission management tools, it is very convenient to think about how to make a menu, and how to set the permissions. Common developers do not need to worry about these complicated tasks. They only need to use tools, you can configure a few times, and I have no energy to configure hundreds of menu items. Just configure the menus of several modules that I am responsible.

 

Background Management configuration is as follows: do not add a few small icons, it looks more comfortable,

 

The module configuration management is as follows:

Although these can be configured manually in the database, hundreds of menus will be dazzled. You can use a tool to configure them, which is easy to worry about.

 

Although this is no big deal, it takes half a year to complete the optimization and integration from the beginning to the end. Because a person is not omnipotent, either writing a program, or displaying a strong front-end, or writing a strong back-end, or an artist, but wants to gather so many people together, it is generally difficult for small companies to achieve a perfect combination. It requires a lot of financial resources.

 

It is easy for us not to pay attention to our projects. I just want to remind everyone that every well-handled project may be useful someday, so we should not always think about it, I can do better by myself. In fact, I may not be able to do well. Even if I can do well, I may not have that energy. Therefore, every project I have done is well preserved, and collection is the final principle.

 

 

With permission management and workflow management, one person can do only a few things well.
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.