合理運用新技術(shù):如果不是介紹網(wǎng)絡(luò)技術(shù)的專業(yè)站點,新的網(wǎng)站建設(shè)技術(shù)幾乎每天都會呈現(xiàn)。一定要合理地運用網(wǎng)頁制作的新技術(shù),切忌將網(wǎng)站變?yōu)橐粋€制作網(wǎng)頁的技術(shù)展臺,永遠(yuǎn)記住用戶方便快捷地得到所需要的信息是最重要的對于網(wǎng)站設(shè)計者來說,必需學(xué)習(xí)跟蹤掌握網(wǎng)頁設(shè)計的新技術(shù)如JavaDHTMLXML等,根據(jù)網(wǎng)站的內(nèi)容和形式的需要合理地應(yīng)用到設(shè)計中。
1謀劃與草圖
會創(chuàng)造,1.1所有網(wǎng)站和其它設(shè)計作品的過程都是從策劃開始的這是最能體現(xiàn)你才氣和創(chuàng)造力的地方。人最大的區(qū)別于其它動物的地方就是會思考。而且唯有這點是難能可貴的!必需要在動手打開PS或FW制做界面前就要完成一個網(wǎng)站最最關(guān)鍵的謀劃局部,將直接影響
不只做得漂亮,這個網(wǎng)站的成敗與否。一個優(yōu)秀的網(wǎng)站。而且要方便瀏覽,可讀性強,簡潔明快!
用色,網(wǎng)站的風(fēng)格。版式,布局,欄目甚至每個細(xì)小的圖標(biāo)都要經(jīng)過精雕細(xì)琢,深思熟慮。而風(fēng)格的制定要取決于你所做網(wǎng)站的瀏覽人群和讀者職業(yè)背景、文化水平和修養(yǎng)喜好等,只有投其所好才干最大化地產(chǎn)生共鳴;另一方面取決于公司的類型和企業(yè)法人的喜好,如果不是要強加入你自己的意志的話,那上述幾點已經(jīng)制定了網(wǎng)站大致的努力方向了!
所以我采用簡約風(fēng)格,1.2本站是商業(yè)化的網(wǎng)站面向企業(yè)為主。亮麗明快的顏色和風(fēng)格,只要學(xué)學(xué)平面構(gòu)成和色彩構(gòu)成就知道如何按其風(fēng)格去布置各個元素和內(nèi)容,以及用何種顏色來營造你要表達的效果了包括冷暖明暗都是很關(guān)鍵的大面積的中性色不刺眼,而重要的引導(dǎo)視線可以讓亮色來擔(dān)當(dāng),冬天喜歡暖色夏天喜歡冷色是人之常情,藍色那種給人以信任和科技的底韻是選擇它原因,而像橙、黃等促進食欲的顏色更容易受到食品網(wǎng)站的青睞!
1.3本著簡潔科學(xué)的分類原則來劃分欄目:首頁客戶中心窄告介紹合作媒體罕見問題媒體報道關(guān)于我
影響框架的調(diào)整,欄目如果劃分不好的話。后果就是:重頭再來了郁悶吧?
所以要做得本地化,本網(wǎng)站主要面向濰坊企業(yè)。讓人看了感覺親切,而且要做得漂亮,廢話!!
盡是具體些,1.4好了完成上面這些后請拿起筆在紙上按你創(chuàng)意和設(shè)想畫一草圖。最好精細(xì)到每處陰影和描邊!這步很關(guān)鍵的說!
LOGO廣告語,1.5本節(jié)最后就是準(zhǔn)備制做網(wǎng)站時所需要的素材了包括圖標(biāo)。內(nèi)容介紹等這都是最基本的!
2設(shè)計與制做
這是最喜歡的也因為用慣了嘛!^^養(yǎng)兵千日用兵一時,2.1如果草圖都已經(jīng)繪制完美后就可以打開PS或FW開工制做和設(shè)計我界面了這里我使用PS雖然沒有FW高效和專業(yè)但更加靈活和自由。平時的練習(xí)和學(xué)習(xí)在這里派上用場了!呵呵!
還可以采用你自己獨特的手法,2.2可以在新建的778*600頁面中先打框架然后再采用逐步細(xì)化的方法。比如透明玻璃水晶按鈕等效果來營造特別的風(fēng)格,要力求簡約和精致!不要放過每個細(xì)節(jié)的刻畫,即使是1*15%透明度的陰影都會給你頁面增彩,別以為他人看不見!
這樣可以方便分類和編輯,2.3最好養(yǎng)成分層的習(xí)慣。不至于把上百個圖層放在一下層級里搞得一團亂麻,分不清楚。
所以請養(yǎng)成分類并為每個圖層命名的習(xí)慣,作為一名優(yōu)秀的設(shè)計師應(yīng)該有條理。這決不是浪費你時間!
3切割與導(dǎo)出
切割的原則都是一樣的請遵從以下幾個方面無論是PS還是FW哪怕是AI做的設(shè)計界面。:
如國字型或T字型,3.1首先要按大致的框架切割。注意其完整性
3.2對于要輸入的文字區(qū)域、大面積色塊或單獨的圖片以及flash動畫要單獨切割成非圖片格式的切片以備插入
若有圖案要保證可以重復(fù)排列3.3對于添加內(nèi)容需要很長的區(qū)域要注意其伸縮性切割。
不要空留一行或列的一個象素的間隙,3.4切割時要特別認(rèn)真和小心。要放大讓切片都對齊,不留空隙
以及創(chuàng)建需要改變圖片外觀的切片等3.5其它如按鈕和空白處等自動生成的切片。
選擇文件另存為WEB頁命令,切割完畢后。導(dǎo)出為HTML文件待DW編輯。
4編輯與模板
包括大表格居中,4.1DW中打開導(dǎo)出的HTML文件開始編輯。設(shè)置背景,修改空白可輸入?yún)^(qū)單元格背景為原來切割的圖片等
包括最基本的TD和ALINK等標(biāo)簽,4.2將編輯完畢的文件添加CSS樣式。然后存為模板DWT文件,并^+alt+v新建可編輯區(qū)域
4.3通過模板新建各個頁面并添加入相應(yīng)的內(nèi)容
5動畫與廣告
使用相應(yīng)的文字內(nèi)容和廣告語,5.1按原來切片所容留的大小制做FL動畫廣告條。FL中新建文件
排版并轉(zhuǎn)換為元件578*105.2復(fù)制粘貼廣告詞到場景中。4
調(diào)試節(jié)奏后發(fā)布為SWF文件5.3添加相應(yīng)的背景和動畫。
其它頁面會自動更新5.4拔出到DW中的模板頁并調(diào)整大小后存盤。
6鏈接與上傳
本步驟也可在第四節(jié)完成6.1重新設(shè)置模板頁的導(dǎo)航鏈接。
確保鏈接可正常訪問6.2外地打開首頁檢查鏈接與文字內(nèi)容直到無錯。
域名解析勝利后在瀏覽器中瀏覽網(wǎng)上的效果并做相應(yīng)后期維6.3上傳到申請的空間。
網(wǎng)頁優(yōu)化之選擇正確的關(guān)鍵詞
同時也是多數(shù)人容易忽視的問題。人們往往隨隨便便想出幾個關(guān)鍵詞,如何挑選關(guān)鍵詞是網(wǎng)頁優(yōu)化中最重要的方法之一。將它用在網(wǎng)頁中,然后把這些頁面提交到搜索引擎,以為就能得到好的排名。殊不知此舉通常是不會為你帶來理想的效果的
應(yīng)該花些時間琢磨到底哪些是需要的目標(biāo)關(guān)鍵詞或關(guān)鍵詞組。搜索引擎絕對是重要的訪問來源渠道,對網(wǎng)頁進行優(yōu)化前。但要充分利用它優(yōu)勢,必需花一些工夫。
別急于求成。坐下來,首先要避免激進。打開你最喜歡的文字編輯工具軟件,再在另一個窗口中打開你網(wǎng)頁,從頭到尾將你網(wǎng)頁讀一遍,然后停下來思考下面的問題:
網(wǎng)頁是有關(guān)哪方面的內(nèi)容?
文中哪些詞能夠準(zhǔn)確地描述整個網(wǎng)頁的內(nèi)容?
可能使用的關(guān)鍵詞有哪些當(dāng)某個人在搜索引擎上查找類似的信息時。?
立刻將所想到詞或詞組記錄下來,當(dāng)你找到答案。然后從中挑選出最適合你關(guān)鍵詞。做法是關(guān)鍵詞列表中選出1-2個中等熱門關(guān)鍵詞(因為太熱門的關(guān)鍵詞往往不容易獲得好的名次)并以該關(guān)鍵詞為基礎(chǔ)將網(wǎng)頁進行重點優(yōu)化,同時還把一些次要的比較冷門的關(guān)鍵詞也用在網(wǎng)頁中,以期在以這些不常見的關(guān)鍵詞搜索時,網(wǎng)頁也能出現(xiàn)在結(jié)果中。
將你網(wǎng)站中的各個頁面都進行優(yōu)化。注意要為每一個網(wǎng)頁制訂出一套獨特的關(guān)鍵詞列表。不同頁面的關(guān)鍵詞列表之間不能形成"競爭"關(guān)系,重復(fù)以上方法。而是應(yīng)該各有側(cè)重。但這并不意味著每個頁面的關(guān)鍵詞列表必需完全不同,關(guān)鍵詞列表之間存在某些相似之處并無大礙,但必需注意關(guān)鍵詞列表不能100%完全相同,因為在20個搜索引擎上獲得好的排位總強過在單個搜索引擎中獲得20個好的排名。
但其中可能包括一些極熱門的單詞,好了現(xiàn)在有了一整套關(guān)鍵詞列表。比方“MP3book或“Comput等等。接下來要做的事是將這些熱門單詞打散。這聽起來似乎有些殘暴,但如果你個初學(xué)者,根本不可能在這些關(guān)鍵詞上獲得好的名次的即使是搜索引擎登錄專家(得說是大部分專家)也都盡量回避這些關(guān)鍵詞,因為它實在太熱門了有不可勝數(shù)個網(wǎng)站都以它作為目標(biāo)關(guān)鍵詞參與競爭,即便你網(wǎng)頁優(yōu)化技巧再高超,也不可能保證能夠排名靠前,因此你需要將這些關(guān)鍵詞具體化。
但相對原來的關(guān)鍵詞來說就容易多了不管怎么說,想想上述關(guān)鍵詞有哪些變形形式。如果你原打算用“book那么改為“buiusbookonlin或者“antiqubookstor如何?這些詞組項下取得好名次雖然也不易。以一個中等熱門關(guān)鍵詞在搜索引擎上排位前10名,要比以一個熱門關(guān)鍵詞排在第500名要好得多。
也許打算用它來優(yōu)化網(wǎng)頁。但使用錯拼關(guān)鍵詞通常會影響網(wǎng)站的權(quán)威性。會從一個連自己的商品名稱都寫不對的商家購買產(chǎn)品嗎?想不會。因此使用錯拼單詞時一定要小心。如果某個與你網(wǎng)站內(nèi)容有關(guān)的單詞經(jīng)常被錯拼。
商業(yè)網(wǎng)站設(shè)計主要原則
離開網(wǎng)站(或者只是利用第三方網(wǎng)站)去談電子商務(wù)是不可能的企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)”也是企業(yè)無形資產(chǎn)的組成局部,而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。企業(yè)網(wǎng)站設(shè)計顯得極為重要,下面是一些網(wǎng)站設(shè)計中應(yīng)注意的原則。網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù))一種方式,企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺。
一、明確建立網(wǎng)站的目標(biāo)和用戶需求
因此必需明確設(shè)計站點的目的和用戶需求,Web站點的設(shè)計是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑。從而做出切實可行的設(shè)計計劃。要根據(jù)消費者的需求、市場的狀況、企業(yè)自身的情況等進行綜合分析,牢記以“消費者(custom為中心,而不是以“美術(shù)”為中心進行設(shè)計規(guī)劃。設(shè)計規(guī)劃之初同樣考慮:建設(shè)網(wǎng)站的目的什么?為誰提供服務(wù)和產(chǎn)品?企業(yè)能提供什么樣的產(chǎn)品和服務(wù)?網(wǎng)站的目的消費者和受眾的特點是什么?企業(yè)產(chǎn)品和服務(wù)適合什么樣的表示方式(風(fēng)格)?
二、總體設(shè)計方案主題鮮明
完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站的整體風(fēng)格和特色作出定位,目標(biāo)明確的基礎(chǔ)上。規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。Web站點應(yīng)針對所服務(wù)對象(機構(gòu)或人)不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則采用多媒體表示手法,提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面安排,甚至可以下載聲音和錄像片段。好的Web站點把圖形表示手法和有效的組織與通信結(jié)合起來。要做到主題鮮明突出,要點明確,以簡單明確的語言和畫面體現(xiàn)站點的主題。調(diào)動一切手段充分表示網(wǎng)站點的個性和情趣,辦出網(wǎng)站的特點。Web站點主頁應(yīng)具備的基本成分包括:頁頭:準(zhǔn)確無誤地標(biāo)識你站點和企業(yè)標(biāo)志;Email地址:用來接收用戶垂詢;聯(lián)系信息:如普通郵件地址或電話;版權(quán)信息:聲明版權(quán)所有者等。注意重復(fù)利用已有信息。如客戶手冊.公共關(guān)系文檔.技術(shù)手冊和數(shù)據(jù)庫等可以輕而易舉地用到企業(yè)的Web站點中。
三、網(wǎng)站的版式設(shè)計
要講究編排和布局,網(wǎng)頁設(shè)計作為一種視覺語言。雖然主頁的設(shè)計不等同于平面設(shè)計但它有許多相近之處,應(yīng)充分加以利用和借鑒。版式設(shè)計通過文字圖形的空間組合,表達出和諧與美。一個優(yōu)秀的網(wǎng)頁設(shè)計者也應(yīng)該知道哪一段文字圖形該落于何處,才干使整個網(wǎng)頁生輝。多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映進去,特別要處置好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達到最佳的視覺表示效果,應(yīng)講究整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。
四、色彩在網(wǎng)頁設(shè)計中的作用
根據(jù)和諧、均衡和重點突出的原則,色彩是藝術(shù)表示的要素之一。網(wǎng)頁設(shè)計中。將不同的色彩進行組合.搭配來構(gòu)成美麗的頁面。根據(jù)色彩對人們心理的影響,合理地加以運用。依照色彩的記憶性原則,一般暖色較冷色的記憶性強;色彩還具有聯(lián)想與象征的物質(zhì),如紅色象征血、太陽;藍色象征大海、天空和水面等。所以設(shè)計出售冷食的虛擬店面,應(yīng)使用淡雅而沉靜的顏色,使人心理上感覺涼爽一些。網(wǎng)頁的顏色應(yīng)用并沒有數(shù)量的限制,但不能毫無節(jié)制地運用多種顏色,一般情況下,先根據(jù)總體風(fēng)格的要求定出一至二種主色調(diào),有CIS企業(yè)形象識別系統(tǒng))更應(yīng)該依照其中的VI進行色彩運用。
還應(yīng)注意的一個問題是:由于國家和種族.宗教和信仰的不同,色彩的運用過程中。以及生活的地理位置.文化修養(yǎng)的差異等,不同的人群對色彩的喜惡水平有著很大的差別。如:兒童喜歡對比強烈.個性鮮明的純顏色;生活在草原上的人喜歡紅色;生活在鬧市中的人喜歡淡雅的顏色;生活在沙漠”中的人喜歡綠色。設(shè)計中要考慮主要讀者群的背景和構(gòu)成。
五、網(wǎng)頁形式與內(nèi)容相統(tǒng)一
形式語言必需符合頁面的內(nèi)容,要將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)。體現(xiàn)內(nèi)容的豐富含義。運用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段,通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài),發(fā)生和諧的美感。如對稱原則在頁面設(shè)計中,均衡有時會使頁面顯得呆板,但如果加入一些富有動感的文字、圖案,或采用夸張的手法來表示內(nèi)容往往會達到比較好的效果。點、線、面作為視覺語言中的基本元素,要使用點、線、面的互相交叉、互相烘托、互相補充構(gòu)成最佳的頁面效果。網(wǎng)頁設(shè)計中點、線、面的運用并不是孤立的很多時候都需要將它結(jié)合起來,表達完美的設(shè)計意境。
六、三維空間的構(gòu)成和虛擬現(xiàn)實
這種空間關(guān)系需借助動靜變化.圖像的比例關(guān)系等空間因素表示進去。頁面中,網(wǎng)絡(luò)上的三維空間是一個假想空間。圖片、文字位置前后疊壓,或頁面位置變化所產(chǎn)生的視覺效果都各不相同。圖片、文字前后疊壓所構(gòu)成的空間層次目前還不多見,網(wǎng)上更多的一些設(shè)計比較規(guī)范、簡明的頁面,這種疊壓排列能發(fā)生強節(jié)奏的空間層次,視覺效果強烈。網(wǎng)頁上常見的頁面上、下、左、右、中位置所產(chǎn)生的空間關(guān)系,以及疏密的位置關(guān)系所產(chǎn)生的空間層次,這兩種位置關(guān)系使產(chǎn)生的空間層次富有彈性,同時也讓人發(fā)生輕松或緊迫的心理感受?,F(xiàn)在人們已不滿足于HTML語言編制的二維Web頁面,三維世界的誘惑開始吸引更多的人,虛擬現(xiàn)實要在Web網(wǎng)上展示其迷人的風(fēng)采,于是VRML語言呈現(xiàn)了VRML一種面向?qū)ο蟮恼Z言,類似Web超級鏈接所使用的HTML語言,也是一種基于文本的語言,并可以運行在多種平臺之上,只不過能夠更多地為虛擬現(xiàn)實環(huán)境服務(wù)。
七、多媒體功能的利用
頁面的內(nèi)容可以用三維動畫、FLA SH等來表現(xiàn)。但要注意,網(wǎng)絡(luò)資源的優(yōu)勢之一是多媒體功能。要吸引瀏覽者注意力。由于網(wǎng)絡(luò)帶寬的限制,使用多媒體的形式表示網(wǎng)頁的內(nèi)容時應(yīng)考慮客戶端的傳輸速度。
八、網(wǎng)站測試和改進
用以發(fā)現(xiàn)問題并改進設(shè)計。要注意讓用戶參與網(wǎng)站測試。測試實際上是模擬用戶詢問網(wǎng)站的過程。
九、內(nèi)容更新與溝通
要不斷更新內(nèi)容。站點信息的不時更新,企業(yè)Web站點建立后。讓瀏覽者了解企業(yè)的發(fā)展動態(tài)和網(wǎng)上職務(wù)等,同時也會協(xié)助企業(yè)建立良好的好象。企業(yè)的Web站點上,要認(rèn)真回復(fù)用戶的電子郵件和傳統(tǒng)的聯(lián)系方式如信件.電話垂 詢和傳真,做到有問必答。最好將用戶的用意進行分類,如售前一般了解.售后服務(wù)等,由相關(guān)部門處置,使用站訪問者感受到企業(yè)的真實存在并由此發(fā)生信任感。注意不要許諾你實現(xiàn)不了東西,真正有能力處置回復(fù)之前,不要懇求用戶輸入信息或羅列一大堆自己不能及時答復(fù)的電話號碼。如果要求訪問者自愿提供其個人信息,應(yīng)公布并認(rèn)真履行個人隱私保承諾。
轉(zhuǎn)發(fā)請注明:丁丁貓