In today's article, let's not explain the functions, let's introduce the UI effects and design concepts of nsNiuniuSkin's several sets of installation package templates!
foreword
Friends often ask, what is the difference between several templates of nsNiuniuSkin? After I get the template, is it convenient to replace it with our own UI?
Let’s do a unified reply today:
- nsNiuniuSkin currently has a total of five sets of templates. Except for the different interface display effects, the script functions of the templates are the same.
- Among the five sets of templates, we have formed different versions of the minimalist version, the general version and the high-end version based on considerations such as the size of the installation package, the background image area, and the number of UI replacement elements; using different templates, it is very convenient to change the interface
Next, let's introduce them one by one. Since the quality of the gif recorded pictures is slightly poor, there will be an additional png screenshot for each effect picture.
Advanced Edition
The high-end version is a set of UI templates with darker colors designed by us. It uses a full background image. If you expect the color of the installation package to be similar to this, it is recommended to use this template. In the end, you only need to replace a background image. Two background images of different styles are integrated in the existing template, the effect is as follows:
Style one installation effect:
Style one uninstall effect:
Style 2 installation effect:
Style 2 uninstall effect:
It can be seen that the two effects are exactly the same, the difference is only a background image, is it very convenient?
general edition
The general version is a relatively classic UI template designed by us after investigating the effects of many installation packages on the market; it uses a background image in the upper part and a pure white design in the lower part, which is more suitable for darker colors in the upper part. The light-colored installation package style in the lower part is suitable for the installation package UI of most current software, and the effect is as follows:
Installation effect:
Uninstallation effect:
Minimalist
Our overall design concept for the minimalist version is to use as few pictures as possible, and use more background colors to configure the UI of the installation package, keep only a small number of common pictures, and try to control the volume of the installation package; if you like the solid color style, there is no Too many UI design resources, then I suggest choosing this one.
Minimalist version 1 installation effect:
Minimalist version one uninstall effect:
Minimalist version 2 installation effect:
Minimalist version 2 uninstall effect:
Minimalist version three installation effect:
Minimalist version three uninstall effects:
It can be seen that the minimalist version 1 is pure white, the minimalist version 2 is a gradient from blue to white in the upper part, and is naturally connected with the white in the lower part; the minimalist version 3 uses blue on the top and white on the bottom Independent color matching; these three templates are very suitable for adjusting the background color by hand or script to form a new installation package interface.
Summarize
In terms of style, different styles of installation packages have their own design focus, but they are all relatively simple; at the same time, we also focused on the volume of the installation package. , 1.5 times, 2 times the carousel image and LOGO, etc.) can reach less than 1MB; if DPI adaptation is not done, it can even be about 500KB, which is really small in size and rich in functions! The general version and the high-end version, because they use relatively more background images and richer colors, the volume will be correspondingly larger, but the increase in volume is limited, and they are all at the KB level!
Online installation package volume:
The software installation package of our installation package UI designer is implemented using minimalist template 3. If you want to experience the complete installation process, you can download and install:
http://www.leeqia.com/download/NSNiuniuSKin_DuiDesigner_Setup.exe
Do you like these UI templates? At present, we have asked designers to design more UI templates for the installation package, such as mountain style, ocean wave style, sky cloud style, starry sky style, etc., so stay tuned!
The interface is only a small part of the nsNiuniuSkin installation package production solution. It integrates the characteristics of small size, beautiful interface, security, scalability, and full-process automatic packaging, helping every enterprise to make the best installation in the shortest time Bag!
epilogue
During the installation process of the installation package, the exquisite UI can often make customers more impressed with the installed products, and it can better reflect the focus and intention of the software service provider on the user experience!
We hope that our efforts can make the installation package production easier and happier!
May there be no difficult installation packages in the world!