1、淺談公司形象網(wǎng)站的方案流程【摘要】本文試圖以制作思沃特公司網(wǎng)站的履歷,總結(jié)出此類公司形象網(wǎng)站的一樣平常制作流程,并闡釋此中的一些緊張題目,為方案理論運(yùn)動(dòng)提供必然參考。【關(guān)鍵詞】形象網(wǎng)站方案一、緒論20世紀(jì)90年代以來,互聯(lián)網(wǎng)開始在海內(nèi)敏捷普及,互聯(lián)網(wǎng)重要通過大量的、天天至少有幾千人以致幾十萬人拜候的網(wǎng)站,以亙古未有的服從普及流傳著信息。筆者曾為武漢思沃特房地產(chǎn)照料制作過一個(gè)網(wǎng)站。該公司盼望擁有一個(gè)簡樸的網(wǎng)站,將其作為公司宣傳計(jì)謀的一部門,此中與業(yè)務(wù)相干的現(xiàn)實(shí)內(nèi)容并不多。因此此網(wǎng)站顯然屬于形象展示型的公司網(wǎng)站,應(yīng)按相應(yīng)的形式來方案。二、網(wǎng)站籌謀1.網(wǎng)站籌謀的職責(zé)許多人都知道網(wǎng)頁方案必要“美術(shù)與“

2、技能兩方面的彼此共同,一個(gè)較為普及的原那么是“美工先行,即由美工先作方案,再由技能職員制作,但這只是就單個(gè)頁面制作層面而言,假設(shè)從更廣義的網(wǎng)站團(tuán)體方案角度來說,本文以為在以上事情開始之前還應(yīng)該有一個(gè)“網(wǎng)站籌謀的環(huán)節(jié)。有別于純粹從“形象頭腦動(dòng)身的美工方案,籌謀具有一種“理念先行的頭腦方法,他的職責(zé)在于正確地相識(shí)和把握客戶的意圖,并綜合美學(xué)、人文、生理學(xué)等多方面因素舉行理性思索,進(jìn)而對(duì)網(wǎng)站的主題、范圍、布局、氣勢(shì)氣派提出要求,作出團(tuán)體方案。假設(shè)缺少籌謀的通盤思量和引導(dǎo),美工方案很大概陷于為情勢(shì)而情勢(shì),為美不雅而美不雅,無法獲得最公正的轉(zhuǎn)達(dá)結(jié)果。2.主題色的選擇思沃特公司的宗旨是“體驗(yàn)優(yōu)質(zhì)地產(chǎn)辦事。

3、焦點(diǎn)代價(jià)不雅是“誠信,團(tuán)隊(duì),創(chuàng)意,機(jī)動(dòng),分享。通過比對(duì)和接洽,我創(chuàng)造藍(lán)色的寄義與其企業(yè)文化恰好符合,很好地解釋了他們對(duì)付專業(yè)辦事和團(tuán)隊(duì)互助的尋求,于是在網(wǎng)站主題色和同期制作的vi標(biāo)記上都選擇了藍(lán)色。不外,網(wǎng)站的主題色接納了一種與標(biāo)記中最深的暗影部門雷同的深藍(lán)色,這是由于深一點(diǎn)的藍(lán)色越發(fā)沉穩(wěn)、睿智,去除了淺藍(lán)色所帶有的擔(dān)憂等別的感覺。3.素材的搜集網(wǎng)站制作的前期事情還包羅搜集素材,素材包羅圖文兩方面的內(nèi)容。網(wǎng)站的筆墨內(nèi)容一樣平常是從托付方得到,如公司先容等。圖片素材包羅裝飾性圖片和插圖,它們的搜集事情通常是由美工在制作歷程中“隨手完成的,本文卻以為,素材搜集的隨意性和疏散性,和美工單純思量畫面的

