談如何建設信息門戶網(wǎng)站

這幾天，就為一事煩惱，那就是新的信息門戶的版面設計，給客戶出了三個版面方案，雖然每次客戶都說不錯，但還是會挑出些骨頭來，這對于一個不是很頂尖的美工設計來說是經(jīng)遇到的事情，所以，經(jīng)過這個方案，總結出了以下八個建議
These days, it's trouble for, and that is the new information portal page design, to the customer out of the three layout scheme, although each client all say good, but still will pick out some of the bone, this to a not very top art design by the things it is met, so, after the plan, and sums up the following eight Suggestions

1、 整體風格的色調問題：
Integral style tonal problems:

一個好的美工，在色彩運用方面都有自己獨到之處。然后，這個獨到，也不是一定是對的。因為你得結合行業(yè)的一些參考和接受客戶的要求，比如說現(xiàn)在這個站，主色是藍色，以淡藍、紅色為輔。具體的配色方案就得看個人對顏色的敏感度了。
A good artists, in colour application has its own unique. Then, the original and not must be right. Because you have to combined with some of the reference and accept the industry the requirements of customers, for example, now this station, the main color is blue, with pale blue, red as auxiliary. Specific color scheme will have to see to the sensitivity of the individual color.

2、 線條與邊框的規(guī)劃：
And the border of the line planning:

當?shù)谝粋€方案提交上去后，客戶問了一句"你對整個站點的線條與邊框是怎樣規(guī)劃的?"雖然我自問是個能說會道的美工，但第一次遇到這么專業(yè)的客戶，我楞了幾秒鐘，我說"我設計時按我的思路來設計的，顏色都是統(tǒng)一的。"果然，客戶不是很高興，然后談了大半個小時之后，叫我回來再做一下修改。
When the first plan submitted to go up, the customer asked 1 "you to the entire site line and border is how to plan?" Although I ask myself is a home-bred artists, but first met so professional customer, I stare blankly for several seconds, I said "I design according to my thought to design, color is united." Sure enough, the customer is not very happy, and then talk about a half hour later, call me back and do some modification.

所以我就認為，在做這類網(wǎng)站之前，必須要做一個文字性的規(guī)劃方案，至于有什么好處，后面會詳細的介紹。
So I think that in doing this kind of web site, must do a characters of the planning scheme, as for what good, there will be introduced in detail.

3、 標題的設計
Of the title of the design

在這一塊，是最頭痛的。因為文字的欄目特別的多，所以文字排版就得有獨到之處了。
In the piece, is the most of a headache. Because of the special columns of text, so text typesetting would have to have special.

因為這個得考慮可用性，瀏覽者看你的網(wǎng)站，大半天都找不到入口，那肯定是一個失敗之作!所以，文字標題的字體及間距是要區(qū)分開來的。大的標題也要做得醒目些。
Because this must consider availability, visitors look at your website, big can't find the entrance, that must be a failure in the making. So, the text of the title of the font and spacing is to distinguish. Big titles also to do some strikingly.

4、 圖片新聞的圖片要統(tǒng)一規(guī)劃：
Pictures of the pictures to news of unified planning:

信息類的門戶網(wǎng)站建設，就會遇到圖文并茂的情況。所以考慮到后期的可維護性和網(wǎng)站建設的整體美觀，建議把整站的圖文信息的圖片都做成一樣的圖片大小，OK，這是很美觀的，但是問題就接著出來了，就是排版布局，因為你的文字顯示的不一樣，圖片大小卻是一樣的，所以想要各模塊都對齊的話，那就得認真的考慮圖片的尺寸大小了。
Information portal construction, will meet with pictures of the situation. So consider the maintainability of the late and the web site of the whole beautiful, suggested that the ZhengZhan and information of the pictures are made the same photo size, OK, this is very beautiful, but the question is then came out, and is typesetting layout, because you are not the same as that of the text, photo size was the same, so want to each module are aligned word, that will have to seriously think about the size of the picture.

5、 AD廣告位
AD advertising a.

剛開始時，我做了3個大橫幅的廣告BANNER，客戶問我為什么要放那些圖片呢，我說這是AD廣告，用來幫客戶幫自己做廣告宣傳，增加收益的?？蛻粢宦牐R上就高興了，來了興趣，就增加到了5個廣告位。所以，在我看來，廣告位是必不可少的啦，呵呵，或多或少，呵呵。
At the beginning, I did three large banners advertising BANNER, client asked me why I should put those pictures? I said this is AD advertising, used to help customers help advertisement increases the income. The customer a listen to, immediately was glad, to the interest, they increased to 5 advertising a. So, in my opinion, advertising a is an indispensable! Ha ha, more or less, ha ha.

6、TITLE 標題圖片
TITLE pictures

這個標題圖片，是指每個標題前用一個小圖片，呵呵，一來美觀，二來能突出一些標題的重要性。本來我是不愿意加的，但后來看了不少相關的網(wǎng)站，發(fā)現(xiàn)他們都用了小圖片，所以也試著嘗試一下，就放了幾個上去，整體看來，效果還真不錯呢，呵呵
This title picture, it is to point to each title with a small picture before, ha ha, a beautiful, and secondly can highlight some of the title of the importance. I had not willing to add, but then to see many related website and found they used a small picture, so try to try and put a few go up, as a whole, the effect is really nice, ha ha

7、友情鏈接專區(qū)
Links section

開始客戶很不接受這個，因為他想呀，我為什么要為別人做鏈接，后來聽我解釋說有于網(wǎng)站獲得更多的SEO的PR和流量，呵呵，他就同意了,畢竟這個站要想得到更多的PR值，除了本身站點的一些優(yōu)化和內鏈外，還得借助外鏈。
Customers are not accept this started, because he wanted to ah, why should I do for another link, then listen to my explanation says there is in web site for more PR and flow, ha ha, he will agree to, after all, the station to get more PR value, in addition to some of the optimization and the site itself in the chain, also are using the chain.

8、寫一個詳細的文字規(guī)劃：
Write a detailed text plan:

這一步挺重要的，因為你整個版面方案設計出來后，做成DIV+CSS的格式，那之后呢?當然是程序員寫程序啦，但是如果你能為程序員提供一份有價值的文字規(guī)劃方案，那么他們在做程序的同時，就會注意到一些細節(jié)，比如：哪些地方用什么顏色，哪些地方的效果是什么樣的，字體和圖片又是怎樣排版的等等。所以說，這個文字規(guī)劃是一定得做的。
This step is important, because you the whole layout scheme design comes out, make DIV + CSS format, then? Of course is programmers write programs now, but if you can provide a valuable programmers writing planning program, so they do program in at the same time, you will note that some details, such as: what place with what color, what is the effect of what kind of, fonts and pictures and what the typesetting, etc. So, this text planning is must do.
本文發(fā)布于北京網(wǎng)站建設公司尚品中國http://proteomeinstitute.com/