A kind of method of web page template Style DesignTechnical field
The present invention relates to computer software technical field, particularly relate to a kind of method of web page template Style Design.
Background technology
At present along with the develop rapidly of computer technology, webpage design style becomes more diverse and personalization, and new idea, new gimmick continue to bring out out.According to the needs of theme expression, some pursuit is enriched visual effect, is adopted the space of a whole page of a large amount of picture file to appear in our visual field, these static images through cutting out flexibly, rational deployment creates the form of various novelty.The wherein design of more strikingly web page template outward appearance.The general layout of single square frame is broken in this design, and form is lively, bright characteristic, and its appearance, has enriched the visual performance power of works, for network world adds colorful one, is worth us to go further investigation and inquire into.It should be noted that the webpage appearance said here, be spatially limited to browser, but moulding is not equal to the square frame-shaped of browser, by particular design, it can have the personalized form of expression.Now, due to popularizing of online broadband, the situation strictly controlling picture number and quality for fear of speed of download makes moderate progress.And on the other hand, personal computer screens widen the raising with resolution, increase the information saturation of the space of a whole page, content of pages does not take the space of whole screen with not needing standing type.Therefore, the style how designing Web page module improves the key of subscriber usage.
Summary of the invention
The technical problem to be solved in the present invention, is a kind of method providing web page template Style Design, can adding users to the likability of website, thus establish good Consumer's Experience.
The present invention is achieved in that a kind of method of web page template Style Design, and described method comprises the following steps of order in no particular order:
The webpage appearance of web page template itself is arranged, adopts flattening style, make web page template style simple and clear;
The setting that browser first screen display shows is carried out to webpage appearance;
Webpage appearance is strengthened to the utilization of straight line and camber line, make each mac function of web page template form the effect of stacked on top of one another;
Carry out personal settings before logging in user and after logging in, user can hommization, selects the skin oneself liked to arrange freely.
Further, the described webpage appearance to web page template is arranged itself, be specially: webpage appearance form carries out the structure conjunction that variation depends on a large amount of picture file, reduces, using the global feature of picture as webpage appearance to the Word message in web page template.
Further, described the setting that browser first screen display shows is carried out to webpage appearance, be specially: all the elements in webpage are only limitted to, in a single screen, do not occur the situation of scroll bar, and in the page of the webpage of strip multihead display, the part that body shape changes enriches concentrates in the first screen shows.
Further, described user is logged in before and carry out personal settings after logging in, be specially: provide default interface color when user logs in first time, interface is color and the shading of default recommendation, and user simply can select look & feel according to the hobby of self; What different users opened is same product, can open the different interfaces meeting self expection; User in use can adjust personalization equally, and adjustment comprises: shading, color and self-regulation classify; The selection of individualized content, interpolation, deletion, adjustment are embodied a concentrated reflection of; User can carry out arranging shading operation, the operation of this shading comprises: the pictorial information of acquisition can be set as shading by user, the picture that oneself is liked can be set to shading by user in upper network process, instantly extraneous popular pictorial information is set as shading by user, or user can be arranged to shading by with relevant pictorial information of self living; Described pictorial information comprises: film, personage, landscape, grain pattern, oneself, father and mother, lover or child's picture.
Tool of the present invention has the following advantages: the first, at outward appearance design aspect: the style adopting flattening, and advantage is just that it can the more simply direct working method by information and things display, and reduces the generation of cognitive disorder, reduces vision and aestheticly tired.Be different from and intend the shadow of materialization by " thing ", prominent feature gives user profile, and the form of flattening card makes user can obtain information more easily by simple color matching and word, more convenient man-machine interaction; Aesthetically also can give user more pure and fresh sensation.
Second, personal settings aspect: container can be allowed to carry any sensibility, abundant the selecting for user of emotion, makes the input of user feeling enough easy, allow the sensibility of user bring more expectation to produce rely on, contribute to stickiness and the page browsing amount of adding users.
3rd, in Consumer's Experience: along with the impact of mainstay trend, page correcting designs hommization more, succinctly, understands, attractive in appearance; A good website, be unable to do without perfect Pages Design; Sense organ meets user, more beautiful design, can adding users to the degree of belief of website, thus establish good Consumer's Experience.
Accompanying drawing explanation
Fig. 1 is the inventive method schematic flow sheet.
The structural representation of the webpage that Fig. 2 designs for the present invention.
Embodiment
Refer to shown in Fig. 1 and Fig. 2, the method for a kind of web page template Style Design of the present invention, described method comprises the following steps of order in no particular order:
The webpage appearance of web page template itself is arranged, adopts flattening style, make web page template style simple and clear; The differentiation of frame module understands, facilitates Consumer's Experience.
The setting that browser first screen display shows is carried out to webpage appearance;
Webpage appearance is strengthened to the utilization of straight line and camber line, make each mac function of web page template form the effect of stacked on top of one another; Collocation of colour: the soft collocation of color, color is mainly pure color, does not do fade effect.
Carry out personal settings before logging in user and after logging in, user can hommization, selects the skin oneself liked to arrange freely.
The described webpage appearance to web page template is arranged itself, is specially: webpage appearance itself is not only the shell of load contents, and it can convey a message to a certain extent, expresses idea.Under technical conditions allow, the structure that the variation of form depends on a large amount of picture file closes, and Word message correspondingly reduces, and picture is as the important tool conveyed feeling and ideas, and it is simple and direct vividly fresh and alive again that its advantage is to express.And the global feature of outward appearance is first starting point of viewer usually, be different from traditional hole, aspect, make every effort to from theme publicity, try to achieve visually the reception and registration effect of " without preamble " with personalized design.
Described the setting that browser first screen display shows is carried out to webpage appearance, be specially: all the elements in webpage are only limitted in a single screen, do not occur the situation of scroll bar, and in the page of the webpage of strip multihead display, the part that body shape changes enriches concentrates in the first screen shows.The moulding of webpage appearance inherently specific scene or have the shape of individual meaning sometimes, if main image is wide or long, need sliding-rolling bar just can see whole contents, globality will be had a greatly reduced quality, and have impact on visual effect.Here except page all the elements are only limitted to single screen, do not occur outside the situation of scroll bar, also have another kind of special shape, i.e., in the page of strip multihead display, the abundant part of body shape changes is concentrated in the first screen and displays.Always rhythm arrangement is particular about in good design, no matter the many long page of content can the space of roll screen have much, and also can not occur equal magnitude on outline and continuously variation in moulding, the order of importance and emergency, density degree of tightness always arrange degree of needing.Therefore, in this design first screen, carry out the sharp processing of great dynamics, following part is then relatively smooth on edge, and change reduces.
Webpage appearance is strengthened to the utilization of straight line and camber line, make each mac function of web page template form the effect of stacked on top of one another; Certainly, straight line and camber line have extremely strong expressive force, and camber line can be built vivaciously to picture, light visual effect, and straight line then brings sensation that is resolute and acumen.In addition, the effect that different mac function makes stacked on top of one another is also the effective creation technique of one designed, these blocks edge not complete matching and formed straggly, single linear edge is originally allowed to become the combination of broken line, simultaneously, the position, corner therefrom increased also just in time can place ornamental thread, icon, etc. little element, so, enrich effect just out.
Described user is logged in before and carry out personal settings after logging in, be specially: provide default interface color when user logs in first time, interface is color and the shading of default recommendation, and user simply can select look & feel according to the hobby of self; The habituation of look & feel like this and leap property can obtain neutralization and solve.What different users opened is same product, can open the different interfaces meeting self expection; User in use can adjust personalization equally, and adjustment comprises: shading, color and self-regulation classify; The selection of individualized content, interpolation, deletion, adjustment are embodied a concentrated reflection of; User can carry out arranging shading operation, the operation of this shading comprises: the pictorial information of acquisition can be set as shading by user, the picture that oneself is liked can be set to shading by user in upper network process, instantly extraneous popular pictorial information (comprising film, personage, landscape, grain pattern) is set as shading by user, or user can by with the pictorial information of self living relevant (oneself, father and mother, lover, child) be arranged to shading; Described pictorial information comprises: film, personage, landscape, grain pattern, oneself, father and mother, lover or child's picture.The amplification that shading presents simultaneously reduces the dependence of user to individual character skin to a certain extent, can improve great efficiency concerning design.
In addition, in subject matter adaptation, appearance design is used for leisure, amusement, nature, emotion, finance and economics etc.Most with simple and practical with its design style of current website, the principles and requirements of letter removes unnecessary decoration, and to facilitate information updating, and obtain the highest space utilization rate, this makes to design and is easily inclined to flaky process, to a kind of succinct vision of people.
The foregoing is only preferred embodiment of the present invention, all equalizations done according to the present patent application the scope of the claims change and modify, and all should belong to covering scope of the present invention.