4、傾向,輕易導(dǎo)致圖片與網(wǎng)站主題接洽不強(qiáng)。不如在方案之初,由對(duì)網(wǎng)站主題有著深化相識(shí)的籌謀,預(yù)先對(duì)圖片舉行同一的預(yù)備和網(wǎng)羅,包羅實(shí)地拍攝等。4.網(wǎng)站布局的分別網(wǎng)站布局,是指構(gòu)成網(wǎng)站的各個(gè)頁面及彼此之間的鏈接干系,從簡樸意義上可以明白為網(wǎng)站欄目的分別。在籌謀階段,要以網(wǎng)站的現(xiàn)實(shí)內(nèi)容和拜候者的欣賞風(fēng)俗為底子分別欄目,從而決定分頁面的數(shù)目和鏈接方法。還要從信息的易獵取度方面思量,接納只管簡化的原那么。三、美工方案1.頁面美術(shù)氣勢(shì)氣派從籌謀角度講,為了表現(xiàn)該公司當(dāng)代、高效、新銳的精力氣質(zhì),必要一種簡便、明快、清新的美術(shù)氣勢(shì)氣派,我在美工階段按此基調(diào)舉行了頁面方案,變更種種視覺元素使其與此氣勢(shì)氣派符合,如:(

5、1)壓縮頁面巨細(xì),邊沿留空。(2)鐫汰頁面信息量。(3)字體、圖片尺寸小巧,以恰好能為不雅者識(shí)別為準(zhǔn),使頁面就顯得緊湊與精良。2.網(wǎng)站色彩方案在美工階段我繼承美滿了網(wǎng)站色彩方案,將主題色深藍(lán)色用在了導(dǎo)航條上,選擇了淺灰色、白色作為幫助色,用作頁面中大面積的底色。灰色和白色在飽和度與明度上與主題色有著較大差異,可以或許對(duì)其起很好的襯托作用,同時(shí)這兩種顏色都具有中性,岑寂的特質(zhì),與主題色的語境相通。3.頁面的“圖窗由于頁面信息量相對(duì)不敷,假設(shè)再靜止不動(dòng),那么網(wǎng)頁將會(huì)有些單調(diào)乏味。因此我便參照了許多網(wǎng)站的做法,在首頁導(dǎo)航條下方安排了一塊很大面積的flash動(dòng)畫去活潑和富厚頁面。flash約占據(jù)了頁面

6、有效部門的3/5巨細(xì),這是美學(xué)中的黃金支解比例,也是我經(jīng)常處置懲罰圖塊之間巨細(xì)干系的比例,可以使得頁面有一種大孝主次的比擬。4.分頁面版式方案別的幾個(gè)分頁面的版式方案,是以靜態(tài)圖片充當(dāng)頁面“圖窗,并接納了兩種根本版式:(1)圖文擺布混排。(2)圖文上下混排,使得各頁版式有必然的變革,制止了如出一轍。“接洽方法一頁內(nèi)容較少,就沒有效圖,直接以手刺般的版式列出了信息,一覽無余。也有一個(gè)方案缺陷:部門頁面的頂部圖窗過于癡肥,造成頁面筆墨欄目被向下積存,拜候者假設(shè)不轉(zhuǎn)動(dòng)欣賞器窗口,就難以看到幾多有效的內(nèi)容。這實(shí)在是犯了網(wǎng)頁方案中“第一屏信息不敷的錯(cuò)誤。第一屏即指翻開欣賞器,不翻頁的環(huán)境下看到的內(nèi)容,這

7、個(gè)地區(qū)一樣平常高為700像素,在方案中要會(huì)合頁面有效信息于此,才氣讓拜候者不至于感觸內(nèi)容空洞、檢察費(fèi)力。四、技能制作1.網(wǎng)站制作技能的選擇網(wǎng)頁制作技能的選擇,在制作中期決定了美工用什么軟件去完成方案,及代碼編寫職員用何種方法去實(shí)現(xiàn)網(wǎng)頁的終極結(jié)果。如今接納較多的網(wǎng)頁制作技能重要有三種:(1)用flash制作網(wǎng)站。flash軟件創(chuàng)立圖形和動(dòng)畫的成效強(qiáng)盛,并可依附atinsript代碼實(shí)現(xiàn)用戶交互,所創(chuàng)作的網(wǎng)頁有著最為富厚動(dòng)畫結(jié)果,因此被一些尋求新奇,宣揚(yáng)本性的站點(diǎn)用來舉行整站制作,不外缺點(diǎn)是技能上相對(duì)龐大。(2)用htl語言制作網(wǎng)站。網(wǎng)頁文檔依賴htl語言構(gòu)造圖文信息,方案師可以通過編寫這種語言實(shí)現(xiàn)制作,也是國表里大多數(shù)網(wǎng)站接納的技能。它的長處是簡樸易把握,缺點(diǎn)是代碼冗余和非“語義化,有被互聯(lián)網(wǎng)漸漸鐫汰的趨勢(shì)。(3)用xhtl+ss語言制作網(wǎng)站。訂定網(wǎng)絡(luò)尺度的3構(gòu)造在htl語言之后,針對(duì)其缺點(diǎn),又推出了改進(jìn)語言xhtl,并與ss款式語言混淆利用,語法例范,成為當(dāng)今網(wǎng)頁制作新的技能尺度。缺點(diǎn)是必要手寫更多的代碼,對(duì)美工的形象頭腦方法提出了挑釁。2.留言板的制作“在線客服頁面中,公司必要搜集訪客的留言信息。這一成效可以通過表單、論壇等情勢(shì)實(shí)現(xiàn),而一種可以或許即時(shí)發(fā)言和表現(xiàn)的asp留言板,對(duì)該網(wǎng)站那么最為符合。asp留言板除對(duì)網(wǎng)