網(wǎng)站設(shè)計(jì)要注意的因素
一、網(wǎng)頁的布局
其實(shí)這要具體情況具體分析的:比如如果內(nèi)容非常多,就要考慮用“國字型”或拐角型;而如果內(nèi)容不算太多而一些說明性的東西比較多,則可以考慮標(biāo)題正文型;那幾種框架結(jié)構(gòu)的一個(gè)共同特點(diǎn)就是瀏覽方便,速度快,但結(jié)構(gòu)變化不靈活;而如果是一個(gè)企業(yè)網(wǎng)站想展示一下企業(yè)形象或個(gè)人主頁想展示個(gè)人風(fēng)采,封面性是首選;Flash型更靈活一些,好的Flash大大豐富了網(wǎng)頁,但是它不能表達(dá)過多的文字信息。圖片頁有大小而且有橫豎之別。圖片和文字都需要同時(shí)展示給觀眾,不能簡單地將其羅列在一個(gè)頁面上,否則會(huì)搞得雜亂無章。關(guān)于具體的網(wǎng)頁布局,常見的有“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等,關(guān)于它們,在網(wǎng)頁設(shè)計(jì)的相關(guān)書籍中或者在網(wǎng)絡(luò)上都可以看到詳細(xì)的敘述。因?yàn)?,只有不斷的變化才?huì)提高,才會(huì)不斷豐富我們的網(wǎng)頁。
二、網(wǎng)頁設(shè)計(jì)技巧
一張完美的主頁設(shè)計(jì)需要積累豐富的知識(shí)以及掌握大量的技巧。
框架的使用
框架的最常見用途就是導(dǎo)航。一組框架通常包括一個(gè)含有導(dǎo)航條的框架和另一個(gè)要顯示主要內(nèi)容頁面的框架。
使用框架具有以下優(yōu)點(diǎn):訪問者的瀏覽器不需要為每個(gè)頁面重新加載與導(dǎo)航相關(guān)的圖形;每個(gè)框架都具有自己的滾動(dòng)條(如果內(nèi)容太大,在窗口中顯示不下),因此訪問者可以獨(dú)立滾動(dòng)這些框架。例如,當(dāng)框架中的內(nèi)容頁面較長時(shí),如果導(dǎo)航條位于不同的框架中,那么向下滾動(dòng)到頁面底部的訪問者就不需要再滾動(dòng)回頂部來使用導(dǎo)航條。
使用框架具有以下缺點(diǎn):可能難以實(shí)現(xiàn)不同框架中各元素的精確圖形對(duì)齊;對(duì)導(dǎo)航進(jìn)行測(cè)試可能很耗時(shí)間。
三、網(wǎng)頁藝術(shù)設(shè)計(jì)的原則
網(wǎng)頁作為傳播信息的一種載體,同其他出版物如報(bào)紙、雜志等在設(shè)計(jì)上有許多共同之處,也要遵循一些設(shè)計(jì)的基本原則。但是,由于表現(xiàn)形式、運(yùn)行方式和社會(huì)功能的不同,網(wǎng)頁設(shè)計(jì)又有其自身的特殊規(guī)律。網(wǎng)頁的藝術(shù)設(shè)計(jì),是技術(shù)與藝術(shù)的結(jié)合,內(nèi)容與形式的統(tǒng)一。
網(wǎng)頁設(shè)計(jì)的要素:
在一個(gè)網(wǎng)站中,最重要的頁面當(dāng)屬主頁,所以在此以主頁為例,說明在網(wǎng)頁制作中版面設(shè)計(jì)的問題。從版面設(shè)計(jì)來講,一個(gè)有特色的主頁,必須包含有四個(gè)要素:文字,圖片,排列方式和主色調(diào),這四者相輔相成,缺一不可。
1.圖片要素
要設(shè)計(jì)出漂亮的主頁,首先要成為計(jì)算機(jī)圖形高手,僅這一點(diǎn)就可以讓初學(xué)者花上一年半載的時(shí)間。圖片的要求與頁面的內(nèi)容有關(guān),一些較隨意的主頁像股票、醫(yī)藥站點(diǎn)等,來訪者并不在乎你能否做出精彩的圖片,有些時(shí)候他們反而覺得放置圖象后影響了訪問速度,他們關(guān)心的只是頁面內(nèi)容;相反像一些需要靠圖象來吸引訪客的主頁,圖象是一個(gè)極為重要的要素,在這里缺少了恰當(dāng)?shù)膱D象,整個(gè)頁面就會(huì)黯然失色、就是一個(gè)不完整的主頁。這需要去學(xué)習(xí)像photoshop這樣的圖形圖像處理軟件,還要有一定的美術(shù)基礎(chǔ),如審美觀、創(chuàng)意技巧等。
2.色彩要素
色彩在網(wǎng)頁所占比重很大。有了合理清新的色調(diào),會(huì)彌補(bǔ)主頁上的其它不足。頁面的色彩搭配是與網(wǎng)站的主題分不開的,一個(gè)網(wǎng)站必須有一種或兩種主題色。不至于讓瀏覽者迷失方向,單調(diào)乏味。一般來說,頁面的主體文字應(yīng)盡量使用黑色等較深的顏色,與背景對(duì)比明顯,按鈕、邊框等使用彩色。
主頁的色彩處理得好,可以錦上添花,達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào),局部對(duì)比”,也就是:主頁的整體色彩效果應(yīng)該是和諧的,只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在色彩的運(yùn)用上,可以根據(jù)主頁內(nèi)容的需要,分別采用不同的主色調(diào)。因?yàn)樯示哂邢笳餍裕纾耗劬G色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色,例如:軍警的橄欖綠,醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺,例如冷、暖的感覺,進(jìn)、退的效果等。另外,色彩還有民族性,各個(gè)民族由于環(huán)境、文化、傳統(tǒng)等因素的影響,對(duì)于色彩的喜好也存在著較大的差異。充分運(yùn)用色彩的這些特性,可以使我們的主頁具有深刻的藝術(shù)內(nèi)涵,從而提升主頁的文化品位。
3.文字要素
文字、標(biāo)題、圖片等的組合,會(huì)在頁面上形成各種各樣的線條和形狀。這些線條與形狀的組合,構(gòu)成了主頁的總體藝術(shù)效果。必須注意藝術(shù)地搭配好這些線條和形狀,才能增強(qiáng)頁面的藝術(shù)魅力。
4、版面編排
主頁的設(shè)計(jì)首先涉及到的是頁面的版面編排問題。“版面編排”實(shí)際上就是中國古代畫論中的“經(jīng)營位置”。主頁作為一種版面,既有文字,又有圖片。文字有大有小,還有標(biāo)題和正文之分;圖片也有大小,而且有橫有豎之別。圖片和文字都需要同時(shí)展示給觀眾,總不能簡單地羅列在一個(gè)頁面上,這樣往往會(huì)搞得雜亂無章。因此必須根據(jù)內(nèi)容的需要,將這些圖片和文字按照一定的次序進(jìn)行合理的編排和布局,使它們組成一個(gè)有機(jī)的整體,展現(xiàn)給廣大的觀眾。
網(wǎng)頁設(shè)計(jì)造型要素中的點(diǎn)
商業(yè)網(wǎng)頁設(shè)計(jì)中的點(diǎn)是構(gòu)成網(wǎng)頁的最基本單位,是指頁面中具備點(diǎn)的視覺特點(diǎn)、體積較小的物象。相對(duì)于整體背景而言一個(gè)單獨(dú)的點(diǎn)是相比較而言的;是有大小、形狀和體積的。點(diǎn)的大小、形態(tài)、位置不同,所產(chǎn)生的視覺效果、心理作用也不同。一個(gè)網(wǎng)頁往往需要有數(shù)量不等,形狀各異的點(diǎn)來構(gòu)成,可以是具體產(chǎn)品、商品標(biāo)志等,也可以是感覺上的點(diǎn)。
點(diǎn)在設(shè)計(jì)中即可以起一種穩(wěn)定造型的作用,亦可起到活潑生動(dòng)、吸引視覺中心的作用,使用得當(dāng),甚至可以畫龍點(diǎn)睛;點(diǎn)的形狀、方向、大小、位置、聚集與發(fā)散,還能夠給人帶來不同的心理感受。
動(dòng)態(tài)網(wǎng)頁
動(dòng)態(tài)網(wǎng)頁是最常用的網(wǎng)站建設(shè)的一種表達(dá)形式,其優(yōu)點(diǎn)在于可以根據(jù)先前所制定好的程序界面,根據(jù)用戶的不同請(qǐng)求返回相應(yīng)的數(shù)據(jù)??梢哉f是一對(duì)多的關(guān)系。從而達(dá)到資源的最大利用和節(jié)省服務(wù)器上的物理資源。如果今后需要改變站點(diǎn)風(fēng)格,只需要重新制作前臺(tái)所訪問的數(shù)據(jù)即可。只要數(shù)據(jù)庫結(jié)構(gòu)不變,可以很快的進(jìn)行改版的。通過執(zhí)行asp、php、jsp、.net等程序生成客戶端網(wǎng)頁代碼的網(wǎng)頁。動(dòng)態(tài)頁面通常可以通過網(wǎng)站后臺(tái)管理系統(tǒng)對(duì)網(wǎng)站的內(nèi)容進(jìn)行更新管理。發(fā)布新聞,發(fā)布公司產(chǎn)品,交流互動(dòng),博客,網(wǎng)上調(diào)查等,這都是動(dòng)態(tài)網(wǎng)站的一些功能,也是我們常見的。動(dòng)態(tài)網(wǎng)頁是需要語言環(huán)境支持的,動(dòng)態(tài)頁面常見的擴(kuò)展名有:.asp、 .php、 .jsp 、.cgi 等。動(dòng)態(tài)頁面的“動(dòng)態(tài)”是網(wǎng)站與客戶端用戶互動(dòng)的意思,而非網(wǎng)頁上有動(dòng)畫的就是動(dòng)態(tài)頁面。
多媒體 網(wǎng)頁不同于傳統(tǒng)媒體之處,就在于信息的動(dòng)態(tài)更新和即時(shí)交互性。即時(shí)的交互性是Web成為熱點(diǎn)的主要原因,也是網(wǎng)頁設(shè)計(jì)時(shí)必須考慮的問題。傳統(tǒng)媒體(如廣播、電視節(jié)目、報(bào)刊雜志等)都以線性方式提供信息,即按照信息提供者的感覺、體驗(yàn)和事先確定的格式來傳播。而在Web環(huán)境下,人們不再是一個(gè)傳統(tǒng)媒體方式的被動(dòng)接受者,而是以一個(gè)主動(dòng)參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互,使網(wǎng)頁藝術(shù)設(shè)計(jì)不像印刷品設(shè)計(jì)那樣,發(fā)表之后就意味著設(shè)計(jì)的結(jié)束。網(wǎng)頁設(shè)計(jì)人員必須根據(jù)網(wǎng)站各個(gè)階段的經(jīng)營目標(biāo),配合網(wǎng)站不同時(shí)期的經(jīng)營策略,以及用戶的反饋信息,經(jīng)常地對(duì)網(wǎng)頁進(jìn)行調(diào)整和修改。例如,為了保持瀏覽者對(duì)網(wǎng)站的新鮮感,很多大型網(wǎng)站總是定期或不定期的進(jìn)行改版,這就需要設(shè)計(jì)者在保持網(wǎng)站視覺形象一貫性的基礎(chǔ)上,不斷創(chuàng)作出新的網(wǎng)頁設(shè)計(jì)作品。
目前網(wǎng)頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等,隨著網(wǎng)絡(luò)帶寬的增加、芯片處理速度的提高以及跨平臺(tái)的多媒體文件格式的推廣,必將促使設(shè)計(jì)者綜合運(yùn)用多種媒體元素來設(shè)計(jì)網(wǎng)頁,以滿足和豐富瀏覽者對(duì)網(wǎng)絡(luò)信息傳輸質(zhì)量提出的更高要求。目前國內(nèi)網(wǎng)頁已經(jīng)出現(xiàn)了模擬三維的操作界面,在數(shù)據(jù)壓縮技術(shù)的改進(jìn)和推動(dòng)下,Internet網(wǎng)上出現(xiàn)實(shí)時(shí)的音頻和視頻服務(wù),典型的有在線音樂、在線廣播、網(wǎng)上電影、網(wǎng)上直播等。因此,多種媒體的綜合運(yùn)用是網(wǎng)頁藝術(shù)設(shè)計(jì)的特點(diǎn)之一,是未來的發(fā)展方向。
通過對(duì)網(wǎng)站設(shè)計(jì)的學(xué)習(xí),我了解到網(wǎng)頁設(shè)計(jì)的布局框架以及網(wǎng)頁設(shè)計(jì)中不同因素的不同使用都會(huì)影響讀者的視覺習(xí)慣和心理變化。要吸引別人就首先應(yīng)當(dāng)抓住不同要素的特點(diǎn)加以利用,還要懂得如何去表現(xiàn)不同的特征和感覺,并把各個(gè)要素之間聯(lián)合起來不斷增加豐富、流暢、活潑的氣氛,給網(wǎng)頁文化注入新的血液,不斷地嘗試不斷地改進(jìn),只有不斷的變化才會(huì)提高。
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設(shè)計(jì)風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計(jì)開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計(jì)
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
企業(yè)網(wǎng)站類型及功能
企業(yè)網(wǎng)站類型企業(yè)網(wǎng)站應(yīng)該具備什么樣的功能,以及采取什么樣的表現(xiàn)形式。并...
2012-08-28 -
網(wǎng)站建設(shè)中的一些專業(yè)名詞你了解多少?
企業(yè)對(duì)網(wǎng)站的需求往往是由網(wǎng)站建設(shè)公司來完成的,但除了網(wǎng)站建設(shè)之外,還有...
2020-05-27 -
確定網(wǎng)站的類型
隨著Internet的飛速發(fā)展,網(wǎng)絡(luò)己經(jīng)或正在成為人們學(xué)習(xí)、工作和生活...
2014-07-25 -
網(wǎng)站建設(shè)里URL設(shè)計(jì)不當(dāng)會(huì)給網(wǎng)站運(yùn)營帶來哪些負(fù)面影響?
據(jù)了解,大多數(shù)站長在建設(shè)URL時(shí),沒有一個(gè)規(guī)范的標(biāo)準(zhǔn)可參考,基本上采用...
2018-09-24 -
阿里云推免費(fèi)虛擬主機(jī)及企業(yè)郵箱“阿里云郵”
阿里云旗下萬網(wǎng)宣布,正式推出免費(fèi)虛擬主機(jī)和免費(fèi)企業(yè)郵箱“阿...
2015-01-26 -
量身定制微信小程序開發(fā)
通過對(duì)市場的深入了解和對(duì)競爭對(duì)手的分析,我們將開發(fā)一款具有創(chuàng)新性和競爭...
2023-06-13
預(yù)約專業(yè)咨詢顧問溝通!
免責(zé)聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。
2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時(shí),以國家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com