網站界面設計：網頁的均衡規(guī)劃與選擇

本文是尚品中國網站制作公司關于網站頁面的均衡規(guī)劃與選擇的思考，希望對大家有所幫助。
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能照顧到所有網友的電腦，但相當是張“小報”。
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)正文頁采用自適應設計，能在正文頁做更多相關內容。首頁也可以嘗試自適應的設計最好符合UEO。自適應設計的核心是要留出寬度伸縮自如的欄。
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模式下，頁面的長度不易超過10屏。
D) in 1024 * 76 mode, the length of the page is not easy to more than 10 screen.

e)隨著電腦升級換代，分辨率提高，電腦屏幕能夠提供的面積越來越大，這是一種難得的資源，要充分利用。“小報”改“大報”要增加一倍的紙張成本，網站改“寬版”，不增加任何成本。
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.字體字號(Font size)

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

b)正文頁用大字號。為的是讓讀者讀得舒坦。
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)多用對搜索引擎友好的標粗，來表示重點。
D) use to the search engine friendly standard thick, said to focus.

3.顏色(color)

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

b)顏色對比不要反差太大。網頁版面不是美術作品，要避免形式對內容的喧賓奪主。
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)文字+底色能夠起到很好的突出作用，在視覺變化上相當于圖片的作用。
C) text + impression can have very good prominent role, in the visual change as the role of the picture.

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

a)訪問量大的頁都應該靜態(tài)化，以便減少服務器壓力，增強網站穩(wěn)定性。訪問不到的網頁是最差的網頁。
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)動態(tài)化和靜態(tài)化在一個頁面中結合使用，能同時得到輕負荷和即時交互性的好處。
B) dynamic and static page in a combination of use, can also get light load and real-time interactive benefits.

c)哪些頁面的哪些地方需要靜態(tài)化要在一開始就考慮，訪問量大了之后，再高考慮，就遲了，由動態(tài)化轉為靜態(tài)化，會有很多歷史問題。
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)首頁選4欄？還是3欄？
A) home page choose 4 bar? Or 3 bar?

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

c)“縱向邏輯”是指將相近的內容從上至下排列，而不是從左向右排列。如果讀者對這方面內容感興趣，他會從上至下，逐行閱讀。這樣可充分力利用首屏，讓首頁增多從上至下閱讀的可能。
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)避免一欄太強，一欄太弱。通過圖片、套紅等手段進行調控。平均使用讀者主意力。使讀者不敢放過左中右任何一欄。
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)一圖勝千言。十分必要時才用。因為圖片的編輯成本和帶寬成本都比較文字高很多。
A) a figure-thousand words. When it is necessary to use. Because the picture editor cost and bandwidth cost is high many words.

b)在目錄頁的圖，小點，再小點，多用特寫；小分辨率，能看就行。在正文頁的圖，保證清晰，美觀。正文頁有的是版面。
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)正文頁在5屏之內，盡量不要分頁。讓讀者一次讀完。
C) text page within 5 screen, try not to page. Let the reader a finished reading it.

7.導航條與網站地圖(A navigation bar and the site map)

a)導航條是網站的門牌號碼，不能隨意更改。否則，讀者會迷路，找不到他原來看的內容。
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)導航條上的分類名的前后次序要兼顧重點和讀者閱讀邏輯，即歸類擺放。
B) navigation in the classified name to give the sequence point and the readers' reading logic, which put classified.

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

d)導航的更多，就是網站地圖。網站地圖的摘要版可以放在網站底部，成為底部導航。網站的底部導航，很有必要。其好處是：1、可放多行，利于SEO優(yōu)化；2、可形成網站底部的閱讀重點。將讀者從首屏帶到最后一屏，期間會增加很多點擊。
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)主導航和頻道導航：主導航每頁都有，頻道導航只在本頻道頁面出現。
E) capital navigation and the channel navigation: capital navigation each page, channel navigation channel in only in this page.

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

a)首頁設計不能只考慮美觀、協調，要考慮24小時更新一遍之要求。更新是網站的生命，一定要最大限度地降低首頁更新成本。
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)交叉自動同步更新的設計，可有效降低各種首頁更新成本，給讀者內容豐富即時的感覺。
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)更新即時的首頁是網站的資源，因為是資源，更多的標題會擁上這個首頁。如此，正循環(huán)，這個首頁也就火了。更新不即時的首頁是網站的雞肋，會越來越寂寞，最終會被荒廢。
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)每個首頁的設計成至少要有一個讀者點擊進去的理由。即時更新比獨家內容成本低。
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ā)布于北京網站建設公司尚品中國http://proteomeinstitute.com/