網(wǎng)站界面設(shè)計(jì)：網(wǎng)頁(yè)的均衡規(guī)劃與選擇

本文是尚品中國(guó)網(wǎng)站制作公司關(guān)于網(wǎng)站頁(yè)面的均衡規(guī)劃與選擇的思考，希望對(duì)大家有所幫助。
This paper is still product China website production company web page about the balance of the planning and the choice of the thinking, hope to be helpful to you.

1.尺寸(size)

a)800*600能照顧到所有網(wǎng)友的電腦，但相當(dāng)是張“小報(bào)”。
A) 800 * 600 can take care of all of the computer, but rather is a "tabloids".

b)1024*768漸成主流。1024*768能比800*600多出一欄的信息。
B) 1024 * 768 gradually into the mainstream. 1024 * 768 * 600 more than 800 a column of the information.

c)正文頁(yè)采用自適應(yīng)設(shè)計(jì)，能在正文頁(yè)做更多相關(guān)內(nèi)容。首頁(yè)也可以嘗試自適應(yīng)的設(shè)計(jì)最好符合UEO。自適應(yīng)設(shè)計(jì)的核心是要留出寬度伸縮自如的欄。
C) text page using adaptive design, can in the text pages do more related content. This is also can try to adaptive design with best UEO. The core of the adaptive design is to set aside width retractile column.

d)在1024*76模式下，頁(yè)面的長(zhǎng)度不易超過(guò)10屏。
D) in 1024 * 76 mode, the length of the page is not easy to more than 10 screen.

e)隨著電腦升級(jí)換代，分辨率提高，電腦屏幕能夠提供的面積越來(lái)越大，這是一種難得的資源，要充分利用。“小報(bào)”改“大報(bào)”要增加一倍的紙張成本，網(wǎng)站改“寬版”，不增加任何成本。
E) with the computer upgrade, improve the resolution, the area of the computer screen can provide more and more, this is a kind of rare resources, to make full use of. "Tabloids" change "broadsheet" to double the size of the paper cost, the website change "wide" version, not increase any cost.

2.字體字號(hào)(Font size)

a)目錄頁(yè)用小字號(hào)，為的是放更多的標(biāo)題。
A) directory page with small size, in order to put more title.

b)正文頁(yè)用大字號(hào)。為的是讓讀者讀得舒坦。
B) the text page with big size. In order to make readers read too comfortable.

c)慎用不容易看清楚的楷體。楷體的作用等于圖片，主要起美化版面的作用。
C) careful not easy to see clear kai ti. Kai ti role equal to pictures, mainly on the role of beautification layout.

d)多用對(duì)搜索引擎友好的標(biāo)粗，來(lái)表示重點(diǎn)。
D) use to the search engine friendly standard thick, said to focus.

3.顏色(color)

a)同一個(gè)頁(yè)面的顏色不要超過(guò)4種。眼花繚亂，容易產(chǎn)生視覺(jué)疲勞。
A) the same page color don't more than four. Dazzling, easy to produce visual fatigue.

b)顏色對(duì)比不要反差太大。網(wǎng)頁(yè)版面不是美術(shù)作品，要避免形式對(duì)內(nèi)容的喧賓奪主。
B) color contrast don't contrast is too big. Web page not art works, to avoid the content of the form of the sauce is better than the fish.

c)文字+底色能夠起到很好的突出作用，在視覺(jué)變化上相當(dāng)于圖片的作用。
C) text + impression can have very good prominent role, in the visual change as the role of the picture.

4.靜態(tài)化(static)

a)訪問(wèn)量大的頁(yè)都應(yīng)該靜態(tài)化，以便減少服務(wù)器壓力，增強(qiáng)網(wǎng)站穩(wěn)定性。訪問(wèn)不到的網(wǎng)頁(yè)是最差的網(wǎng)頁(yè)。
A) traffic big page should be static, pressure to reduce the server, make web stability. Visit the web page is not the worst of web pages.

b)動(dòng)態(tài)化和靜態(tài)化在一個(gè)頁(yè)面中結(jié)合使用，能同時(shí)得到輕負(fù)荷和即時(shí)交互性的好處。
B) dynamic and static page in a combination of use, can also get light load and real-time interactive benefits.

c)哪些頁(yè)面的哪些地方需要靜態(tài)化要在一開(kāi)始就考慮，訪問(wèn)量大了之后，再高考慮，就遲了，由動(dòng)態(tài)化轉(zhuǎn)為靜態(tài)化，會(huì)有很多歷史問(wèn)題。
C) what page where need static to at the beginning consideration, traffic big, then high consideration, is late, the dynamic into static, there will be a lot of history.

5.分欄(Points column)

a)首頁(yè)選4欄？還是3欄？
A) home page choose 4 bar? Or 3 bar?

b)正文頁(yè)多用2欄。
B) the text page multi-purpose 2 column.

c)“縱向邏輯”是指將相近的內(nèi)容從上至下排列，而不是從左向右排列。如果讀者對(duì)這方面內(nèi)容感興趣，他會(huì)從上至下，逐行閱讀。這樣可充分力利用首屏，讓首頁(yè)增多從上至下閱讀的可能。
C) "longitudinal logic" it is to point to will close from up to down content arrangement, not from left to right alignment. If readers on the content interested, he will from go up to below, line by reading. This can make full use of force in the first screen, let more home page from up to down the possibility of reading.

