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

這幾天，就為一事煩惱，那就是新的信息門戶的版面設(shè)計(jì)，給客戶出了三個(gè)版面方案，雖然每次客戶都說(shuō)不錯(cuò)，但還是會(huì)挑出些骨頭來(lái)，這對(duì)于一個(gè)不是很頂尖的美工設(shè)計(jì)來(lái)說(shuō)是經(jīng)遇到的事情，所以，經(jīng)過(guò)這個(gè)方案，總結(jié)出了以下八個(gè)建議
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、 整體風(fēng)格的色調(diào)問(wèn)題：
Integral style tonal problems:

一個(gè)好的美工，在色彩運(yùn)用方面都有自己獨(dú)到之處。然后，這個(gè)獨(dú)到，也不是一定是對(duì)的。因?yàn)槟愕媒Y(jié)合行業(yè)的一些參考和接受客戶的要求，比如說(shuō)現(xiàn)在這個(gè)站，主色是藍(lán)色，以淡藍(lán)、紅色為輔。具體的配色方案就得看個(gè)人對(duì)顏色的敏感度了。
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:

當(dāng)?shù)谝粋€(gè)方案提交上去后，客戶問(wèn)了一句"你對(duì)整個(gè)站點(diǎn)的線條與邊框是怎樣規(guī)劃的?"雖然我自問(wèn)是個(gè)能說(shuō)會(huì)道的美工，但第一次遇到這么專業(yè)的客戶，我楞了幾秒鐘，我說(shuō)"我設(shè)計(jì)時(shí)按我的思路來(lái)設(shè)計(jì)的，顏色都是統(tǒng)一的。"果然，客戶不是很高興，然后談了大半個(gè)小時(shí)之后，叫我回來(lái)再做一下修改。
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.

所以我就認(rèn)為，在做這類網(wǎng)站之前，必須要做一個(gè)文字性的規(guī)劃方案，至于有什么好處，后面會(huì)詳細(xì)的介紹。
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、 標(biāo)題的設(shè)計(jì)
Of the title of the design

在這一塊，是最頭痛的。因?yàn)槲淖值臋谀刻貏e的多，所以文字排版就得有獨(dú)到之處了。
In the piece, is the most of a headache. Because of the special columns of text, so text typesetting would have to have special.

因?yàn)檫@個(gè)得考慮可用性，瀏覽者看你的網(wǎng)站，大半天都找不到入口，那肯定是一個(gè)失敗之作!所以，文字標(biāo)題的字體及間距是要區(qū)分開(kāi)來(lái)的。大的標(biāo)題也要做得醒目些。
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)站建設(shè)，就會(huì)遇到圖文并茂的情況。所以考慮到后期的可維護(hù)性和網(wǎng)站建設(shè)的整體美觀，建議把整站的圖文信息的圖片都做成一樣的圖片大小，OK，這是很美觀的，但是問(wèn)題就接著出來(lái)了，就是排版布局，因?yàn)槟愕奈淖诛@示的不一樣，圖片大小卻是一樣的，所以想要各模塊都對(duì)齊的話，那就得認(rèn)真的考慮圖片的尺寸大小了。
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.

剛開(kāi)始時(shí)，我做了3個(gè)大橫幅的廣告BANNER，客戶問(wèn)我為什么要放那些圖片呢，我說(shuō)這是AD廣告，用來(lái)幫客戶幫自己做廣告宣傳，增加收益的?？蛻粢宦?tīng)，馬上就高興了，來(lái)了興趣，就增加到了5個(gè)廣告位。所以，在我看來(lái)，廣告位是必不可少的啦，呵呵，或多或少，呵呵。
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 標(biāo)題圖片
TITLE pictures

這個(gè)標(biāo)題圖片，是指每個(gè)標(biāo)題前用一個(gè)小圖片，呵呵，一來(lái)美觀，二來(lái)能突出一些標(biāo)題的重要性。本來(lái)我是不愿意加的，但后來(lái)看了不少相關(guān)的網(wǎng)站，發(fā)現(xiàn)他們都用了小圖片，所以也試著嘗試一下，就放了幾個(gè)上去，整體看來(lái)，效果還真不錯(cuò)呢，呵呵
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

開(kāi)始客戶很不接受這個(gè)，因?yàn)樗胙剑覟槭裁匆獮閯e人做鏈接，后來(lái)聽(tīng)我解釋說(shuō)有于網(wǎng)站獲得更多的SEO的PR和流量，呵呵，他就同意了,畢竟這個(gè)站要想得到更多的PR值，除了本身站點(diǎn)的一些優(yōu)化和內(nèi)鏈外，還得借助外鏈。
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、寫一個(gè)詳細(xì)的文字規(guī)劃：
Write a detailed text plan:

這一步挺重要的，因?yàn)槟阏麄€(gè)版面方案設(shè)計(jì)出來(lái)后，做成DIV+CSS的格式，那之后呢?當(dāng)然是程序員寫程序啦，但是如果你能為程序員提供一份有價(jià)值的文字規(guī)劃方案，那么他們?cè)谧龀绦虻耐瑫r(shí)，就會(huì)注意到一些細(xì)節(jié)，比如：哪些地方用什么顏色，哪些地方的效果是什么樣的，字體和圖片又是怎樣排版的等等。所以說(shuō)，這個(gè)文字規(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)站建設(shè)公司尚品中國(guó)http://m.proteomeinstitute.com/