Overall design idea of website construction
Source: Shangpin China |
Type: website encyclopedia |
Date: June 11, 2012
1、 Page interface style Our website design for xx brand clothing is personalized close fitting design. We will carry out high-quality construction and service for xx brand clothing website. The website of xx brand clothing strives to be grand in overall style, with a sense of quality, fine art and fashion. Specifically Website production The overall style design of (ihucc.com) should follow the following principles: 1. The design should highlight the strength of xx brand As a rising star of the clothing brand, xx's desire and ability to have a seat in the clothing industry are very obvious. Xx integrates design, production and sales, and takes the route of medium and high-end professional women's clothing. Therefore, the website design should fully demonstrate the strength of fashion, trend and marketing of xx brand clothing. The design should strive for accuracy and atmosphere, gorgeous pictures, slow animation, clean and tidy color, and highlight the elegant artistic atmosphere by focusing on the cold and pure tone. 2. The design should reflect the pursuit of xx brand for quality In the website, the expression of xx brand's pursuit of quality and quality will be realized through the following design means: ● Refer to the existing VI design scheme of xx brand, and try to realize the unification of website style and VI; ● The picture should be gorgeous, and not too much lively and dynamic design should be adopted, while flash animation should adopt a slow motion mode; ● The graphic design should be simple, grand, elegant and a little fancy decoration. 3. Color tone and animation description With the basic publicity of xx brand as the keynote, define the overall color of the website to obtain the unified visual identity of users. It requires simple lines and gorgeous colors. For specific color selection, please refer to VI scheme of xx brand. The basic unity of the color of the whole website is quite important, which makes the website appear unified and harmonious in overall style. In addition to the main colors, less contrast colors are used as supplements and embellishments to enrich the visual effect of the page and layout. Make the whole website unified but changeable in style. The website needs to design a number of high-quality FLASH animation pictures in different forms. Through a series of Flash animations organically combined with the page, which are gentle, soothing, restrained but not publicized, the page should be properly treated as the finishing touch. In this way, the page effect will not be stiff. In the graphic elements, it is proposed to use rhythmic points, lively and smooth arcs, and rich changing surfaces, which combine hardness and softness, and are soft and have a certain tension. 4. Logo Make a website logo based on the existing logo (logo) of xx brand after modification (or direct use), which requires simple lines and colors. 2、 Overall information architecture of the website
1. Information architecture diagram Information architecture description According to the demand analysis, the main purpose of the early stage of the website is to help franchisees understand the brand, help and guide franchisees, and put user interaction and participation in a secondary position. Therefore, the information architecture is as shown in the figure above. User participation and interaction need to be enriched one by one after other systems are opened. About us: based on brand and enterprise introduction, describe the company's profile and brand route to franchisees and users. Product display: Mainly large picture display, pictures are classified according to different latitudes, and displayed and reflected by animation. Latest news: including the latest brand information, new store information, brand magazine and electronic magazine. Marketing: display the brand's marketing network in the form of a map, introduce the flagship store, and promote the brand image. Investment attraction and franchise: service and promotion of franchise, provision of services such as downloading franchise instructions, online submission of franchise intention, and franchise management content. Talent recruitment: a single page only lists the content to be recruited. Contact us: give contact information and have message board 3、 Master the overall content
1. The picture quality should be exquisite The website is based on the display of clothing brands, and the embodiment of clothing is the most important part. Show the clothes in the form of pictures. Each picture should be specially designed and produced. The low quality of the pictures should not affect the effect of the whole website. The pictures should be atmospheric, clear, clean, layered and in line with the principle of plane vision. 2. The content is concise and accurate Netizens always want to understand the content they need at the first time, and don't want to spend too much time reading irrelevant content. Refine and refine each content. Don't use too much text content to disturb netizens' appreciation and judgment of the integrated style of the entire website. 3. Scalability, upgrading and maintainability The website should take full account of its future expansion. For example, the content under sub columns should be added and modified directly from the background of the website; The website design adopts modular design. If new functions are added to the website, it is also guaranteed to interface directly in the original framework without major adjustment of the website structure. Most content of the website can be added and changed from the background. Ordinary computer operators can learn to modify and add website content independently after short training. 1、 Overview The theme of my website is about home decoration design. I personally think that home is a place for people to relax, and a comfortable home environment can release the pressure of learning and work. But in reality, many people do not know much about home design knowledge and decoration common sense. The purpose of Smile home furnishing website design is not only to promote Smile home furnishing company, establish high popularity of enterprise and company, promote enterprise culture, attract more companies and individuals to do business in our company, but also to provide better service for customers who need to know about home furnishing knowledge, understand home furnishing trends, and design their own comfortable home environment. This website mainly uses Dreamweaver, firewall, flash, ASP VBscript, IIS, Access and other major tools. The main part of the website is the design of ASP dynamic webpage. The ASP dynamic website realizes the function of interaction between users and servers, realizes the function of accessing the background database through the webpage, and makes it more convenient to manage and update the website. I have done a lot of preparation before I realized my website. Search materials online, including pictures, videos, common sense and methods of home decoration, and refer to other home website design schemes and module implementations, such as Sina Home, IKEA, etc; Borrow relevant books and refer to the knowledge and methods needed to realize various functions; At the same time, ask the teacher about the design idea and specific implementation process of website construction. Web page production, first of all, realized the simple design of the home page through tables, frameworks, CSS, templates, etc., and then learned the relevant knowledge of ASP dynamic website construction. By installing IIS, established the site using the server, connected to the database, and realized the functions of user login, commodity browsing, viewing, modifying, and searching. The realization of these functions makes it more convenient for users to purchase goods, and makes the company's website management more convenient. 2、 Project demand analysis The groups targeted by the home furnishing website are mainly those who need decoration, home furnishing designers, and those who want to know about home furnishing and want to cooperate with them in business. Groups that need decoration will have different requirements. Some people like simple and elegant style, some people like noble and elegant style, and some people like fashion non mainstream style; Others have a low consumption level and hope that the goods are practical and cheap. Others have a high consumption level and want to design products with outstanding quality in all aspects; At the same time, there are also different requirements for people of different ages. The construction of the website has designed different sections according to the needs of different users. 3、 Overall design of the project 1. Overall architecture and layout design The overall color of the website is mainly white and green, with a little light pink. The font is set to 10pt. The color matching matches the home to bring a comfortable feeling, which is easier for customers of different styles to accept. The layout of each module in the home page is mainly implemented using CSS. The homepage design mainly adopts the layout of top navigation and left and right content. The left side of the content is roughly specific links and tips, and the right side is mainly detailed content introduction, including news information, product display, etc. 2. Column design of website The columns in the home page mainly include navigation, user login, latest announcements, latest information, favorite stores, baby categories, friendship links and other detailed classifications. The navigation includes seven parts: home page, case display, popular accessories, new product launch, video appreciation and contact us 3. Database design The database in the website is designed by Access. The database is named data.mdb, including six tables and their corresponding relationships in the following figure: 4、 Project detailed design 1. Front desk function design (1) The navigation is a table with one row and six columns, green background and white font. The "Case Display" link jumps to the anli.asp page, which is the downloaded code. By adding pictures, you can display your own website's home decoration cases; "Popular jewelry" is a jump within the page, which is realized by naming anchors; The "New Product on the Shelf" link jumps to newproduct.asp. This page displays the goods in the database by adding a record set of the goods information table and server behavior; "Contact us" is an email link. Users can send emails to us for communication and business contact. (2) User login is realized through the form, adding the record set "user information table account" and the server behavior "user login". The user has two levels of restrictions (this is the design of data security in the database), including the customer "user" and the administrator "admin". After the customer logs in, they can view the goods in the database, search for goods and view shopping carts. The administrator also modifies the goods information on the basis of the functions realized by the customer. Realize the jump from the foreground to the background. Set the button for user registration to facilitate customers to register as members of the website, so that customers can visit the website more conveniently to view their own information and the latest product information. (3) The latest bulletin board is to show customers the latest website activities and precautions. This column also realizes the display of multiple announcements by adding a record set "news table" and repeated records of server behaviors. At the same time, the<marquee>behavior is added to realize the bottom-up rolling of announcements and attract customers' attention. (4) The latest information column is to introduce the knowledge about home decoration and the latest trends and trends of decoration to customers. The function of this column is also to add a record set "zixun table", and add a server behavior "repeating area" to achieve multiple displays. The background picture of this column is the color of green leaves and boards, which is more natural and consistent with the color layout of the entire website. (5) Collection of our store column is to facilitate users to add this website to their favorites, enable customers to remember the website, so that users can visit it directly next time, so as to increase loyal customers, and achieve the purpose of promoting the website by adding code<a href="javascript: window. external. AddFavorite (' //www.smile.com ',' Smile Home - Welcome! ') "><img src="images/zc1_01.gif" width="181" height="90" /></a> (6) The friendship link column is a link to several related home furnishing websites, which is part of the humanized design of the website. 2. Background function and design This module is mainly used to process and operate the data in the database. The specific implementation is achieved through database link creation, server behavior, and recordset binding. The background management page is mainly implemented using the framework, and the navigation hyperlink on the right is used to realize the jump in the main. This page is also dominated by white and green, which is basically consistent with the color of the foreground. Users can enter, modify, browse, search for product information, view shopping cart and place orders by logging in from the front desk. Enter commodity information: insert commodity information into the database through this link; Modify commodity information: modify the commodity content in the database, and only the administrator has the authority to modify the commodity information; Browse commodity information: This link enables you to browse and view commodities in the database; Search commodities: This link enables you to search commodities in the database through keywords and commodity types; View shopping cart: after logging in, users can use this link to browse the goods in the shopping cart, modify the quantity of goods to be purchased, clear the shopping cart, and place an order. At the same time, after placing an order, there will be no goods in the shopping cart; View order: the user places an order through the shopping cart to view the order to be paid to purchase goods; Message board: Users give us suggestions and comments on our products through message board. 5、 Analysis of key and difficult points (1) The installation of IIS and the establishment of virtual directory are the key points. IIS means that you can publish web pages and browse dynamic web pages. (2) The establishment of the site is also the focus. The establishment of the site can successfully realize the browsing and design of dynamic web pages. (3) The home page of the website is about design, layout and color matching. This is the face of a website. If customers leave a good impression, they will visit the website again, increasing the traffic of the website, thus increasing the business volume. (4) Database establishment and connection and table design. Only by establishing a database and connecting it can users log in and operate related goods; The creation of tables, the setting of primary keys, the format types of fields, and the relationships between tables can only be achieved by successfully establishing databases and tables. (5) Save the frame. Save the framework to achieve better page jump. (6) Add recordsets, server behavior, and modify code. When adding a recordset, pay attention to the type of key fields in the table and the association between the two tables. Be careful when writing commands. Be careful when adding server behaviors. It is careful to modify the code page. Pay attention to the format of the code and the position where the code is inserted. Only accurate code can achieve accurate functions. (7) To view the purchased goods in the shopping cart and place an order, insert data into the database in the code. The order of the fields inserted into the record in the insert statement must be consistent with the order of the fields in the database table to ensure smooth insertion. This article was published by Beijing Website Construction Company Shangpin China //ihucc.com/
Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
