企業(yè)網(wǎng)站建設需求
總體需求:
布局井然有序,主頁面、子頁面有章可循,配色方案自成體系,交互方式統(tǒng)一協(xié)調,與內(nèi)容深度聯(lián)系。
因為公司以一個國際媒體咨詢公司+創(chuàng)新實驗室+智庫的模式營運,屬于跨界企業(yè)。網(wǎng)站基于品牌建設需求,是市場開拓的延伸,是公司形象、公司觀點、產(chǎn)品宣傳的平臺。
所以網(wǎng)站在準確傳遞企業(yè)信息的情況下,總體應該是清新兼溫和的,我們摒棄以文字為主體的風格,即使是文字也必須簡潔。
在這可參考Big?bite?creative,我們期望公司網(wǎng)站具有同樣效果:http://bigbitecreative.com/?該網(wǎng)站清新簡潔,信息傳達清晰。
Homepage/主頁:Banner,第一屏是公司觀點和重要事件滾動展示,不定期更新;第二和第第三屏是Who?we?are/我們是誰,What?we?do/我們做什么板塊內(nèi)容的摘要展示;Bottom可以是Contact?us/聯(lián)系我們,Legal?stuff/法律聲明等信息。
Who?we?are/我們是誰:“我們是誰”,創(chuàng)始人-顧問委員會-核心團隊-研究隊伍內(nèi)容。
What?we?do/我們做什么:設Social?media/社交媒體,Innovation/創(chuàng)新,Global?dialogue/全球對話三個板塊。
Our?clients/我們的客戶:一級頁面展示精選客戶案例,每個案例以縮略圖鏈接到二級頁面,二級頁面是簡要文字和產(chǎn)品外部鏈接。
Publications/出版物和研究報告:出版物和研究報告產(chǎn)品摘要,購買鏈接或購買功能表單。
Contact?us/聯(lián)系我們:參考Big?bite?creative.
每個頁面的Bottom上方參考Big?bite?creative,關于公司簡要信息和社交媒體信息整合在一屏里。
網(wǎng)站要針對手機,iPad等移動客戶端進行優(yōu)化;我們注意到,網(wǎng)頁版的Big?bite?creative在二分之一屏顯示時也會自適應。
注重細節(jié),顏色和線條的每個像素都不能馬虎。
具體需求:
色彩:以白色為主色,白色分純白、啞光白、乳白和象牙白,傾向于啞光白或象牙白;配色中必須使用公司LOGO的橙黃色;灰系色作為文字色彩的選項,要求與主色形成優(yōu)秀的對比,絕不能影響閱讀體驗;按鈕文字顏色可以是主色,以主體文字顏色為底色。
字體:英文字體絕不使用在Word等軟件中常常見到的內(nèi)置字體,網(wǎng)絡中有很多免費使用且效果很好的英文字體,我們決定使用Roboto作為英文字體,效果參見:http://www.google.com/fonts/specimen/Roboto?中文字體,現(xiàn)在大部分都使用微軟雅黑和宋體,我們決定正文用宋體,按鈕用微軟雅黑Light;字體大小,設計師更專業(yè),但在排列中的橫豎間距必須為垂直閱讀提供良好的體驗。
視覺元素:圖像,照片,圖標和按鈕的整體風格,總體應該是清新兼溫和的;圖像和照片要避免生硬和粗糙感,圖標和按鈕要風格一致或相近,實用,不花俏。
尺寸:圖像尺寸,內(nèi)容尺寸和間距大小,請設計師根據(jù)目前主流設備顯示屏尺寸綜合考慮,如筆記本電腦以13.3英寸,臺式機顯示器主流是……iPad和主流手機等的尺寸都要考慮,所以網(wǎng)站應該能根據(jù)接入設備自適應調節(jié)。
圖像與文本的關系:文字傳遞信息,圖像展示產(chǎn)品(有形和無形的產(chǎn)品都可用圖像),但兩者要有機結合,要確保圖像不會破壞垂直閱讀的節(jié)奏。
目前構想
起始頁面:采用不對稱設計,參考下圖,用半透明的照片還是設計的圖像再討論;這里可承擔中英文頁面選擇的功能,即在兩個分開的圖像中分別用“YiDe”和“懿德”表示點擊后進入的文字頁面;我在考慮可否將不對稱的圖喻意中國和全球的聯(lián)系,當鼠標掃過“YiDe”上面時,會有文字碎開飄入“懿德”領域,當鼠標掃過“懿德”上方,文字碎開飄入“YiDe”領域,視為一種聯(lián)系和交融。
本文作者來自北京網(wǎng)站建設公司-傳誠信m.jzztb.org.cn,轉載請注明出處!