CN104391920A - Webpage template style design method - Google Patents
Webpage template style design method Download PDFInfo
- Publication number
- CN104391920A CN104391920A CN201410665392.3A CN201410665392A CN104391920A CN 104391920 A CN104391920 A CN 104391920A CN 201410665392 A CN201410665392 A CN 201410665392A CN 104391920 A CN104391920 A CN 104391920A
- Authority
- CN
- China
- Prior art keywords
- user
- webpage
- web page
- shading
- page template
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
The invention provides a webpage template style design method. The webpage template style design method includes the following steps which are in no particular order: setting a webpage appearance of a webpage template, and using a flattening style to make the style of the webpage template concise and clear; setting the webpage appearance to be displayed on a first screen of a browser; reinforcing application of straight lines and arc lines to the webpage appearance to enable functional areas of the webpage template to form an up and down tiered effect; performing individualized setting before and after user login such that users can select their own favorite skins for setting. The webpage template style design method is capable of improving user's favorable impression on websites, so that good user experience can be established.
Description
Technical 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.
Claims (4)
1. a method for web page template Style Design, is characterized in that: 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.
2. the method for a kind of web page template Style Design according to claim 1, it is characterized in that: 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, Word message in web page template is reduced, using the global feature of picture as webpage appearance.
3. the method for a kind of web page template Style Design according to claim 1, it is characterized in that: 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, there is not 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.
4. the method for a kind of web page template Style Design according to claim 1, it is characterized in that: 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.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410665392.3A CN104391920B (en) | 2014-11-19 | 2014-11-19 | A kind of method of web page template Style Design |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410665392.3A CN104391920B (en) | 2014-11-19 | 2014-11-19 | A kind of method of web page template Style Design |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104391920A true CN104391920A (en) | 2015-03-04 |
| CN104391920B CN104391920B (en) | 2018-04-27 |
Family
ID=52609824
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410665392.3A Active CN104391920B (en) | 2014-11-19 | 2014-11-19 | A kind of method of web page template Style Design |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104391920B (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106156131A (en) * | 2015-04-08 | 2016-11-23 | 苏宁云商集团股份有限公司 | Templating online page editing method and system |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102047247A (en) * | 2008-03-31 | 2011-05-04 | 威仕达品特技术有限公司 | Flexible web page template building system and method |
| CN102637184A (en) * | 2011-02-15 | 2012-08-15 | 北京千橡网景科技发展有限公司 | Method and system for customizing webpages |
| CN102902781A (en) * | 2012-09-28 | 2013-01-30 | 五八有限公司 | Method and device for webpage decoration and pushing |
| CN103500199A (en) * | 2013-09-24 | 2014-01-08 | 北京大学 | Webpage rendering accelerating method and system based on pre-loaded Cloud template |
| CN103593756A (en) * | 2013-10-21 | 2014-02-19 | 福建亿榕信息技术有限公司 | One-page type office interface display system |
| US20140059418A1 (en) * | 2012-03-02 | 2014-02-27 | Realtek Semiconductor Corp. | Multimedia annotation editing system and related method and computer program product |
| CN104021155A (en) * | 2014-05-21 | 2014-09-03 | 小米科技有限责任公司 | Webpage display method and device |
-
2014
- 2014-11-19 CN CN201410665392.3A patent/CN104391920B/en active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102047247A (en) * | 2008-03-31 | 2011-05-04 | 威仕达品特技术有限公司 | Flexible web page template building system and method |
| CN102637184A (en) * | 2011-02-15 | 2012-08-15 | 北京千橡网景科技发展有限公司 | Method and system for customizing webpages |
| US20140059418A1 (en) * | 2012-03-02 | 2014-02-27 | Realtek Semiconductor Corp. | Multimedia annotation editing system and related method and computer program product |
| CN102902781A (en) * | 2012-09-28 | 2013-01-30 | 五八有限公司 | Method and device for webpage decoration and pushing |
| CN103500199A (en) * | 2013-09-24 | 2014-01-08 | 北京大学 | Webpage rendering accelerating method and system based on pre-loaded Cloud template |
| CN103593756A (en) * | 2013-10-21 | 2014-02-19 | 福建亿榕信息技术有限公司 | One-page type office interface display system |
| CN104021155A (en) * | 2014-05-21 | 2014-09-03 | 小米科技有限责任公司 | Webpage display method and device |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106156131A (en) * | 2015-04-08 | 2016-11-23 | 苏宁云商集团股份有限公司 | Templating online page editing method and system |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104391920B (en) | 2018-04-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20170024404A1 (en) | System and Method for Dynamic Predictive Analytics for Pattern Search and Publishing Engine for with Constraint Satisfaction | |
| US20160357713A1 (en) | System and Method for Enrichment of Content Using Color Topography Engine | |
| CN103123581A (en) | Changing method and device of application interface of mobile terminal and mobile terminal | |
| US20170024403A1 (en) | System and Method for Dynamic Predictive Analytics for Pattern Search and Publishing Engine for Responsive Graphical Design | |
| Li et al. | Design and implementation of traditional kite art platform based on human-computer interaction and WebAR technology | |
| CN104658017A (en) | Picture processing software for mobile phone | |
| CN104391920A (en) | Webpage template style design method | |
| CN107479807B (en) | IOP platform table column display and hiding method | |
| Lim | A study on the Interactive Expression of Human Emotions in Typography | |
| Xiang | Research on graphic design image processing technology based on reference relation | |
| Dong | Minimalist style of UI interface design in the age of self‐media | |
| Zhang et al. | Research on web design style based on digital technology | |
| CN102789379A (en) | Method and device for constructing user interface | |
| Liu | Research of digital media art based on virtual reality on animation design | |
| Chen | Mobile APP interface design process analysis | |
| HK1086648A1 (en) | Method for customizing the visual attributes of a user interface | |
| Xin-jian et al. | The practical principles for website design | |
| US20160342610A1 (en) | System and Method for Dynamic Predictive Analytics for Patterns Search and Publishing | |
| Huang et al. | Research on the Flat Design of Mobile Terminal | |
| US20170132177A1 (en) | System And Method For Rhythmic And Polyrhythmic Pattern Search And Publishing, And Flattening Engine That Receives And Analyzes To Be- Published Content | |
| Dubrivnyi | Modern web-design: features, development trends, forecasting | |
| Qian | Design of Visual Image System Based on Internet | |
| JP6085448B2 (en) | Content image display device, content image display method, and content image display program | |
| Zhu | Application of Element Symbol of Beijing Opera Facial Painting (Lianpu) in Smart Phone Theme Design | |
| Song et al. | Visual Communication of China's Emerging Brands |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |