網(wǎng)頁(yè)設(shè)計(jì)技巧「經(jīng)典」
在今天這個(gè)飛速發(fā)展的時(shí)代,互聯(lián)網(wǎng)現(xiàn)已經(jīng)成為潮流,如何做好一個(gè)網(wǎng)站呢,這或許是很多網(wǎng)頁(yè)愛(ài)好者關(guān)心的問(wèn)題。歡迎大家閱讀!更多相關(guān)信息請(qǐng)關(guān)注相關(guān)欄目!
首先我們需要了解一下網(wǎng)站的頁(yè)面組成,網(wǎng)站一般包括以下幾部分:
首頁(yè):網(wǎng)站的門(mén)面,如同公司的形象,特別注重設(shè)計(jì)和規(guī)劃。
框架頁(yè):網(wǎng)站的主要結(jié)構(gòu)頁(yè)面,又稱(chēng)次首頁(yè)、內(nèi)頁(yè),大型網(wǎng)站往往框架頁(yè)即首頁(yè),如一些門(mén)戶(hù)網(wǎng)站?蚣茼(yè)主要是網(wǎng)站內(nèi)部主要欄目的首頁(yè),講究風(fēng)格的一致性,并于主頁(yè)呼應(yīng)。
普通頁(yè):網(wǎng)站主要的承載信息的頁(yè)面,設(shè)計(jì)要求不高,但要求鏈接準(zhǔn)確、文字無(wú)誤、圖文并茂,并沿襲網(wǎng)頁(yè)的風(fēng)格。 彈出頁(yè):一般用于廣告、新聞、消息、到其他網(wǎng)站的鏈接等等,一般用的很少。
以上所述或許是大多數(shù)網(wǎng)站必備的部分。
一:首頁(yè)的設(shè)計(jì)技巧
網(wǎng)站首頁(yè)是企業(yè)網(wǎng)上的虛擬門(mén)面,在此,提醒上網(wǎng)的企業(yè)注意自己門(mén)面的設(shè)計(jì),決不能敷衍了事、馬馬虎虎。我們會(huì)經(jīng)?吹接∷⒕赖漠a(chǎn)品目錄或廣告,當(dāng)您屢屢看到那些印有產(chǎn)品目錄或廣告的精美印刷制品的時(shí)候,相信您或多或少會(huì)對(duì)有關(guān)的產(chǎn)品形成一種好感,即使您不會(huì)購(gòu)買(mǎi),也必然對(duì)這些產(chǎn)品形成一定程度的認(rèn)同。而對(duì)于設(shè)計(jì)毛糙的宣傳品,您肯定會(huì)懷疑其內(nèi)容的真實(shí)性,從而對(duì)其產(chǎn)品或服務(wù)產(chǎn)生質(zhì)疑。好,現(xiàn)在說(shuō)說(shuō)網(wǎng)站的設(shè)計(jì),相信您會(huì)同意這種說(shuō)法:網(wǎng)站的頁(yè)面就好比是“無(wú)紙的印刷品”。既然如此,我們會(huì)因此而得出一個(gè)結(jié)論:精良和專(zhuān)業(yè)網(wǎng)站的設(shè)計(jì),如同制作精美的印刷品,會(huì)大大刺激消費(fèi)者(訪問(wèn)者)的購(gòu)買(mǎi)欲望,反之,您公司所提供的產(chǎn)品或服務(wù)將不會(huì)給消費(fèi)者(訪問(wèn)者)留下較好的印象。值得一提的是,除非您的企業(yè)有專(zhuān)業(yè)的網(wǎng)站規(guī)劃、設(shè)計(jì)人員,否則您最好找專(zhuān)業(yè)公司或?qū)I(yè)人員為您設(shè)計(jì)制作,一個(gè)優(yōu)秀的專(zhuān)業(yè)設(shè)計(jì)人員會(huì)很快明白您的意圖,并根據(jù)您的建站目的提出建設(shè)性的意見(jiàn)。
二:風(fēng)格要保持一致
結(jié)構(gòu)的一致性:我們知道,網(wǎng)站的統(tǒng)一性在網(wǎng)站營(yíng)銷(xiāo)中占重要地位,而網(wǎng)站結(jié)構(gòu)是網(wǎng)站風(fēng)格統(tǒng)一的重要手段,包括網(wǎng)站布局、文字排版、裝飾性元素出現(xiàn)的位置、導(dǎo)航的統(tǒng)一、圖片的位置等等,到國(guó)外著名的電子商務(wù)網(wǎng)站瀏覽,你會(huì)發(fā)現(xiàn)這些網(wǎng)站結(jié)構(gòu)驚奇的一致性,所不同的是色彩或內(nèi)容,在結(jié)構(gòu)的一致性中,我們要強(qiáng)調(diào)網(wǎng)站標(biāo)志性元素的一致性,即網(wǎng)站或公司名稱(chēng)、網(wǎng)站或企業(yè)標(biāo)志、導(dǎo)航及輔助導(dǎo)航的形式及位置、公司聯(lián)系信息等,這種方式是目前網(wǎng)站普遍采用的結(jié)構(gòu),一方面減少設(shè)計(jì)、開(kāi)發(fā)的工作量,同時(shí)更有利于以后的網(wǎng)站維護(hù)與更新。
三:色彩的一致性
網(wǎng)頁(yè)中最難處理的也就是色彩搭配的問(wèn)題了。如何運(yùn)用最簡(jiǎn)單的色彩表達(dá)最豐富的含義,體現(xiàn)企業(yè)形象是網(wǎng)頁(yè)設(shè)計(jì)人員需要不斷學(xué)習(xí)、探索的課題。如何進(jìn)行色彩搭配是一門(mén)學(xué)問(wèn),下面的一些方法是我在實(shí)踐過(guò)程中的體會(huì),希望能夠?yàn)槟鸬揭欢ǖ膮⒖甲饔谩?/p>
1、運(yùn)用相同色系色彩:所謂相同色系,是指幾種色彩在360°色相環(huán)上位置十分相近,大約在45°左右或同一色彩不同明度的幾種色彩,如:,這種搭配的優(yōu)點(diǎn)是易于使網(wǎng)頁(yè)色彩趨于一致,對(duì)于網(wǎng)頁(yè)設(shè)計(jì)新手有很好的借鑒作用,這種用色方式容易塑造網(wǎng)頁(yè)和諧統(tǒng)一的氛圍,缺點(diǎn)是容易造成頁(yè)面的單調(diào),因此往往利用局部加入對(duì)比色來(lái)增加變化,如局部對(duì)比色彩的圖片等。這種方法不失為一種設(shè)計(jì)的好方法。
2、運(yùn)用對(duì)比色或互補(bǔ)色:所謂對(duì)比色,是指色相環(huán)相距較遠(yuǎn),大約在100°左右,視覺(jué)效果鮮亮、強(qiáng)烈,而互補(bǔ)色則是色相環(huán)上相距最遠(yuǎn)的連種色彩,即相距180°,其對(duì)比關(guān)系最強(qiáng)烈、最富有刺激性,往往使畫(huà)面十分突出,如:,這種用色方式容易塑造活潑、韻動(dòng)的網(wǎng)頁(yè)效果,特別適合體現(xiàn)輕松、積極的素材的網(wǎng)站,缺點(diǎn)是容易造成色彩的花,使用中注意色彩使用的度。
值得注意的是,以上兩種用色方式在實(shí)際應(yīng)用中要注意主體色彩的運(yùn)用,即以一種或兩種色彩為主,其它色彩為輔,不要幾種色彩等量使用,以免造成色彩的混亂。
3、使用過(guò)渡色:過(guò)渡色能夠神奇地將幾種不協(xié)調(diào)的色彩統(tǒng)一起來(lái),在網(wǎng)頁(yè)中合理地使用過(guò)渡色能夠使你的色彩搭配技術(shù)更上一層樓。過(guò)渡色包括幾種形式:兩種色彩的中間色調(diào)、單色中混入黑、白、灰進(jìn)行調(diào)和以及單色中混入相同色彩進(jìn)行調(diào)和等等,您可以自己嘗試調(diào)配,在以后的更新中,我會(huì)專(zhuān)題介紹如何使用過(guò)渡色。
色彩的一致性:方式是保持站點(diǎn)主體色彩的一致,只改變局部色塊,優(yōu)點(diǎn)是一個(gè)獨(dú)特色彩的網(wǎng)站會(huì)給人留下很深刻的印象,因?yàn)槿说囊曈X(jué)對(duì)色彩要比布局更敏感,更容易在大腦中形成記憶符號(hào)。在色彩的一致性中,我們強(qiáng)調(diào)的是如果企業(yè)有自身的CI形象,最好在互聯(lián)網(wǎng)中沿襲這個(gè)形象,給觀眾網(wǎng)上網(wǎng)下一致的感覺(jué),更有利于企業(yè)形象的樹(shù)立。一個(gè)建議是選取一兩種主要色彩,幾種輔助色彩.
四:整體局面的設(shè)計(jì)
一般來(lái)說(shuō),企業(yè)網(wǎng)站首頁(yè)的布局比較靈活,著重設(shè)計(jì),這里我所說(shuō)的布局主要是指內(nèi)頁(yè)的版面布局。中、小型企業(yè)網(wǎng)站的內(nèi)頁(yè)布局一般比較簡(jiǎn)單,即內(nèi)頁(yè)的一欄式版面布局,從排版布局的角度而言,我們還可以設(shè)計(jì)成等分兩欄式、三欄式、多欄式,不等分兩欄式、三欄式、多欄式等等,但因?yàn)闉g覽器寬幅有限,一般不宜設(shè)計(jì)成三欄以上的布局。在版面布局中主要是考慮導(dǎo)航、必要信息與正文之間的布局關(guān)系。比較多的情況是采用頂部放置必要的信息,如公司名稱(chēng)、標(biāo)志、廣告條以及導(dǎo)航條,或?qū)?dǎo)航條放在左側(cè)而右側(cè)是正文等等,這樣的布局結(jié)構(gòu)清晰、易于使用。當(dāng)然,您也可以嘗試這些布局的變化形式,如:左右兩欄式布局,一半是正文,另一半是形象的圖片、導(dǎo)航;或正文不等兩欄式布置,通過(guò)背景色 區(qū)分,分別放置圖片和文字等等。在設(shè)計(jì)中注意多吸取好的網(wǎng)站設(shè)計(jì)的精髓。
以上四點(diǎn)是做好網(wǎng)站的基礎(chǔ),如果作為一名網(wǎng)頁(yè)設(shè)計(jì)師,如何在第一時(shí)間打動(dòng)潛在的客戶(hù)是至關(guān)重要的。如果你設(shè)計(jì)的東西不能夠打動(dòng)他們,你就會(huì)失去一切,這個(gè)世界有的時(shí)候就是這么的現(xiàn)實(shí)。那究竟要注意哪些細(xì)節(jié)才能夠在一個(gè)正確的方向去打動(dòng)客戶(hù),讓瀏覽者源源不斷呢?下面幾點(diǎn)可能是你需要反思的。
1.有明確的標(biāo)志和口號(hào)
我們知道有一個(gè)好的標(biāo)志是企業(yè)形象的開(kāi)始。好的口號(hào)可以讓你以更快的速度去曝光自己的站點(diǎn)。在互聯(lián)網(wǎng)時(shí)代,這是重要的開(kāi)始。
2.讓你的頁(yè)面遵循用戶(hù)體驗(yàn),易于瀏覽
這點(diǎn)相信我們都有著切身的體會(huì)。好的網(wǎng)站是不需要你思考的,它有好的人機(jī)交互設(shè)計(jì)和用戶(hù)體驗(yàn)。讓你以最快的速度去融合于設(shè)計(jì),這才是真正的設(shè)計(jì),源于生活的設(shè)計(jì)。這會(huì)讓你有更多的瀏覽量的保障。用最段的距離詮釋最好的創(chuàng)意。
3.可以方便的與其聯(lián)系
網(wǎng)站的設(shè)計(jì)也算是服務(wù)網(wǎng)頁(yè),我們必須遵循客戶(hù)的使用感受和各種提議,所以給予方便的聯(lián)系可以更好的修正錯(cuò)誤的體驗(yàn)方式,讓系統(tǒng)更加完善,更快的做出解決方案!
4.學(xué)會(huì)推薦
網(wǎng)站如果能得到更多的社會(huì)認(rèn)同將會(huì)在更好的氛圍里成長(zhǎng)。如果你做的是設(shè)計(jì)類(lèi)的網(wǎng)站,讓更多的設(shè)計(jì)師知道你的網(wǎng)站,認(rèn)同你的網(wǎng)站,有的時(shí)候是很重要的。它可能會(huì)讓你的網(wǎng)站在短時(shí)間能成為圈內(nèi)討論的一個(gè)平臺(tái)!
5.讓網(wǎng)站內(nèi)容清晰明了
人們?yōu)g覽頁(yè)面速度是非?斓。我們都知道,這是一種放松的方式。如果你的文字深?yuàn)W難懂,可能會(huì)失去一部分不耐心的瀏覽者。如何在短時(shí)間內(nèi)用簡(jiǎn)短的語(yǔ)言讓他們停留也是需要你好好思考的。
6.添加你自己的社交信息
幾年前我們還沉浸在郵件和簡(jiǎn)單的聊天工具上。如今的各種社交工具已經(jīng)讓我們玩不過(guò)來(lái)了。還能說(shuō)什么呢!現(xiàn)在每個(gè)人都在玩這個(gè),這是這個(gè)時(shí)代的必須品。所以,在你的網(wǎng)站上放上你的社交鏈接,讓更多的人關(guān)注你。你會(huì)得到意想不到的效果
【網(wǎng)頁(yè)設(shè)計(jì)技巧「經(jīng)典」】相關(guān)文章:
網(wǎng)頁(yè)設(shè)計(jì)技巧06-02
網(wǎng)頁(yè)設(shè)計(jì)技巧精選09-05
網(wǎng)頁(yè)設(shè)計(jì)的技巧經(jīng)驗(yàn)09-08
CSS網(wǎng)頁(yè)設(shè)計(jì)技巧08-14
網(wǎng)頁(yè)設(shè)計(jì)常用的技巧07-09
網(wǎng)頁(yè)設(shè)計(jì)技巧大全08-05
網(wǎng)頁(yè)設(shè)計(jì)常用photoshop技巧06-25
實(shí)用的網(wǎng)頁(yè)設(shè)計(jì)小技巧08-24