d)避免一欄太強(qiáng)，一欄太弱。通過(guò)圖片、套紅等手段進(jìn)行調(diào)控。平均使用讀者主意力。使讀者不敢放過(guò)左中右任何一欄。
D) avoid column is too strong, a bar is too weak. Through the pictures, TaoGong means of control. The average reader idea use force. Make the reader can't let go of any one like the column.

6.圖片(pictures)

a)一圖勝千言。十分必要時(shí)才用。因?yàn)閳D片的編輯成本和帶寬成本都比較文字高很多。
A) a figure-thousand words. When it is necessary to use. Because the picture editor cost and bandwidth cost is high many words.

b)在目錄頁(yè)的圖，小點(diǎn)，再小點(diǎn)，多用特寫(xiě)；小分辨率，能看就行。在正文頁(yè)的圖，保證清晰，美觀。正文頁(yè)有的是版面。
B) in the directory page figure, little point, again small point, multi-purpose features; Small resolution, can see will do. In the text page figure, ensure that clear, beautiful. The text page have a plenty of layout.

c)正文頁(yè)在5屏之內(nèi)，盡量不要分頁(yè)。讓讀者一次讀完。
C) text page within 5 screen, try not to page. Let the reader a finished reading it.

7.導(dǎo)航條與網(wǎng)站地圖(A navigation bar and the site map)

a)導(dǎo)航條是網(wǎng)站的門(mén)牌號(hào)碼，不能隨意更改。否則，讀者會(huì)迷路，找不到他原來(lái)看的內(nèi)容。
A) navigation is a number of web sites and may not be changed. Otherwise, the reader will get lost, he can't find the content of the original look.

b)導(dǎo)航條上的分類名的前后次序要兼顧重點(diǎn)和讀者閱讀邏輯，即歸類擺放。
B) navigation in the classified name to give the sequence point and the readers' reading logic, which put classified.

c)導(dǎo)航條最多三行。最好二行。太多行顯重。
C) navigation bar up to three lines. The best two lines. Too much do show heavy.

d)導(dǎo)航的更多，就是網(wǎng)站地圖。網(wǎng)站地圖的摘要版可以放在網(wǎng)站底部，成為底部導(dǎo)航。網(wǎng)站的底部導(dǎo)航，很有必要。其好處是：1、可放多行，利于SEO優(yōu)化；2、可形成網(wǎng)站底部的閱讀重點(diǎn)。將讀者從首屏帶到最后一屏，期間會(huì)增加很多點(diǎn)擊。
D) navigation, the more is the site map. The site map of the version can be placed at the bottom website, become the bottom navigation. The bottom of the site navigation, it is very necessary. Its advantage is: 1, can put more lines, beneficial to the SEO optimization; 2, can form at the bottom of the website read key. From the first screen reader to last screen, will increase a lot during the click.

e)主導(dǎo)航和頻道導(dǎo)航：主導(dǎo)航每頁(yè)都有，頻道導(dǎo)航只在本頻道頁(yè)面出現(xiàn)。
E) capital navigation and the channel navigation: capital navigation each page, channel navigation channel in only in this page.

8.首頁(yè)更新成本(Home page updated cost)

a)首頁(yè)設(shè)計(jì)不能只考慮美觀、協(xié)調(diào)，要考慮24小時(shí)更新一遍之要求。更新是網(wǎng)站的生命，一定要最大限度地降低首頁(yè)更新成本。
A) home page design can not only consider beautiful, harmonious, want to consider the 24 hours of the update again requirements. The update is the life of the web site, be sure to maximize reduce home page updated cost.

b)交叉自動(dòng)同步更新的設(shè)計(jì)，可有效降低各種首頁(yè)更新成本，給讀者內(nèi)容豐富即時(shí)的感覺(jué)。
B) cross automatic update the design, can effectively reduce the various home page updated cost, give the reader with rich content of instant feeling.

c)更新即時(shí)的首頁(yè)是網(wǎng)站的資源，因?yàn)槭琴Y源，更多的標(biāo)題會(huì)擁上這個(gè)首頁(yè)。如此，正循環(huán)，這個(gè)首頁(yè)也就火了。更新不即時(shí)的首頁(yè)是網(wǎng)站的雞肋，會(huì)越來(lái)越寂寞，最終會(huì)被荒廢。
C) update on the front page of the website is instant resources, because is the resource, more title will wrap on the front page. So, are circulation, the home page is fire. Update not instant of the home page of the website is poor, will be more and more lonely, it will eventually be wasted.

d)每個(gè)首頁(yè)的設(shè)計(jì)成至少要有一個(gè)讀者點(diǎn)擊進(jìn)去的理由。即時(shí)更新比獨(dú)家內(nèi)容成本低。
D) each into the design of the front page to have at least a readers click in reason. Updating the exclusive content than the cost is low.
本文發(fā)布于北京網(wǎng)站建設(shè)公司尚品中國(guó)http://m.proteomeinstitute.com/