企業(yè)網(wǎng)站建設(shè)需求

總體需求：

布局井然有序，主頁(yè)面、子頁(yè)面有章可循，配色方案自成體系，交互方式統(tǒng)一協(xié)調(diào)，與內(nèi)容深度聯(lián)系。

因?yàn)楣疽砸粋€(gè)國(guó)際媒體咨詢公司+創(chuàng)新實(shí)驗(yàn)室+智庫(kù)的模式營(yíng)運(yùn)，屬于跨界企業(yè)。網(wǎng)站基于品牌建設(shè)需求，是市場(chǎng)開拓的延伸，是公司形象、公司觀點(diǎn)、產(chǎn)品宣傳的平臺(tái)。

所以網(wǎng)站在準(zhǔn)確傳遞企業(yè)信息的情況下，總體應(yīng)該是清新兼溫和的，我們摒棄以文字為主體的風(fēng)格，即使是文字也必須簡(jiǎn)潔。

在這可參考Big?bite?creative，我們期望公司網(wǎng)站具有同樣效果：http://bigbitecreative.com/?該網(wǎng)站清新簡(jiǎn)潔，信息傳達(dá)清晰。

Homepage/主頁(yè)：Banner，第一屏是公司觀點(diǎn)和重要事件滾動(dòng)展示，不定期更新；第二和第第三屏是Who?we?are/我們是誰(shuí)，What?we?do/我們做什么板塊內(nèi)容的摘要展示；Bottom可以是Contact?us/聯(lián)系我們，Legal?stuff/法律聲明等信息。

Who?we?are/我們是誰(shuí)：“我們是誰(shuí)”，創(chuàng)始人-顧問委員會(huì)-核心團(tuán)隊(duì)-研究隊(duì)伍內(nèi)容。

What?we?do/我們做什么：設(shè)Social?media/社交媒體，Innovation/創(chuàng)新，Global?dialogue/全球?qū)υ捜齻€(gè)板塊。

Our?clients/我們的客戶：一級(jí)頁(yè)面展示精選客戶案例，每個(gè)案例以縮略圖鏈接到二級(jí)頁(yè)面，二級(jí)頁(yè)面是簡(jiǎn)要文字和產(chǎn)品外部鏈接。

Publications/出版物和研究報(bào)告：出版物和研究報(bào)告產(chǎn)品摘要，購(gòu)買鏈接或購(gòu)買功能表單。

Contact?us/聯(lián)系我們：參考Big?bite?creative.

每個(gè)頁(yè)面的Bottom上方參考Big?bite?creative，關(guān)于公司簡(jiǎn)要信息和社交媒體信息整合在一屏里。

網(wǎng)站要針對(duì)手機(jī)，iPad等移動(dòng)客戶端進(jìn)行優(yōu)化；我們注意到，網(wǎng)頁(yè)版的Big?bite?creative在二分之一屏顯示時(shí)也會(huì)自適應(yīng)。

注重細(xì)節(jié)，顏色和線條的每個(gè)像素都不能馬虎。

具體需求：

色彩：以白色為主色，白色分純白、啞光白、乳白和象牙白，傾向于啞光白或象牙白；配色中必須使用公司LOGO的橙黃色；灰系色作為文字色彩的選項(xiàng)，要求與主色形成優(yōu)秀的對(duì)比，絕不能影響閱讀體驗(yàn)；按鈕文字顏色可以是主色，以主體文字顏色為底色。

字體：英文字體絕不使用在Word等軟件中常常見到的內(nèi)置字體，網(wǎng)絡(luò)中有很多免費(fèi)使用且效果很好的英文字體，我們決定使用Roboto作為英文字體，效果參見：http://www.google.com/fonts/specimen/Roboto?中文字體，現(xiàn)在大部分都使用微軟雅黑和宋體，我們決定正文用宋體，按鈕用微軟雅黑Light；字體大小，設(shè)計(jì)師更專業(yè)，但在排列中的橫豎間距必須為垂直閱讀提供良好的體驗(yàn)。

視覺元素：圖像，照片，圖標(biāo)和按鈕的整體風(fēng)格，總體應(yīng)該是清新兼溫和的；圖像和照片要避免生硬和粗糙感，圖標(biāo)和按鈕要風(fēng)格一致或相近，實(shí)用，不花俏。

尺寸：圖像尺寸，內(nèi)容尺寸和間距大小，請(qǐng)?jiān)O(shè)計(jì)師根據(jù)目前主流設(shè)備顯示屏尺寸綜合考慮，如筆記本電腦以13.3英寸，臺(tái)式機(jī)顯示器主流是……iPad和主流手機(jī)等的尺寸都要考慮，所以網(wǎng)站應(yīng)該能根據(jù)接入設(shè)備自適應(yīng)調(diào)節(jié)。

圖像與文本的關(guān)系：文字傳遞信息，圖像展示產(chǎn)品（有形和無形的產(chǎn)品都可用圖像），但兩者要有機(jī)結(jié)合，要確保圖像不會(huì)破壞垂直閱讀的節(jié)奏。

目前構(gòu)想

起始頁(yè)面：采用不對(duì)稱設(shè)計(jì)，參考下圖，用半透明的照片還是設(shè)計(jì)的圖像再討論；這里可承擔(dān)中英文頁(yè)面選擇的功能，即在兩個(gè)分開的圖像中分別用“YiDe”和“懿德”表示點(diǎn)擊后進(jìn)入的文字頁(yè)面；我在考慮可否將不對(duì)稱的圖喻意中國(guó)和全球的聯(lián)系，當(dāng)鼠標(biāo)掃過“YiDe”上面時(shí)，會(huì)有文字碎開飄入“懿德”領(lǐng)域，當(dāng)鼠標(biāo)掃過“懿德”上方，文字碎開飄入“YiDe”領(lǐng)域，視為一種聯(lián)系和交融。

本文作者來自北京網(wǎng)站建設(shè)公司-傳誠(chéng)信wtkaisuo.com，轉(zhuǎn)載請(qǐng)注明出處！