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