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