網(wǎng)頁設(shè)計(jì)
學(xué)時(shí):三個(gè)月 學(xué)費(fèi):1080元
Dreamweaver網(wǎng)站設(shè)計(jì)與管理
Flash動畫制作
HTML/CSS/javascript主學(xué)軟件
網(wǎng)頁設(shè)計(jì)的要點(diǎn)是設(shè)計(jì)*而技術(shù)其次
網(wǎng)頁設(shè)計(jì)--------網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù))的一種方式,是企業(yè)開展電子商務(wù)的基礎(chǔ)設(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è)計(jì)顯得極為重要,下面是一些網(wǎng)站設(shè)計(jì)中應(yīng)注意的原則。
一、 明確建立網(wǎng)站的目標(biāo)和用戶需求
Web站點(diǎn)的設(shè)計(jì)是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑,因此我們必須明確設(shè)計(jì)站點(diǎn)的目的和用戶需求,從而做出切實(shí)可行的設(shè)計(jì)計(jì)劃。我們會根據(jù)消費(fèi)者的需求、市場的狀況、企業(yè)自身的情況等進(jìn)行綜合分析,以“消費(fèi)者(customer)”為中心,而不是以“美術(shù)”為中心進(jìn)行設(shè)計(jì)規(guī)劃。
在設(shè)計(jì)規(guī)劃時(shí)我們會考慮:
建設(shè)網(wǎng)站的目的是什么?
為誰提供服務(wù)和產(chǎn)品?
企業(yè)能提供什么樣的產(chǎn)品和服務(wù)?
網(wǎng)站的目的消費(fèi)者和受眾的特點(diǎn)是什么?
企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式(風(fēng)格)?
二、網(wǎng)頁設(shè)計(jì)總體方案主題鮮明
在目標(biāo)明確的基礎(chǔ)上,完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對網(wǎng)站的整體風(fēng)格和特色作出定位,規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。
Web站點(diǎn)應(yīng)針對所服務(wù)對象(機(jī)構(gòu)或人)的不同而具有不同的形式。有些站點(diǎn)只提供簡潔文本信息;有些則采用多媒體表現(xiàn)手法,提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置,甚至可以下載聲音和錄像片段。好的Web站點(diǎn)把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。
為了做到主題鮮明突出,要點(diǎn)明確,我們將按照客戶的要求,以簡單明確的語言和畫面體現(xiàn)站點(diǎn)的主題;調(diào)動一切手段充分表現(xiàn)網(wǎng)站點(diǎn)的個(gè)性和情趣,辦出網(wǎng)站的特點(diǎn)。
Web站點(diǎn)主頁應(yīng)具備的基本成分包括: 頁頭:準(zhǔn)確無誤地標(biāo)識你的站點(diǎn)和企業(yè)標(biāo)志; Email地址:用來接收用戶垂詢; 聯(lián)系信息:如普通郵件地址或電話; 版權(quán)信息:聲明版權(quán)所有者等。
充分利用已有信息,如客戶手冊.公共關(guān)系文檔.技術(shù)手冊和數(shù)據(jù)庫等。
三、網(wǎng)站的版式設(shè)計(jì)
網(wǎng)頁設(shè)計(jì)作為一種視覺語言,特別講究編排和布局,雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì),但它們有許多相近之處。
版式設(shè)計(jì)通過文字圖形的空間組合,表達(dá)出和諧與美。
多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來,特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到*的視覺表現(xiàn)效果,我們將反復(fù)推敲整體布局的合理性,使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。
四、色彩在網(wǎng)頁設(shè)計(jì)中的作用
色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計(jì)中,我們的設(shè)計(jì)師根據(jù)和諧、均衡和重點(diǎn)突出的原則,將不同的色彩進(jìn)行組合.搭配來構(gòu)成美麗的頁面。 根據(jù)色彩對人們心理的影響,合理地加以運(yùn)用。如果您的企業(yè)有CIS(企業(yè)形象識別系統(tǒng)),我們將按照其中的VI進(jìn)行色彩運(yùn)用。
五、網(wǎng)頁設(shè)計(jì)形式與內(nèi)容相統(tǒng)一
為了將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu),形式語言必須符合頁面的內(nèi)容,體現(xiàn)內(nèi)容的豐富含義。
靈活運(yùn)用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段,通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài),產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計(jì)中, 它的均衡有時(shí)會使頁面顯得呆板,但如果加入一些富有動感的文字、圖案,或采用夸張的手法來表現(xiàn)內(nèi)容往往會達(dá)到比較好的效果。 點(diǎn)、線、面作為視覺語言中的基本元素,巧妙地互相穿插、互相襯托、互相補(bǔ)充構(gòu)成*的頁面效果,充分表達(dá)完美的設(shè)計(jì)意境。
六、三維空間的構(gòu)成和虛擬現(xiàn)實(shí)
網(wǎng)絡(luò)上的三維空間是一個(gè)假想空間,這種空間關(guān)系需借助動靜變化.圖像的比例關(guān)系等空間因素表現(xiàn)出來。 在頁面中,圖片、文字位置前后疊壓,或頁面位置變化所產(chǎn)生的視覺效果都各不相同。通過圖片、文字前后疊壓所構(gòu)成的空間層次不太適合網(wǎng)頁設(shè)計(jì),根據(jù)現(xiàn)有瀏覽器的特點(diǎn),網(wǎng)頁設(shè)計(jì)適合比較規(guī)范、簡明的頁面,盡管這種疊壓排列能產(chǎn)生強(qiáng)節(jié)奏的空間層次,視覺效果強(qiáng)烈。 網(wǎng)頁上常見的是頁面上、下、左、右、中位置所產(chǎn)生的空間關(guān)系,以及疏密的位置關(guān)系所產(chǎn)生的空間層次,這兩種位置關(guān)系使產(chǎn)生的空間層次富有彈性,同時(shí)也讓人產(chǎn)生輕松或緊迫的心理感受。 現(xiàn)在,人們已不滿足于HTML語言編制的二維Web頁面,三維世界的誘惑開始吸引更多的人,虛擬現(xiàn)實(shí)要在Web網(wǎng)上展示其迷人的風(fēng)采,于是VRML語言出現(xiàn)了。VRML是一種面向?qū)ο蟮恼Z言,它類似Web超級鏈接所使用的HTML語言,也是一種基于文本的語言,并可以運(yùn)行在多種平臺之上,只不過能夠更多地為虛擬現(xiàn)實(shí)環(huán)境服務(wù)。
七、網(wǎng)頁設(shè)計(jì)中多媒體功能的利用
網(wǎng)絡(luò)資源的優(yōu)勢之一是多媒體功能。要吸引瀏覽者注意力,網(wǎng)頁的內(nèi)容可以用三維動畫、FLASH等來表現(xiàn)。但要由于網(wǎng)絡(luò)帶寬的限制,在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時(shí)不得不考慮客戶端的傳輸速度。
八。結(jié)構(gòu)清晰并且便于使用。
如果人們看不懂或很難看懂您的網(wǎng)站,那么,他如何了解你的企業(yè)和服務(wù)呢?使用一些醒目的標(biāo)題或文字來突出您的產(chǎn)品與服務(wù)。并且即使您擁有最棒的產(chǎn)品,如果客戶從您的網(wǎng)站上不清楚您在介紹什么或不清楚如何受益的話,他們是不會喜歡您的網(wǎng)站的,這就是網(wǎng)頁設(shè)計(jì)的失敗。
九。導(dǎo)向清晰。
網(wǎng)頁設(shè)計(jì)中導(dǎo)航使用超文本鏈接或圖片鏈接,使人們能夠在您的網(wǎng)站上自由前進(jìn)或后退,而不會讓他們使用瀏覽器上的前進(jìn)或后退。我們在所有的圖片上使用“ALT”標(biāo)識符注明圖片名稱或解釋,以便那些不愿意自動加載圖片的觀眾能夠了解圖片的含義。
十。快速的下載時(shí)間。
很多的瀏覽者不會進(jìn)入需要等待5分鐘下載時(shí)間才能進(jìn)入的網(wǎng)站,在互聯(lián)網(wǎng)上30秒的等待時(shí)間與我們平常10分鐘等待時(shí)間的感覺相同。因此,我們會建議您在網(wǎng)頁設(shè)計(jì)中盡量避免使用過多的圖片及體積過大的圖片。我們通常會與客戶合作,將主要頁面的容量控制在50K以內(nèi),平均30K左右,確保普通瀏覽者頁面等待時(shí)間不超過10秒。
十一。非圖形的內(nèi)容。
我們在必要時(shí)適當(dāng)使用動態(tài)“Gif”圖片,為減少動畫容量,應(yīng)用巧妙設(shè)計(jì)的Java動畫可以用很小的容量使圖形或文字產(chǎn)生動態(tài)的效果。但是,由于在互聯(lián)網(wǎng)瀏覽的大多是一些尋找信息的人們,我們?nèi)匀唤ㄗh您要確定您的網(wǎng)站將為他們提供的是有價(jià)值的內(nèi)容,而不是過度的裝飾。
十二。方便的反饋及訂購程序。
讓客戶明確您所能提供的產(chǎn)品或服務(wù)并讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網(wǎng)站上產(chǎn)生了購買產(chǎn)品或服務(wù)的欲望,您是否能夠讓他們盡快實(shí)現(xiàn)嗎?是在線還是離線?
十三、網(wǎng)站測試和改進(jìn)
測試實(shí)際上是模擬用戶詢問網(wǎng)站的過程,用以發(fā)現(xiàn)問題并改進(jìn)網(wǎng)頁設(shè)計(jì)。我們通常與用戶共同安排網(wǎng)站測試。
[編輯本段]網(wǎng)頁設(shè)計(jì)現(xiàn)狀以及實(shí)戰(zhàn)技巧 (一)垃圾還是經(jīng)典
網(wǎng)頁技術(shù)更新很快,一個(gè)網(wǎng)站的界面設(shè)計(jì)壽命僅僅2-3年而已。不管是垃圾還是精品,都沒有所謂的經(jīng)典。經(jīng)典只存在于是哪個(gè)首次成功創(chuàng)新性的應(yīng)用。網(wǎng)頁設(shè)計(jì)者不管自己的學(xué)識、技術(shù)和經(jīng)驗(yàn)如何,都自以為自己吊的不得了,這可能是源與商業(yè)設(shè)計(jì)自我意識體現(xiàn)的強(qiáng)烈主觀因素。一個(gè)閉門造車者做出的東西,是遠(yuǎn)遠(yuǎn)趕不上綜合借鑒者的。網(wǎng)頁設(shè)計(jì)不同于其他藝術(shù),在模仿加創(chuàng)新的網(wǎng)頁設(shè)計(jì)領(lǐng)域當(dāng)中,即便是完全自己設(shè)計(jì)的,也是沿用了人們已經(jīng)認(rèn)同的大部分用戶習(xí)慣,而且這種沿襲的痕跡時(shí)非常的明顯!還有那個(gè)設(shè)計(jì)者敢腆著臉說,這都是我自己的原創(chuàng)設(shè)計(jì)?對于業(yè)界來說,經(jīng)典只是個(gè)理念和象征!
?。ǘ﹪鴥?nèi)網(wǎng)頁設(shè)計(jì)環(huán)境
不可否認(rèn),國內(nèi)網(wǎng)頁設(shè)計(jì)環(huán)境目前還停留在初級的認(rèn)知階段,也就是說,絕大多數(shù)人不知道網(wǎng)絡(luò)的真正的可用之處,你去做一個(gè)業(yè)務(wù)的時(shí)候,不得不去做大量的說服教育工作。以乙方的身份去說服甲方,以專業(yè)角度去教育非專業(yè)認(rèn)識,結(jié)果是可想而知的。也正是這種全體社會普遍的低認(rèn)知水平,導(dǎo)致了大量網(wǎng)絡(luò)垃圾的產(chǎn)生。
舉個(gè)簡單的例子,看看“阿里巴巴”中文和英文兩個(gè)版本的頁面。中文版主色是橙色(與標(biāo)志色統(tǒng)一),英文版是極不協(xié)調(diào)的藍(lán)橙(具有很明顯的生湊效果)。
為啥中文版是橙色,呵呵,不要以為哪是為了和標(biāo)志統(tǒng)一,其實(shí)那時(shí)國內(nèi)最常用的商業(yè)色。橙色代表什么?肉色,淫欲。商業(yè)是性質(zhì)?貪婪、拜金。對于社會主義初級階段群眾的普遍思想來說,橙色就是最突出的體現(xiàn),它不僅僅是網(wǎng)頁*商業(yè)色,它還體現(xiàn)了當(dāng)今社會經(jīng)濟(jì)發(fā)展條件下的“浮躁”和“糜爛”,它還說明了“低認(rèn)知水平”的國人,需要用這個(gè)刺激的顏色,去宣教引領(lǐng)他們被動接受。
為啥英文版是藍(lán)橙?因?yàn)檠笕艘烟幱诎l(fā)達(dá)社會,他們首先需要的不是“宣教引領(lǐng)”,而是“功能”。一個(gè)弱化的界面更能強(qiáng)化顯示功能,使人方便使用。較刺激熱烈的顏色,會引起洋人的反感,所以用的淺藍(lán)灰色。那么為什么又會出現(xiàn)極不協(xié)調(diào)的橙色捏?原因有二,一是要與標(biāo)志顏色統(tǒng)一,二是中英文要有傳承,所以出了這末個(gè)一半是火焰一半世海水的結(jié)果。
(三)什么是好的網(wǎng)頁設(shè)計(jì)
?。?)內(nèi)容和功能決定表現(xiàn)形式和界面設(shè)計(jì)
常常拿到的任務(wù)是一張小紙條,上面兩句話,叫你去做一個(gè)網(wǎng)站設(shè)計(jì)。有的人看看紙條就去設(shè)計(jì)頁面了憑,憑兩句話,你就可以為客戶做一個(gè)頁面設(shè)計(jì),以我7、8年的設(shè)計(jì)經(jīng)驗(yàn),我都不敢去做,你真是我的偶像阿!
做網(wǎng)頁設(shè)計(jì),你需要了解客戶的東西很多:
1、建站目的
2、欄目規(guī)劃及每個(gè)欄目的表現(xiàn)形式及功能要求
3、主色、客戶性別喜好、聯(lián)系方式、舊版網(wǎng)址、偏好網(wǎng)址
4、根據(jù)行業(yè)和客戶要求,那些要著重表現(xiàn)
5、是否分期建設(shè)、考慮后期的兼容性
6、客戶是否有強(qiáng)烈的建站欲望
7、你是否能在精神意識上控制住客戶
8、面對你未接觸的技術(shù)知識,你有底嗎?
9. 網(wǎng)站類型
等等...
當(dāng)你把這些內(nèi)容都了解清除了時(shí)候,你的大腦中就已經(jīng)給這個(gè)網(wǎng)站有個(gè)全面而形象的定位了,這時(shí)才是有的放矢去做界面設(shè)計(jì)的時(shí)候了。
(2)界面弱化
一個(gè)好的界面設(shè)計(jì)它的界面時(shí)弱化的,它突出的是功能,著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者是主要什么。這就涉及到瀏覽順序、功能分區(qū)等等。
要讓訪客在內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì),1秒內(nèi)就知道該從哪個(gè)地方開始使用這個(gè)網(wǎng)站,能點(diǎn)一次的,絕不點(diǎn)第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站,對于宣戰(zhàn)展示性網(wǎng)站,諸如加特效的或Flash網(wǎng)站,可能就不得不花哨一些,但不能太過分。網(wǎng)站不是動畫片,在效率越來越高,社會心理越來越浮躁的*,人們的耐心越來越小,心理承受能力越來越低。效果可以體現(xiàn)意境,點(diǎn)到為止。
?。?)模塊化和可修改性強(qiáng)
模塊化不僅可以提高重用性,也能統(tǒng)一網(wǎng)站風(fēng)格,還可以降低程序開發(fā)的強(qiáng)度。這里就設(shè)計(jì)一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識了,不再冗述。
,無論是架構(gòu)還是模塊或圖片,都要考慮可修改性強(qiáng)。舉個(gè)簡單的例子,logo、按鈕等,很多人喜歡制作圖片,N個(gè)按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片,然后用在網(wǎng)頁代碼里打上文字,那么修改起來就簡單了,讓程序員自己改字就可以了。然而網(wǎng)頁顯示的字體是帶有鋸齒的,一般即能清晰又保證美觀的字體字號有幾類:
宋體 12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+ |
?。?)創(chuàng)藝是可恥的,分析能力遠(yuǎn)比創(chuàng)藝來的重要
設(shè)計(jì)界動輒就大談什么“創(chuàng)意”,我要說的是,還沒有搞清目的意義內(nèi)容,還沒在技術(shù)制作上臻于完善的基礎(chǔ)上班,用創(chuàng)藝和特效來迷惑客戶和訪客是可恥的。一個(gè)網(wǎng)也設(shè)計(jì)者的分析能力遠(yuǎn)比創(chuàng)藝來的重要。
(5)兼顧還是拋棄
CSS、XHTML、、Ajax等等山雨欲來,學(xué)習(xí)先進(jìn)技術(shù)固然是有好處的,但對于目前國內(nèi)普遍的低認(rèn)知水平,決定了客戶的需求和價(jià)格也是相當(dāng)?shù)偷?。之前,說到經(jīng)濟(jì)決定網(wǎng)也設(shè)計(jì),所以有的時(shí)候,是不允許你做出更多的兼顧的,拋棄和放棄也是無奈之舉。
?。ㄋ模┙Y(jié)尾,送上思洋廣州的一些經(jīng)驗(yàn)
(一)網(wǎng)頁配色基本概念
?。?)白紙黑字是永遠(yuǎn)的主題,誰都說不出不好來。
?。?)網(wǎng)頁最常用流行色
·蘭色——藍(lán)天白云,沉靜整潔的顏色。
·綠色——綠白相間,雅致而有生氣。
·橙色——活潑熱烈,標(biāo)準(zhǔn)商業(yè)色調(diào)。
·暗紅——寧重、嚴(yán)肅、高貴,需要配黑和灰來壓制刺激的紅色,
(3)顏色的忌諱
·忌臟——背景與文字內(nèi)容對比不強(qiáng)烈,灰暗的背景令人沮喪!
·忌純——艷麗的純色對人的刺激太強(qiáng)烈抗議,缺乏內(nèi)涵。
·忌跳——再好看的顏色,也不能脫離整體。脫離群眾是自取其辱!
·忌花——要有一種主色貫穿其中,主色并不時(shí)面積*的顏色,而是最重要,最能揭示和反映主題的顏色,就象領(lǐng)導(dǎo)者一樣,雖然在人數(shù)上居少數(shù),但起決定作用。
·忌粉——顏色淺固然顯的干凈,但如果對比過弱,整得蒼白無力了,就象病夫一樣無可救藥。
·藍(lán)色忌純,綠色忌黃,紅色忌艷。
?。?)幾種固定搭配
·藍(lán)白橙——藍(lán)為主調(diào)。白底,藍(lán)標(biāo)題欄,橙色按鈕或ICON做點(diǎn)綴。
·綠白蘭——綠為主調(diào)。白底,綠標(biāo)題欄,蘭色或橙色按鈕或ICON做點(diǎn)綴。
·橙白紅——橙為主調(diào)。白底,橙標(biāo)題欄,暗紅或桔紅色按鈕或ICON做點(diǎn)綴。
·暗紅黑——暗紅主調(diào)。黑或灰底,暗紅標(biāo)題欄,文字內(nèi)容背景為淺灰色。
(二)網(wǎng)頁設(shè)計(jì)理念
?。?)內(nèi)容決定形式
先把內(nèi)容充實(shí)上,再分區(qū)塊,再定色調(diào),再處理細(xì)節(jié)。
?。?)先整體,后局部,*回歸到整體。
全局考慮,把能填上的都填上,占位置。然后定基調(diào),分模塊設(shè)計(jì)。*調(diào)整不滿意的幾個(gè)局部細(xì)節(jié)。
?。?)功能決定設(shè)計(jì)方向
·看網(wǎng)站的用途,決定設(shè)計(jì)思路.商業(yè)性的就要突出贏利目的;*型的就要突出形象和權(quán)威性的文章;教育性的,就要突出師資和課程。
關(guān)于網(wǎng)頁標(biāo)題設(shè)計(jì)的原則
在設(shè)計(jì)網(wǎng)頁標(biāo)題時(shí),應(yīng)注意同時(shí)兼顧對用戶的注意力,以及對搜索引擎檢索的需要。這一原則在實(shí)際操作中可通過下來三個(gè)方面來體現(xiàn),這三個(gè)方面也可以被認(rèn)為是網(wǎng)頁標(biāo)題設(shè)計(jì)的一般規(guī)律:
(1)網(wǎng)頁標(biāo)題不宜過短或者多長。一般來說6-10個(gè)漢字比較理想,*不好超過30個(gè)漢字。網(wǎng)頁標(biāo)題字?jǐn)?shù)過少可能包含不了有效關(guān)鍵詞,字?jǐn)?shù)過多不僅搜索引擎無法正確識別標(biāo)題中的核心關(guān)鍵詞,而且也讓用戶難以對網(wǎng)頁標(biāo)題(尤其是首頁標(biāo)題,代表了網(wǎng)站名稱)形成深刻印象,也不便于其他網(wǎng)站鏈接。
?。?)網(wǎng)頁標(biāo)題應(yīng)概括網(wǎng)頁的核心內(nèi)容。當(dāng)用戶通過搜索引擎檢索時(shí),在檢索結(jié)果頁面中的內(nèi)容一般是網(wǎng)頁標(biāo)題(加鏈接)和網(wǎng)頁摘要信息,要引起用戶的關(guān)注,網(wǎng)頁標(biāo)題發(fā)揮了很大的作用,如果網(wǎng)頁標(biāo)題和頁面摘要信息有較大的相關(guān)性,摘要信息對網(wǎng)頁標(biāo)題將發(fā)揮進(jìn)一步的補(bǔ)充作用,從而引起用戶對該網(wǎng)頁信息點(diǎn)擊行為的發(fā)生(也就意味著搜索引擎推廣發(fā)揮了作用)。另外,當(dāng)網(wǎng)頁標(biāo)題被其他網(wǎng)站或者本網(wǎng)站其他欄目/網(wǎng)頁鏈接時(shí),一個(gè)概括了網(wǎng)頁核心內(nèi)容的標(biāo)題有助于用戶判斷是否點(diǎn)擊該網(wǎng)頁標(biāo)題鏈接。
?。?)網(wǎng)頁標(biāo)題中應(yīng)含有豐富的關(guān)鍵詞??紤]到搜索引擎營銷的特點(diǎn),搜索引擎對網(wǎng)頁標(biāo)題中所包含的關(guān)鍵詞具有較高的權(quán)重,盡量讓網(wǎng)頁標(biāo)題中含有用戶檢索所使用的關(guān)鍵詞。以網(wǎng)站首頁設(shè)計(jì)為例,一般來說首頁標(biāo)題就是網(wǎng)站的名稱或者公司名稱,但是考慮到有些名稱中可能無法包含公司/網(wǎng)站的核心業(yè)務(wù),也就是說沒有核心關(guān)鍵詞,這時(shí)通常采用“核心關(guān)鍵詞+公司名/品排名”的方式來作為網(wǎng)站首頁標(biāo)題。本文開頭所列舉的某網(wǎng)絡(luò)營銷服務(wù)商網(wǎng)站首頁標(biāo)題實(shí)例,其實(shí)也是采用這種方式來設(shè)計(jì)網(wǎng)頁標(biāo)題,只不過由于羅列了太多的“核心關(guān)鍵詞”,反而沒有了核心。
上述幾個(gè)方面其實(shí)都考慮了搜索引擎檢索網(wǎng)頁的特點(diǎn),也就是說,網(wǎng)頁標(biāo)題設(shè)計(jì)都將有利于搜索引擎檢索作為重要因素,即使如此,作者仍然建議,與網(wǎng)頁內(nèi)容寫作一樣,網(wǎng)頁標(biāo)題寫作首先是給用戶看的,在這個(gè)前提之上考慮對搜索引擎檢索才有意義??梢娋W(wǎng)頁標(biāo)題設(shè)計(jì)并不是一件隨意的事情,尤其對網(wǎng)站首頁標(biāo)題設(shè)計(jì),不可不慎重。
做美工看起來并不是一件容易的事情。首先,要對整個(gè)站點(diǎn)和企業(yè)有個(gè)大致的了解。例如:某些企業(yè)喜歡藍(lán)色的主調(diào),你不可能去做個(gè)紅色的主調(diào),這樣完全違背客戶的主要意愿,如果百度的標(biāo)志改成五顏六色的,相信大家也不會認(rèn)可的。站長的職責(zé)是規(guī)劃網(wǎng)站結(jié)構(gòu)。同樣也需要有一定的審美觀。下面介紹了幾款常用的繪圖工具和基本知識。
1.源文件psd,ai,cdr的區(qū)別
psd文件就是用photoshop創(chuàng)建的,當(dāng)然也必須用photoshop打開;
ai文件是Illustrator的。他們都是Adobe公司的。ai文件同樣也可以用photoshop打開,但打開后會載入在同一層內(nèi)。
cdr文件是CorelDRAW的。
2.關(guān)于CMYK和RGB顏色模式
CMYK是Cyan(青)、Mageata(品紅)、Yellow(黃)、Black(黑),這是印刷上使用比較普遍的色彩模式。
R、G、B就是Red、Green、Blue(紅,綠,藍(lán))三種顏色,RGB模式就是由這三種顏色為基色進(jìn)行疊加而模擬出大自然色彩的色彩組合模式。我們?nèi)粘S玫牟噬娔X顯示器、彩色電視機(jī)等的色彩都使用這種模式。
3.矢量圖
矢量圖與位圖*的區(qū)別是,它不受分辨率的影響。因此在印刷時(shí),可以任意放大或縮小圖形而不會影響出圖的清晰度
矢量圖:是根據(jù)幾何特性來繪制圖形,矢量可以是一個(gè)點(diǎn)或一條線,矢量圖只能靠軟件生成,文件占用內(nèi)在空間較小,因?yàn)檫@種類型的圖像文件包含獨(dú)立的分離圖像,可以自由無限制的重新組合。它的特點(diǎn)是放大后圖像不會失真,和分辨率無關(guān),文件占用空間較小,適用于圖形設(shè)計(jì)、文字設(shè)計(jì)和一些標(biāo)志設(shè)計(jì)、版式設(shè)計(jì)等。
ai cdr均為矢量圖。
4.圖片文件jpg,gif,png,bmp的區(qū)別
bmp:是未經(jīng)過壓縮的用點(diǎn)陣來表示的真彩圖片,占用磁盤空間較大
gif:是經(jīng)過壓縮的,只能表示256種顏色,占用磁盤空間小,常用來演示色彩單一的成塊的卡通圖案,GIF還有一種可以表示連續(xù)的動畫.
png:是fireworks的圖片格式
jpg:也是有損壓縮格式但是它表示的顏色比較豐富,一般用來顯示真彩的照片或圖案
5.名片的尺寸問題
名片的標(biāo)準(zhǔn)尺寸:90mmX54mm。但是加上出血上下左右各2mm,所以在設(shè)計(jì)時(shí)
制作尺寸必須設(shè)定為:94 x 58mm。
6.源文件的提供問題
作為設(shè)計(jì)者和客戶(這里指各站長),如果事先沒有明文協(xié)議的話
設(shè)計(jì)者有權(quán)不提供源文件。
7.什么是logo,ci,vi
VI是Visual Identity的縮寫,中文譯為“企業(yè)視覺識別”。VI是CI計(jì)劃的靜態(tài)識別符號,是企業(yè)理念視覺化傳達(dá)的載體,因此它項(xiàng)目最多,效果最為直接。VI作為視覺識別,它是外在表現(xiàn),固然需要具有美感,但VI必須是MI的體現(xiàn),直接反映企業(yè)的理念。因此VI設(shè)汁包含這樣一些原則:即充分傳達(dá)企業(yè)理念、人性原則、民族性原則、簡潔抽象及動態(tài)原則、員工參與原則、法律原則、藝術(shù)性原則和個(gè)性原則。
CI是Corporate Identity的縮寫,中文譯為“企業(yè)形象”。CI計(jì)劃,是指企業(yè)有目的、有計(jì)劃、戰(zhàn)略性地創(chuàng)造出所希望的自身形象,由此提高企業(yè)的社會*度,最終得到自己最適合的經(jīng)營環(huán)境。
而logo只是網(wǎng)站或企業(yè)一個(gè)標(biāo)志。
8,關(guān)于logo設(shè)計(jì)的資費(fèi)問題
這個(gè)問題很不好說,如果是去找正規(guī)廣告公司做的話,根據(jù)公司規(guī)模大小,500到5000的都是正常的,一般都附送半套VI(namecard等常用一些),大公司的服務(wù)態(tài)度和服務(wù)質(zhì)量不一定比小公司好?,F(xiàn)如今有些朋友在論壇上說50元做logo,個(gè)人認(rèn)為還不如不收取費(fèi)用來得好些。這樣的惡性競爭下,設(shè)計(jì)業(yè)遲早會或者說已經(jīng)被帶入了“民工職業(yè)”的行列。
還有一點(diǎn),如果您喜歡拿很多方案去比稿的話,建議您去發(fā)布威客任務(wù),那樣價(jià)錢不會很貴,還可以得到很多得設(shè)計(jì)方案,一般400塊錢的懸賞任務(wù)可以得到30份左右的初稿,還是很劃算的。BTW:在威客發(fā)布懸賞任務(wù)是要給相關(guān)網(wǎng)站支付一定的任務(wù)管理金的,一般為20%。)
*說句,站長在設(shè)計(jì)之前請與設(shè)計(jì)師先進(jìn)性良好溝通,不要撇下一句“你看著辦吧,我相信你?!薄澳闶菍I(yè)的,你說怎么弄就怎么弄?!敝惖脑捑筒还芰恕W约簩ψ约旱恼军c(diǎn)不負(fù)責(zé)的話,設(shè)計(jì)師也一定不會對你的站點(diǎn)負(fù)責(zé)的。
另外,一個(gè)設(shè)計(jì)可以大幅度改稿的次數(shù)一般在2--3次間(付費(fèi)情況下),這不是一個(gè)規(guī)定,但是大多數(shù)設(shè)計(jì)在超過這個(gè)次數(shù)后會對業(yè)主產(chǎn)生一定的仇恨情緒......