前言:一篇好文章的誕生,需要你不斷地搜集資料、整理思路,本站小編為你收集了豐富的網(wǎng)站設(shè)計(jì)主題范文,僅供參考,歡迎閱讀并收藏。
水墨是中國(guó)風(fēng)格網(wǎng)站最常用、最出彩的手法之一,這種中國(guó)繪畫(huà)獨(dú)有的藝術(shù)表現(xiàn)技法使網(wǎng)站充滿賞心悅目的意象美與深邃悠遠(yuǎn)的意境美。東湃網(wǎng)絡(luò)科技公司官網(wǎng)動(dòng)畫(huà)“東湃演義”(圖一,/doopaademo)采用水墨技法創(chuàng)意了劉關(guān)張“三英”橫刀立馬、奮勇殺敵的英雄場(chǎng)景,并分別鏈接“籌謀”(策劃業(yè)務(wù))、“觀湃”(設(shè)計(jì)業(yè)務(wù))以及“東案”(公司案例)三項(xiàng)不同主題內(nèi)容?!皷|湃演義”使用簡(jiǎn)單卻經(jīng)典的黑、紅兩色,以潑墨形式展現(xiàn)出大氣豪放的藝術(shù)性格。東湃公司還設(shè)計(jì)了“東湃紅樓”與“東湃西游”兩個(gè)網(wǎng)頁(yè)作品,前者以傳統(tǒng)連環(huán)畫(huà)的線描手法表現(xiàn),后者則借鑒皮影戲的角色造型特色,以多樣化的中國(guó)元素豐富了網(wǎng)站藝術(shù)形態(tài),彰顯了民族傳統(tǒng)文化特色。
有的網(wǎng)站則不滿足于視覺(jué)層面造型元素與傳統(tǒng)色彩的選擇使用,而是追求網(wǎng)站內(nèi)涵與中國(guó)傳統(tǒng)文化精神的交融與契合,追求一種神韻與哲學(xué)意味的中國(guó)化和民族化。摩研行空文化傳播公司網(wǎng)站(圖二,)即是如此。這家以“世界美學(xué)·東方輸出”為理念的傳播機(jī)構(gòu),業(yè)務(wù)涉及網(wǎng)站管理、行銷(xiāo)策劃與互動(dòng)設(shè)計(jì)等。其網(wǎng)站標(biāo)志“摩研”創(chuàng)意為不完整漢字形態(tài),筆畫(huà)錯(cuò)落并伴有缺失,充分利用人類(lèi)知覺(jué)的整體性原理造就獨(dú)特設(shè)計(jì)效果。網(wǎng)站頁(yè)面為鍺黃紙張形態(tài),縱橫交錯(cuò)的線條同水墨山云巧妙融合,線條的“直”穿插山云的“散”,線條的現(xiàn)代洗練融合山云的傳統(tǒng)暈染,傳達(dá)出中國(guó)精神開(kāi)放、包容、進(jìn)取的獨(dú)特品格。
網(wǎng)站設(shè)計(jì)風(fēng)格的選擇確立應(yīng)圍繞網(wǎng)站傳達(dá)主題與內(nèi)容展開(kāi),這是“形式追隨功能”的現(xiàn)代主義設(shè)計(jì)的基本法則。“平門(mén)府”(圖三、圖四,.hk)是蘇州的一個(gè)別墅項(xiàng)目,“中式獨(dú)院”的產(chǎn)品定位決定了其網(wǎng)站設(shè)計(jì)必要展現(xiàn)強(qiáng)烈的中國(guó)味道。而這個(gè)網(wǎng)站的中國(guó)味不僅體現(xiàn)于對(duì)傳統(tǒng)圖形元素的簡(jiǎn)單選用,而是一種全方位的中國(guó)傳統(tǒng)文脈的貫徹與表現(xiàn)。首先是文字表述風(fēng)格的傳統(tǒng)化,如網(wǎng)站文案標(biāo)題均使用四字詞語(yǔ),四字詞語(yǔ)源自中國(guó)語(yǔ)言最古老的詩(shī)歌表達(dá)方式——《詩(shī)經(jīng)》,并在現(xiàn)代以成語(yǔ)的固定搭配方式存在。其次,網(wǎng)站每個(gè)版塊均配以恰當(dāng)契合與照應(yīng)本部分文字內(nèi)容的中國(guó)繪畫(huà)作品,如對(duì)應(yīng)“古董土地”的《乾隆南巡畫(huà)卷》,對(duì)應(yīng)“園林營(yíng)造”的《賞梅刺繡仕女圖》,對(duì)應(yīng)“內(nèi)府管家”的《韓熙載夜宴圖》等。
我們也應(yīng)該意識(shí)到,中國(guó)味道與風(fēng)格同西方的簡(jiǎn)約與現(xiàn)代并非水火不容。當(dāng)代眾多“中國(guó)風(fēng)”網(wǎng)站也皆是在現(xiàn)代主義構(gòu)圖原則與簡(jiǎn)約版式風(fēng)格基礎(chǔ)上的新傳統(tǒng)意味呈現(xiàn)。2013c
鏈接
臺(tái)灣樂(lè)奇設(shè)計(jì)公司網(wǎng)站。以水墨的植物花朵形態(tài)作為網(wǎng)站主體圖形,背景則采用仿宣紙紋理,并渲染與涂繪了大量的柔合淡雅色彩。網(wǎng)站花朵色彩明艷亮麗,背景水墨古色古香,具有濃郁的中國(guó)繪畫(huà)特色。
寶安中國(guó)院子“半山”別墅網(wǎng)站。標(biāo)志“中國(guó)院子”與“半山”均采用了書(shū)法字體,一行一楷。網(wǎng)站造型元素具有濃郁的中國(guó)傳統(tǒng)特色,但整體構(gòu)圖與文圖組合仍遵循了歐美洗練簡(jiǎn)約的現(xiàn)代主義風(fēng)格。
163網(wǎng)易免費(fèi)郵箱登錄頁(yè)面。每隔一段時(shí)間就會(huì)設(shè)計(jì)不同的插畫(huà)。借著2月14日情人節(jié)之際,網(wǎng)易設(shè)計(jì)了“那些未曾說(shuō)出口的‘我愛(ài)你’”系列,三幅插圖均以淡淡的線描與水墨手法表現(xiàn),透著一股子溫暖和感動(dòng)。
.cn
茶企網(wǎng)站視覺(jué)設(shè)計(jì)是以互聯(lián)網(wǎng)作為載體,以互聯(lián)網(wǎng)技術(shù)和數(shù)字交互技術(shù)為基礎(chǔ),依照客戶和消費(fèi)者的相關(guān)需求設(shè)計(jì),同時(shí)遵循藝術(shù)設(shè)計(jì)規(guī)律,實(shí)現(xiàn)商業(yè)目的與功能統(tǒng)一,是商業(yè)功能和視覺(jué)藝術(shù)的統(tǒng)一。設(shè)計(jì)具有江西文化特征的茶企網(wǎng)站,需要把握以下設(shè)計(jì)原則:
(一)主題鮮明性。創(chuàng)建網(wǎng)站首先必須具有明確的目的和目標(biāo)群體。既然是作為宣傳江西茶葉的網(wǎng)站,首先需要考慮廣大消費(fèi)者對(duì)于江西茶葉的了解和印象。明確設(shè)計(jì)網(wǎng)站的主要目的是為了宣傳產(chǎn)品、介紹企業(yè)還是推廣電子商務(wù)?例如云南大益茶業(yè)集團(tuán)官網(wǎng)設(shè)計(jì),網(wǎng)站宣傳主題目的非常明確,宣傳和推廣大益品牌的茶文化和茶產(chǎn)品。
(二)信息專業(yè)性。網(wǎng)站的信息內(nèi)容應(yīng)該充分展現(xiàn)茶企的專業(yè)性。通過(guò)各類(lèi)信息、數(shù)據(jù)向外界介紹茶企的業(yè)務(wù)范圍、性質(zhì)和實(shí)力。作為江西茶企,應(yīng)通過(guò)網(wǎng)站各類(lèi)信息,向消費(fèi)者和客戶宣傳江西茶文化和茶葉的優(yōu)勢(shì)和獨(dú)特之處,塑造良好的品牌形象從而創(chuàng)造更多的商機(jī)。
(三)功能實(shí)用性。茶企網(wǎng)站提供的各種功能服務(wù)應(yīng)符合瀏覽者實(shí)際需求并且體現(xiàn)企業(yè)文化。如英國(guó)著名茶葉品牌“立頓”茶中文官網(wǎng)中,在欄目設(shè)置上從立頓品牌詮釋、品牌歷史到立頓產(chǎn)品簡(jiǎn)介、立頓廣告營(yíng)銷(xiāo)等等提供了豐富的功能設(shè)置。
(四)設(shè)計(jì)藝術(shù)性。茶企網(wǎng)站設(shè)計(jì)將企業(yè)文化內(nèi)涵與現(xiàn)代界面設(shè)計(jì)理念相結(jié)合,創(chuàng)造出能夠充分體現(xiàn)茶企獨(dú)特的企業(yè)文化理念、卓越的產(chǎn)品特性等視覺(jué)形象,塑造茶企良好的品牌形象。如江西“大鄣山”茶企網(wǎng)站首頁(yè)設(shè)計(jì)(圖1),以美麗茶園景色為背景,綠色充溢整個(gè)頁(yè)面。頁(yè)面設(shè)計(jì)豐富而單純,將受眾帶入到情景之中,極具視覺(jué)沖擊力。具有良好視覺(jué)形象設(shè)計(jì)的企業(yè)網(wǎng)站,不僅能達(dá)到宣傳企業(yè)、提高企業(yè)知名度的效果,而且“人性化”的設(shè)計(jì)理念也會(huì)給予用戶以視覺(jué)和心理上的雙重愉悅感和美的享受,使用戶發(fā)自內(nèi)心地接受并喜歡瀏覽網(wǎng)站的信息,從而使企業(yè)和用戶達(dá)到了雙贏。
二、茶企網(wǎng)站設(shè)計(jì)中的視覺(jué)表達(dá)
企業(yè)網(wǎng)站的視覺(jué)設(shè)計(jì)不僅僅只是網(wǎng)頁(yè)的裝飾設(shè)計(jì),更重要的是體現(xiàn)了企業(yè)的形象和文化。茶企網(wǎng)站設(shè)計(jì)中的視覺(jué)表達(dá)必須遵循基本的設(shè)計(jì)規(guī)律且符合基本的美學(xué)原理和排版原則。江西茶企網(wǎng)站設(shè)計(jì)的視覺(jué)表達(dá)從以下幾個(gè)方面進(jìn)行分析。
(一)頁(yè)面版式設(shè)計(jì)表達(dá)。網(wǎng)頁(yè)版式設(shè)計(jì)主要是從網(wǎng)頁(yè)整體角度考慮,獲得的對(duì)于網(wǎng)頁(yè)界面的整體理解和感受。網(wǎng)頁(yè)版面設(shè)計(jì)要求整體布局一致,視覺(jué)流程流暢且主次分明,從而減少用戶在瀏覽時(shí)所產(chǎn)生的視覺(jué)跳動(dòng)性。由于茶文化網(wǎng)站其訴求的重點(diǎn)在于傳遞企業(yè)理念,提升企業(yè)品牌。這是茶文化網(wǎng)站在頁(yè)面整體版式設(shè)計(jì)上著重考慮的因素。頁(yè)面整體構(gòu)圖形式方面主要有三種類(lèi)型:上下型、左右型和混合型。無(wú)論采用哪種類(lèi)型,目的都是為了彰顯企業(yè)文化理念和品牌形象。在中國(guó)傳統(tǒng)文化中,飽滿、完整是形式追求上的主要選擇。如大益茶業(yè)集團(tuán)中文官網(wǎng)頁(yè)面整體設(shè)計(jì)采用混合型版式,圖形與文字由上至下,從左到右,集中在頁(yè)面中間,使得整個(gè)頁(yè)面版式形式完整、主次分明、穩(wěn)重大方,不落俗套。茶文化網(wǎng)站由于企業(yè)理念和品牌形象各不相同,因此在網(wǎng)頁(yè)版式設(shè)計(jì)上具有較強(qiáng)的靈活性,可以設(shè)計(jì)出多樣化的頁(yè)面版式效果。
(二)色彩元素的設(shè)計(jì)表達(dá)。色彩作為網(wǎng)頁(yè)中最先吸引瀏覽者視線的視覺(jué)要素,在網(wǎng)站設(shè)計(jì)中具有非常重要的地位。在頁(yè)面設(shè)計(jì)中,應(yīng)該根據(jù)和諧統(tǒng)一和重點(diǎn)突出的原則,將不同的色彩進(jìn)行組合搭配。設(shè)計(jì)江西茶企網(wǎng)站應(yīng)充分認(rèn)識(shí)和理解茶文化對(duì)于色彩的理解和詮釋,利用色彩的巧妙搭配,彰顯江西茶文化和茶產(chǎn)品的精神內(nèi)涵。我們可以根據(jù)企業(yè)形象識(shí)別系統(tǒng)中的企業(yè)視覺(jué)識(shí)別系統(tǒng)進(jìn)行標(biāo)準(zhǔn)色的選取、運(yùn)用,使企業(yè)形象整體而統(tǒng)一。江西茶企網(wǎng)站應(yīng)要選擇企業(yè)視覺(jué)識(shí)別系統(tǒng)的標(biāo)準(zhǔn)色以及輔助色進(jìn)行整體頁(yè)面色彩設(shè)計(jì)構(gòu)思。一般而言,我們應(yīng)當(dāng)先確立一種主色調(diào)以利于網(wǎng)站主題的表現(xiàn)與氣氛的烘托。然后確定與主色調(diào)相類(lèi)似的輔助色,這樣有利于界面風(fēng)格的統(tǒng)一。最后還可以選擇小面積的對(duì)比色,從而實(shí)現(xiàn)大面積協(xié)調(diào)與小面積對(duì)比,這樣整個(gè)頁(yè)面設(shè)計(jì)在統(tǒng)一和諧的基礎(chǔ)上會(huì)顯得更加活潑生動(dòng)。例如杭州龍井茶葉集團(tuán)官網(wǎng)中(圖2),頁(yè)面的色彩設(shè)計(jì)利用色彩的主次關(guān)系,主色調(diào)采用濃重的黑色與明黃色,傳遞出杭州龍井茶與皇家之間的歷史淵源,塑造杭州龍井茶尊貴的品質(zhì)和形象。
(三)文字與圖形設(shè)計(jì)表達(dá)。文字是網(wǎng)站信息傳達(dá)的主要載體,可以讓訪問(wèn)者方便、快捷地了解網(wǎng)站內(nèi)容。在網(wǎng)頁(yè)設(shè)計(jì)中,文字的編排主要表現(xiàn)在字體、大小以及強(qiáng)弱效果的變化。江西茶企網(wǎng)站在文字選擇方面著重考慮文化性和功能性的結(jié)合。利用不同漢字字體,創(chuàng)造與企業(yè)文化相對(duì)應(yīng)的視覺(jué)形象。圖形相對(duì)于單純的文字來(lái)說(shuō),信息容量更大也更具有視覺(jué)感染力和沖擊力,更能滿足用戶的情感需求。圖形化設(shè)計(jì)使得用戶與網(wǎng)頁(yè)之間的溝通與交流變得更人性化,更為愉悅和便捷。設(shè)計(jì)江西茶企網(wǎng)站,通過(guò)具有典型中國(guó)文化特征的圖片、圖標(biāo)等的設(shè)計(jì)和表達(dá)來(lái)感染用戶和客戶。在大益茶業(yè)集團(tuán)中文官網(wǎng)頁(yè)面中,大益茶的標(biāo)志設(shè)計(jì)利用漢字與圖形的結(jié)合,傳遞出大益茶的企業(yè)理念和品牌形象。江西茶企中也有優(yōu)秀的例證,“大鄣山”茶葉網(wǎng)站的標(biāo)志采用書(shū)法字體(圖3),具有濃重的文化特征和視覺(jué)效果。
(四)視覺(jué)表達(dá)元素的統(tǒng)一性。網(wǎng)站視覺(jué)設(shè)計(jì)的最終目的不只是單純追求視覺(jué)感染力而是更好地表現(xiàn)網(wǎng)站的主題,因此視覺(jué)元素的統(tǒng)一性非常重要。一是視覺(jué)設(shè)計(jì)個(gè)元素要與主題相統(tǒng)一,視覺(jué)設(shè)計(jì)必須服務(wù)于網(wǎng)站主題的表達(dá)。江西茶企網(wǎng)站設(shè)計(jì)宣傳主題是對(duì)外宣傳和推廣江西茶文化和茶產(chǎn)品,這一主題必須貫徹在整個(gè)設(shè)計(jì)的始終。二是內(nèi)容與形式要統(tǒng)一,即整體視覺(jué)元素和網(wǎng)頁(yè)內(nèi)容及意境的統(tǒng)一。視覺(jué)表達(dá)各元素中應(yīng)在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上相呼應(yīng),并注意整體設(shè)計(jì)風(fēng)格的一致性,實(shí)現(xiàn)視覺(jué)上和心理上的統(tǒng)一。
三、結(jié)語(yǔ)
關(guān)鍵詞:網(wǎng)站;設(shè)計(jì)理念;網(wǎng)頁(yè)設(shè)計(jì)
中圖分類(lèi)號(hào):TP37 文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1009-3044(2011)30-7562-02
網(wǎng)站同其他出版物,如報(bào)紙、雜志等在設(shè)計(jì)上有許多共同之處,也要遵循一些設(shè)計(jì)的理念,不同之處在于網(wǎng)頁(yè)的非所見(jiàn)即所得特性和交互性。因此,熟悉一些設(shè)計(jì)的基本理念,再對(duì)網(wǎng)頁(yè)的特性作一些考慮,便不難設(shè)計(jì)出美觀大方的網(wǎng)站來(lái)。一般來(lái)說(shuō),網(wǎng)站設(shè)計(jì)所需遵循的理念有:
1 突出網(wǎng)站的標(biāo)志
網(wǎng)站的標(biāo)志是網(wǎng)站特色和內(nèi)涵的集中體現(xiàn),它的作用在于傳遞網(wǎng)站的定位和經(jīng)營(yíng)理念、同時(shí)便于人們識(shí)別。一個(gè)重點(diǎn)突出的網(wǎng)站標(biāo)志,一個(gè)極具視覺(jué)沖擊力的網(wǎng)站標(biāo)志,會(huì)直接影響到客戶對(duì)網(wǎng)站的判斷,特別是網(wǎng)站在以日后進(jìn)行推廣時(shí),優(yōu)秀網(wǎng)站標(biāo)志會(huì)吸引來(lái)更多的訪問(wèn)者。
2 符合簡(jiǎn)約、美觀原則
有的網(wǎng)站頁(yè)面設(shè)計(jì)得非常的漂亮,就跟雜志的封面一樣吸引人的眼球。網(wǎng)頁(yè)有不同于紙質(zhì)媒體的特點(diǎn),不能簡(jiǎn)單的照搬雜志的做法,它以滿足人們的實(shí)用需求為目標(biāo),它比雜志封面更單純、清晰和精確。因而真正吸引用戶繼續(xù)進(jìn)行瀏覽的是主頁(yè)內(nèi)容,這些內(nèi)容必須對(duì)讀者有足夠的吸引力。保持簡(jiǎn)潔的常用做法是使用一個(gè)醒目的標(biāo)題,這個(gè)標(biāo)題常常采用圖形來(lái)表示,但圖形同樣要求簡(jiǎn)潔。另一種保持簡(jiǎn)潔的做法是限制所用的字體和顏色的數(shù)目。頁(yè)面上所有的元素都應(yīng)當(dāng)有明確的含義和用途,不要試圖用無(wú)關(guān)的圖片把頁(yè)面裝點(diǎn)起來(lái),對(duì)于初學(xué)者來(lái)說(shuō)容易犯的一個(gè)錯(cuò)誤是把頁(yè)面搞的花俏,一個(gè)網(wǎng)頁(yè)用很多種的顏色,文字的字體與顏色設(shè)計(jì)的亂七八糟,最終不能讓別人明白他到底要表達(dá)的是什么內(nèi)容,突出是什么主題和意念。
3 注重色彩搭配
色彩本身是沒(méi)有任何的含義,但有時(shí)候色彩確實(shí)可以在不知不覺(jué)間影響人的心情,左右人的情緒。不同的顏色會(huì)給瀏覽不同的心理感受。每種色彩在飽和度、透明度上略微變化就會(huì)產(chǎn)生不同的感覺(jué)。在設(shè)計(jì)頁(yè)面時(shí)應(yīng)盡量避免選擇使頁(yè)面難以閱讀的背景顏色,頁(yè)面內(nèi)容的色彩應(yīng)該與背景的顏色協(xié)調(diào)。一些主頁(yè)最常見(jiàn)問(wèn)題是使用彩色文本與紫色背景,這種頁(yè)面可視效果很差,還有一些頁(yè)面采用黑色的文本與黑色的背景,讓瀏覽者根本無(wú)法進(jìn)行瀏覽??傮w來(lái)說(shuō),一般每個(gè)網(wǎng)站使用的顏色不超過(guò)三種,太多的顏色會(huì)讓人眼花繚亂。主調(diào)色要用于網(wǎng)站的標(biāo)志、標(biāo)題、主菜單和主色塊,給人以整體統(tǒng)一的感覺(jué)。至于其它色彩,也可以使用,但只能作為點(diǎn)綴和襯托,絕不能喧賓奪主。
4 精心組織網(wǎng)站內(nèi)容
瀏覽者之所以訪問(wèn)你的網(wǎng)站,大多是因?yàn)槟愕木W(wǎng)站內(nèi)容而來(lái)。如果站點(diǎn)內(nèi)容太普通,不專業(yè),而且又長(zhǎng)時(shí)不更新,那么瀏覽者就不會(huì)再有興趣訪問(wèn)你的站點(diǎn)。因而,在設(shè)計(jì)一個(gè)網(wǎng)頁(yè)時(shí),所的材料必須要經(jīng)過(guò)精心組織,如按邏輯、按時(shí)間順序或按地理位置進(jìn)行組織,并且這種內(nèi)容組織應(yīng)當(dāng)易于理解。當(dāng)材料組織好以后,接下來(lái)就是在網(wǎng)頁(yè)布置文本、圖片、動(dòng)畫(huà)等相關(guān)網(wǎng)頁(yè)內(nèi)容,目的是引導(dǎo)瀏覽者在頁(yè)內(nèi)瀏覽。應(yīng)該控制頁(yè)面上元素的放置順序和它們相互之間的空隙。通常人們喜歡從左到右,從上到下進(jìn)行閱讀,他們的眼睛首先看到是頁(yè)面的左上角,然后逐漸往下看。因而,在組織內(nèi)容時(shí)可以把希望瀏覽者最先看到的內(nèi)容放在頁(yè)面的左上角和頁(yè)面頂部。比如:網(wǎng)站的標(biāo)志、導(dǎo)航條等。
5 合理的版面設(shè)計(jì)
網(wǎng)頁(yè)作為一種版面,有文字、圖片、動(dòng)畫(huà)等。文字有大有小,還有標(biāo)題和正文之分,圖片也有大有小,而且有橫豎之別。圖片和文字都需要同時(shí)展示給瀏覽者,不能簡(jiǎn)單地羅列在一起,這樣往往會(huì)使用內(nèi)容雜亂無(wú)章。因此必須根據(jù)內(nèi)容的需要,將這些圖片和文字按照一定的次序進(jìn)行合理的編排和布局,使它們組成一個(gè)有機(jī)的整體展現(xiàn)給訪問(wèn)者。網(wǎng)頁(yè)布局大致可分為國(guó)字型、拐角型、標(biāo)題正文型、左右框架型、上下型、框架型和海報(bào)型。一般在設(shè)計(jì)首頁(yè)時(shí)采用800*600像素,這種大小在一般的瀏覽器上就只有一屏。網(wǎng)頁(yè)布局的重心和位置之間的對(duì)比關(guān)系也很重要,一般用黃金分割率(0.618),也可以用用類(lèi)似中國(guó)古代的一種九宮格。這種九宮格是把一個(gè)長(zhǎng)方形等分為九格,在這個(gè)九宮格的中間就會(huì)產(chǎn)生四個(gè)交叉點(diǎn),這四個(gè)交叉點(diǎn)就是視覺(jué)的中心點(diǎn)。有很多初學(xué)者喜歡把重要的東西放在頁(yè)面的中心,以吸引瀏覽者的目光,殊不知正中心屬于盲點(diǎn)區(qū),也就是人們的視覺(jué)經(jīng)常會(huì)忽視正中心的東西。
6 靈活運(yùn)用CSS樣式
調(diào)用CSS樣式的方法很多,可以單擊鼠標(biāo)右鍵選擇自定義樣式來(lái)調(diào)用樣式,也可以在狀欄中的元素列表上單擊右鍵來(lái)調(diào)用樣式。雖然不同的方法達(dá)的效果看似一樣,但實(shí)際在html代碼則完全不同。比如用自定義樣式來(lái)調(diào)用樣式,在網(wǎng)頁(yè)代碼就產(chǎn)生一個(gè)span標(biāo)簽,這樣的標(biāo)簽一多就會(huì)使文件的容量顯得很大,在同等網(wǎng)速下,打開(kāi)的網(wǎng)頁(yè)會(huì)顯得很慢,所以我們應(yīng)盡量使用狀態(tài)欄中的元素來(lái)調(diào)用樣式。
7 能夠適應(yīng)不同瀏覽器及不同的分辨率
應(yīng)該站在訪問(wèn)者的角度,考慮網(wǎng)頁(yè)中各種的因素。如果用不同的瀏覽器和不同的分辨率來(lái)訪問(wèn)你的站點(diǎn),結(jié)果網(wǎng)站雜亂無(wú)章、毫無(wú)次序,瀏覽者就不會(huì)再訪問(wèn)你的站點(diǎn)了。因此在編寫(xiě)一個(gè)主頁(yè)后,要事先將其放到各種操作系統(tǒng),各種瀏覽器中去調(diào)試,檢測(cè)是否會(huì)出現(xiàn)一些問(wèn)題。
8 網(wǎng)頁(yè)元素不能用中文名稱
網(wǎng)頁(yè)制作后,通常會(huì)給網(wǎng)頁(yè)起一個(gè)具有代表意義的名稱。一來(lái)使人一看文件名就知道文件所包含的內(nèi)容,二來(lái)能夠方便各個(gè)超級(jí)鏈接之間的相互調(diào)用。瀏覽器對(duì)中文名支持不太好,經(jīng)常會(huì)有頁(yè)面調(diào)用不正確現(xiàn)象發(fā)生,因此盡量采用英文作為網(wǎng)頁(yè)元素的命名。
9 為圖像鏈接增加動(dòng)態(tài)效果
有時(shí)我們?yōu)榱诉_(dá)到一種酷的效果,當(dāng)鼠標(biāo)移動(dòng)到某個(gè)圖片上時(shí)能有動(dòng)感產(chǎn)生。使用Dreamweaver可以很容易實(shí)現(xiàn)這種效果。設(shè)計(jì)時(shí),我們首先需要準(zhǔn)備兩幅圖像,第一幅是原始圖像,第二幅是鼠標(biāo)移動(dòng)上去后的圖像,也可以增加對(duì)圖片的描述和超鏈接。當(dāng)圖片如果打不開(kāi)的情況下,可以讓文字來(lái)代替圖片,也可以實(shí)現(xiàn)超鏈接。
10 網(wǎng)頁(yè)有良好的對(duì)比度
對(duì)比是強(qiáng)調(diào)突出某些內(nèi)容的最有效方法之一,好的對(duì)比對(duì)度使內(nèi)容易于辨認(rèn)和接受。對(duì)比一般是使用顏色的對(duì)比,如內(nèi)容提要和正文使用不同顏色的字體,內(nèi)容提要使用藍(lán)色,而正文采用黑色;也可以使用大的標(biāo)題,形成面積的對(duì)比;還可以使用圖像對(duì)比,題頭的圖像明確的向?yàn)g覽者傳達(dá)本頁(yè)的主題,這里同樣需要注意的是鏈接的色彩。還有一種實(shí)現(xiàn)的對(duì)比方法是使用字體變化。在文字排版中,可以使用斜體和黑體突出關(guān)鍵內(nèi)容,但不能用得太多,否則就得不到應(yīng)用的效果。
11 結(jié)束語(yǔ)
隨著網(wǎng)頁(yè)技術(shù)的不斷發(fā)展,人們對(duì)網(wǎng)站會(huì)提出更多的要求,使網(wǎng)站的設(shè)計(jì)理念會(huì)變得越來(lái)越明確。好的網(wǎng)站設(shè)計(jì)理念能把整個(gè)網(wǎng)站相關(guān)網(wǎng)頁(yè)元素有效的組織與通信結(jié)合起來(lái),從而使網(wǎng)站主題鮮明突出,要點(diǎn)明確,以簡(jiǎn)單明確的語(yǔ)言和畫(huà)面體現(xiàn)站點(diǎn)的主題。調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站的個(gè)性和情趣,體現(xiàn)出網(wǎng)站的閃光點(diǎn)。
參考文獻(xiàn):
[1] 陳希.網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)[M].北京:科學(xué)出版社,2008:3-15.
【關(guān)鍵詞】:動(dòng)態(tài);網(wǎng)站;設(shè)計(jì);概述
中圖分類(lèi)號(hào):S611文獻(xiàn)標(biāo)識(shí)碼: A
1、前言
在Internet飛速發(fā)展的今天,互聯(lián)網(wǎng)已成為人們快速獲取、和傳遞信息的重要渠道,它在人們的政治、經(jīng)濟(jì)、生活、娛樂(lè)等各個(gè)方面發(fā)揮著重要的作用,因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位越來(lái)越重要。本文是基于平臺(tái)的動(dòng)態(tài)娛樂(lè)網(wǎng)站的設(shè)計(jì)和實(shí)現(xiàn),該網(wǎng)站主要由新聞、音頻服務(wù)、用戶登錄注冊(cè)、娛樂(lè)論壇和后臺(tái)管理五大模塊組成,實(shí)現(xiàn)了一般娛樂(lè)網(wǎng)站應(yīng)具有的基本功能,同時(shí)也考慮了網(wǎng)站的安全性。
2、網(wǎng)站概要設(shè)計(jì)
2.1、網(wǎng)站結(jié)構(gòu)設(shè)計(jì)
根據(jù)網(wǎng)站開(kāi)發(fā)的目的以及上面獲得的需求分析,將網(wǎng)站的內(nèi)容劃分為以下幾個(gè)方面:1) 新聞模塊。新聞分成多種類(lèi)別,以標(biāo)題或者圖片的形式顯示,按照更新時(shí)間的降序進(jìn)行排序。所有用戶可以瀏覽本站的娛樂(lè)新聞,并根據(jù)自己的需要對(duì)新聞進(jìn)行搜索。2) 音頻服務(wù)模塊。用戶可以享受網(wǎng)站提供的歌曲下載、歌曲在線播放等服務(wù)。3) 用戶登錄注冊(cè)模塊。用戶通過(guò)注冊(cè),可以成為網(wǎng)站的合法用戶,并享受網(wǎng)站提供的特別服務(wù)。4) 娛樂(lè)論壇模塊。娛樂(lè)論壇是網(wǎng)站提供給用戶的一個(gè)信息交流平臺(tái)。只有注冊(cè)用戶才可使用。5) 后臺(tái)管理模塊。后臺(tái)管理是為管理員提供了一個(gè)方便操作數(shù)據(jù)庫(kù)的平臺(tái)。管理員可以對(duì)用戶、新聞、音頻文件以及論壇文章信息進(jìn)行管理。
2.2 網(wǎng)站布局設(shè)計(jì)
網(wǎng)頁(yè)是網(wǎng)站構(gòu)成的基本元素,網(wǎng)頁(yè)的精彩與否,除了色彩的搭配、文字的變化、圖片的處理等這些不可忽略的因素外,還有一個(gè)非常重要的因素――網(wǎng)頁(yè)的布局。通常有三種網(wǎng)頁(yè)布局技術(shù):層疊樣式表、表格、框架。
2.3 網(wǎng)站視覺(jué)設(shè)計(jì)
2.3.1 網(wǎng)站風(fēng)格設(shè)計(jì)
網(wǎng)站風(fēng)格是一個(gè)抽象的概念,是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括網(wǎng)站的CI、版面布局、瀏覽方式、視覺(jué)效果等。風(fēng)格是獨(dú)特的,是站點(diǎn)不同于其它網(wǎng)站的地方,通過(guò)網(wǎng)站的外表、內(nèi)容、文字以及交流,可以概括出一個(gè)站點(diǎn)的個(gè)性。
2.3.2 網(wǎng)站色彩設(shè)計(jì)
色彩能夠在不知不覺(jué)中影響人的心理,左右人的情緒,因此一個(gè)站點(diǎn)根據(jù)自身的內(nèi)容以及性質(zhì)來(lái)對(duì)色彩進(jìn)行定位顯得尤為重要。為了與設(shè)計(jì)的網(wǎng)站風(fēng)格相協(xié)調(diào),將網(wǎng)站的色彩定義如下:紅色:強(qiáng)有力、喜慶的色彩,能使人精神興奮;橙黃色:亮度高,給人溫暖的感覺(jué);淡紫色:給人寧?kù)o的感覺(jué);黑色:大眾化顏色,不會(huì)產(chǎn)生視覺(jué)疲勞。
3、網(wǎng)站詳細(xì)設(shè)計(jì)
3.1、網(wǎng)站實(shí)現(xiàn)過(guò)程分析
首先根據(jù)用戶需求確定各個(gè)模塊要實(shí)現(xiàn)的功能,然后根據(jù)功能分析設(shè)計(jì)出數(shù)據(jù)庫(kù),包括各個(gè)數(shù)據(jù)表關(guān)系圖的詳細(xì)結(jié)構(gòu)。
3.2、新聞模塊
新聞是網(wǎng)站的一個(gè)重要組成部分,娛樂(lè)網(wǎng)站將新聞分成多個(gè)類(lèi)別,根據(jù)劃分的類(lèi)別在不同版塊顯示相應(yīng)的新聞內(nèi)容。新聞以標(biāo)題或圖片的形式進(jìn)行顯示,使得頁(yè)面更加生動(dòng)。所有的新聞按更新時(shí)間的降序排列,便于用戶獲得最新的新聞信息。
3.3、音頻服務(wù)模塊
該模塊主要為用戶提供了歌曲在線播放和下載等功能,實(shí)現(xiàn)了最基本的音頻服務(wù)。使用戶能夠邊聽(tīng)音樂(lè)邊瀏覽網(wǎng)站信息,真正得到全身心的放松。達(dá)到了開(kāi)發(fā)該網(wǎng)站的目的。在一些影視網(wǎng)站中,常常會(huì)放一些音樂(lè)或電影文件在頁(yè)面,通常的做法是添加一個(gè)超鏈接,直接鏈接到該音視頻文件,用戶單擊該鏈接后就會(huì)下載并調(diào)用本地軟件打開(kāi)該文件。
用戶在瀏覽網(wǎng)頁(yè)的時(shí)候,或者在線試聽(tīng)了歌曲之后,想保存某些自己喜歡的歌曲,那么就要給用戶提供一個(gè)下載功能。當(dāng)點(diǎn)擊下載圖標(biāo)時(shí),通過(guò)傳遞歌曲編號(hào)songID,在下載頁(yè)面中獲取該songID的值并讀取相應(yīng)記錄,然后將文件內(nèi)容發(fā)送到客戶端。最后會(huì)彈出一個(gè)對(duì)話框提示用戶保存該文件。
3.4、娛樂(lè)論壇模塊
在娛樂(lè)論壇中,用戶有兩種角色:管理員和普通用戶。不同角色的用戶擁有不同的權(quán)限。管理員登錄以后進(jìn)入后臺(tái)管理頁(yè)面,可以管理用戶、管理欄目以及管理文章,另外管理員還可以把普通用戶指定為版主。普通用戶進(jìn)入論壇后可以瀏覽文章、發(fā)表文章和回復(fù)文章,如果是版主,可以刪除文章或者使文章置頂。
該娛樂(lè)網(wǎng)站中,用戶必須合法登錄才可進(jìn)入論壇。但是如果用戶非法從其它頁(yè)面直接跳轉(zhuǎn)到論壇的文章顯示頁(yè)面,顯然應(yīng)該禁止這種情況的發(fā)生。否則用戶登錄頁(yè)面是毫無(wú)意義的。因此在每個(gè)重要頁(yè)面的Page_Load過(guò)程中都會(huì)判斷該用戶是否具有執(zhí)行該頁(yè)面的權(quán)限,如果沒(méi)有權(quán)限,則重定向到登錄頁(yè)面。
3.5、后臺(tái)管理模塊
后臺(tái)管理是為管理員提供的一個(gè)方便操作數(shù)據(jù)庫(kù)的平臺(tái),只有管理員用戶才可使用。為了確保安全,大部分頁(yè)面在Page_Load過(guò)程中都會(huì)判斷是否是管理員用戶,如果不是,將重新定向登錄頁(yè)面。在后臺(tái)管理模塊中,管理員可以對(duì)網(wǎng)站的所有信息進(jìn)行管理,包括新聞信息、用戶信息、音頻信息、論壇文章信息進(jìn)行添加、刪除、修改等操作。使數(shù)據(jù)庫(kù)內(nèi)容能夠方便地更新。
4、結(jié)尾
隨著Internet的發(fā)展,創(chuàng)建網(wǎng)站,已不再滿足于建立一個(gè)僅僅能夠信息的靜態(tài)網(wǎng)站,需要的是一個(gè)功能強(qiáng)大、易于維護(hù),并且能夠提供完善的服務(wù)功能的動(dòng)態(tài)網(wǎng)站。動(dòng)態(tài)網(wǎng)頁(yè)的制作方法隨著Internet的飛速變化也在不斷的更新和發(fā)展,制作的工具也越來(lái)越多,使用的語(yǔ)言也越來(lái)越多,相信,娛樂(lè)網(wǎng)站的制作必將日漸趨于成熟起來(lái)。
【參考文獻(xiàn)】
[1]《Flash MX動(dòng)畫(huà)高級(jí)實(shí)例教程》丁建超等,海洋出版社
《網(wǎng)站設(shè)計(jì)與制作》也是計(jì)算機(jī)各專業(yè)學(xué)生學(xué)習(xí)后續(xù)課程的基礎(chǔ),比如學(xué)習(xí)基于網(wǎng)絡(luò)編程的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù),學(xué)生畢業(yè)后可從事網(wǎng)絡(luò)軟件的設(shè)計(jì)與開(kāi)發(fā),進(jìn)行商務(wù)網(wǎng)站的設(shè)計(jì)與制作,同時(shí)也可以考取網(wǎng)頁(yè)設(shè)計(jì)師、網(wǎng)絡(luò)軟件工程師等相關(guān)國(guó)家職業(yè)資格證書(shū)。開(kāi)設(shè)該課程是復(fù)合我校關(guān)于“高素質(zhì)、技能型人才”培養(yǎng)目標(biāo)的需求的,通過(guò)該課程的教學(xué),可以培養(yǎng)出一批優(yōu)秀的、能夠在一線工作崗位上從事網(wǎng)頁(yè)設(shè)計(jì)與制作、網(wǎng)站規(guī)劃、管理與維護(hù)工作的專業(yè)人才?;谠撜n程的主要工作崗位有:網(wǎng)站管理與維護(hù)人員、網(wǎng)頁(yè)設(shè)計(jì)與編輯人員、網(wǎng)站策劃人員及網(wǎng)頁(yè)美工人員等。
二、課程教學(xué)思路與教學(xué)方法改進(jìn)
學(xué)生如果要很好得完成網(wǎng)站制作,所需的的知識(shí)體系非常龐雜,其中包括網(wǎng)絡(luò)基礎(chǔ)知識(shí),網(wǎng)頁(yè)制作技術(shù),平面設(shè)計(jì)和動(dòng)畫(huà)制作等基本要素。具體涉及到網(wǎng)頁(yè)制作軟件,圖像處理軟件,動(dòng)畫(huà)軟件,數(shù)據(jù)庫(kù)知識(shí),腳本語(yǔ)言動(dòng)態(tài)服務(wù)器編程技術(shù)等。教學(xué)內(nèi)容比較多,知識(shí)點(diǎn)比較分散,而學(xué)時(shí)僅為48個(gè)學(xué)時(shí),學(xué)習(xí)內(nèi)容多而課時(shí)少。經(jīng)過(guò)多年的教學(xué)活動(dòng)的開(kāi)展和經(jīng)驗(yàn)總結(jié)后,我們總結(jié)出一套適合高職學(xué)生教學(xué)方法,那就是使用任務(wù)驅(qū)動(dòng)式的教學(xué)方法。我們以前的教學(xué)設(shè)計(jì)思路是:講授知識(shí)點(diǎn)———設(shè)計(jì)任務(wù)———監(jiān)督學(xué)生完成———驗(yàn)收,現(xiàn)在的教學(xué)設(shè)計(jì)思路是這樣的:實(shí)際工作任務(wù)導(dǎo)向———任務(wù)驅(qū)動(dòng)———相關(guān)知識(shí)講授。老師在此教學(xué)思路中的角色:給學(xué)生布置一項(xiàng)工作(實(shí)際工作任務(wù)導(dǎo)向)———將工作轉(zhuǎn)變?yōu)橐粋€(gè)任務(wù)(任務(wù)驅(qū)動(dòng))———通過(guò)任務(wù)引出知識(shí)點(diǎn)(知識(shí)學(xué)習(xí))。學(xué)生在此教學(xué)思路中的角色:通過(guò)老師的引導(dǎo),理解相關(guān)任務(wù)要求,繼而產(chǎn)生強(qiáng)烈的學(xué)習(xí)相關(guān)知識(shí)的興趣,在下一步的知識(shí)學(xué)習(xí)中就能很好地學(xué)習(xí),掌握了相關(guān)知識(shí)后,馬上運(yùn)用于實(shí)踐,完成老師布置的任務(wù)。通過(guò)該課程的教學(xué),使學(xué)生最終能夠自主開(kāi)發(fā)一個(gè)完整的網(wǎng)站,畢業(yè)后能夠直接從事企事業(yè)單位網(wǎng)站的開(kāi)發(fā)設(shè)計(jì)與管理維護(hù)等工作。
三、課程體系內(nèi)容重構(gòu)
本課程性質(zhì)是計(jì)算機(jī)系的基礎(chǔ)必修課,教學(xué)對(duì)象是全系各專業(yè)的大一學(xué)生,因此教學(xué)內(nèi)容定位于靜態(tài)網(wǎng)頁(yè)的制作,以Dreamweaver軟件為主線,介紹靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)和制作的基本技術(shù),目前很多網(wǎng)頁(yè)教材是基于網(wǎng)頁(yè)三劍客的即Dreamweaver、photoshop和flash,然而當(dāng)前課時(shí)條件和時(shí)間條件下,根本做不到三個(gè)軟件都講到位,事實(shí)上每個(gè)軟件分開(kāi)都可成為一門(mén)課程,而網(wǎng)頁(yè)設(shè)計(jì)課程只能以網(wǎng)頁(yè)制作軟件Dreamweaver為主,其他軟件為輔,并且其他軟件制作的作品要與網(wǎng)頁(yè)密切相關(guān)為了解決內(nèi)容多學(xué)時(shí)少的矛盾,有利于教學(xué)的開(kāi)展和培養(yǎng)學(xué)生的動(dòng)手能力,為此我們對(duì)教學(xué)內(nèi)容重新進(jìn)行了重構(gòu),圍繞Dreamweaver軟件講解網(wǎng)頁(yè)制作的方法和技巧,只有在制作圖像縮略圖、切片、按鈕、LOGO圖片等時(shí)候,才輔助其他軟件加工素材或者制作動(dòng)畫(huà)。教學(xué)內(nèi)容分為9個(gè)模塊:模塊一、網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ);模塊二、頁(yè)面的基本操作;模塊三、簡(jiǎn)單網(wǎng)頁(yè)的制作;模塊四、網(wǎng)頁(yè)的樣式設(shè)計(jì);模塊五、實(shí)用HTML布局頁(yè)面;模塊六、實(shí)用DIV+CSS布局頁(yè)面;模塊七、制作多媒體頁(yè)面;模塊八、網(wǎng)頁(yè)交互設(shè)計(jì);模塊九、網(wǎng)站的測(cè)試與管理。
四、總結(jié)
關(guān)鍵詞: 網(wǎng)站設(shè)計(jì);網(wǎng)頁(yè)制作;關(guān)鍵點(diǎn)
當(dāng)前是信息化時(shí)代,網(wǎng)絡(luò)作為作為世界最大的信息傳播平臺(tái),越來(lái)越多的商家和個(gè)人開(kāi)始重視建立自己的網(wǎng)站,如何制作一個(gè)網(wǎng)站并且告訴瀏覽者這個(gè)網(wǎng)站是做什么的,吸引瀏覽者關(guān)注這個(gè)網(wǎng)站,這就是我們下面所要介紹的。一個(gè)網(wǎng)站不但要做到操作方便,引人入勝,趣味盎然,還要告訴瀏覽者它的用處:我能在這里找到什么,我能做什么,如何從眾多的網(wǎng)站中脫穎而出,并且把網(wǎng)站的主題“思想”快捷的承現(xiàn)在瀏覽者眼前,這些設(shè)計(jì)都是有講究的。
1 網(wǎng)站設(shè)計(jì)及關(guān)鍵點(diǎn)
1.1 網(wǎng)站主題
開(kāi)始著手策劃制作網(wǎng)頁(yè)首先面臨的問(wèn)題便是明確我的網(wǎng)站主題,要做什么,面向哪些主體,包含什么內(nèi)容。特別是對(duì)初學(xué)者建立個(gè)人網(wǎng)站來(lái)說(shuō),不要做得像綜合網(wǎng)站那樣大而全,網(wǎng)站的選材要小而精,明確一個(gè)主題,把你認(rèn)為最精彩的,自己最感興趣的內(nèi)容放在上面就可以了。好多初學(xué)者認(rèn)為我要把網(wǎng)站做得全一些,包羅萬(wàn)象才能吸引更多的瀏覽者進(jìn)來(lái),但往往事與愿違,給人的感覺(jué)是樣樣有卻樣樣都不精,因?yàn)槟豢赡苡心敲炊嗟木θゾS護(hù)它。所以明確一個(gè)主題把它內(nèi)容做深、做透、辦出特色來(lái),這樣才能給瀏覽者一個(gè)深刻的印象。
1.2 網(wǎng)站結(jié)構(gòu)規(guī)劃與欄目板塊的編排
主題明確以后,就要對(duì)整個(gè)網(wǎng)站結(jié)構(gòu)做個(gè)總體規(guī)劃。一個(gè)網(wǎng)站的建設(shè)就像設(shè)計(jì)一棟大樓,在進(jìn)行設(shè)計(jì)前必須要有個(gè)設(shè)計(jì)圖紙:主頁(yè)上要有什么欄目,突出什么內(nèi)容,所謂欄目實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引,索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái),你可以將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上,在制定欄目的時(shí)候,要仔細(xì)考慮,合理安排。盡量從瀏覽者的角度編排以方便他們的瀏覽和查詢,一些輔助信息就不要放在主欄目里,如個(gè)人信息、版權(quán)信息等以免沖淡主題。
一般情況下,網(wǎng)站常見(jiàn)的版面布局結(jié)構(gòu)為:上邊為網(wǎng)站欄目,下邊為網(wǎng)站內(nèi)容;左邊為網(wǎng)站欄目,右邊為網(wǎng)站內(nèi)容;主頁(yè)全為網(wǎng)站欄目,分頁(yè)為具體內(nèi)容。
除了欄目板塊的編排,我們還要考慮到網(wǎng)站的文字和圖片的布局,顏色的搭配,后期網(wǎng)站的更新和維護(hù)等問(wèn)題,有的初學(xué)者經(jīng)過(guò)短暫的學(xué)習(xí)就開(kāi)始制作網(wǎng)頁(yè),想到什么就做什么,結(jié)果發(fā)現(xiàn)做出來(lái)的網(wǎng)站結(jié)構(gòu)不清晰,條理混亂,瀏覽者看得很糊涂,制作者在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。所以我們?cè)谥谱骶W(wǎng)站前,一定把這方方面面考慮清楚再動(dòng)手。
1.3 風(fēng)格與網(wǎng)站
風(fēng)格是指網(wǎng)站的整體形象給瀏覽者的綜合感受,它通過(guò)網(wǎng)站的版面布局、瀏覽方式、文字、色彩、交互性等因素承現(xiàn)出來(lái),它就像一個(gè)人的性格:你是希望它是粗獷豪放的,清新秀麗的,生動(dòng)活潑的,或是溫文儒雅的。通過(guò)它的“性格”讓瀏覽者分辨出你的網(wǎng)站與其他網(wǎng)站的不同處。這就形成了網(wǎng)站的“風(fēng)格”。
1.4 色彩與網(wǎng)頁(yè)
一個(gè)網(wǎng)站設(shè)計(jì)的成功與否,在某種程度上取決于設(shè)計(jì)者對(duì)色彩的運(yùn)用和搭配。因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)是一種平面效果設(shè)計(jì),在排除立體圖形、動(dòng)畫(huà)效果外,在平面圖上,色彩的沖擊力是最強(qiáng)的,它很容易給用戶留下深刻的印象,也是體現(xiàn)網(wǎng)頁(yè)風(fēng)格的關(guān)鍵。因此,在設(shè)計(jì)網(wǎng)頁(yè)時(shí),必須要高度重視色彩的搭配,我們可使用混用顏色,即網(wǎng)站主色不得超過(guò)3種,采用這三種的混合達(dá)到其他效果;加強(qiáng)顏色對(duì)比,即以一種顏色為主色調(diào),對(duì)比色為點(diǎn)綴,起到畫(huà)龍點(diǎn)睛的作用等方式來(lái)組織網(wǎng)頁(yè)顏色。
2 網(wǎng)頁(yè)制作
2.1 選好網(wǎng)頁(yè)制作軟件
在以上工作做好以后,還有一點(diǎn)也是我們要考慮的——選擇合適的網(wǎng)頁(yè)設(shè)計(jì)軟件。在當(dāng)前我們能使用的網(wǎng)頁(yè)設(shè)計(jì)類(lèi)軟件越來(lái)越多,而選擇一個(gè)功能強(qiáng)大、操作簡(jiǎn)單的軟件則會(huì)讓你事半功倍。對(duì)于網(wǎng)頁(yè)制作軟件來(lái)說(shuō),初學(xué)者最常使用是Frontpage
和Dreamweaver,F(xiàn)rontpage是微軟公司出品的一款網(wǎng)頁(yè)制作入門(mén)級(jí)軟件,F(xiàn)rontPage使用方便簡(jiǎn)單,會(huì)用Word就能做網(wǎng)頁(yè),所見(jiàn)即所得是其特點(diǎn),該軟件結(jié)合了設(shè)計(jì)、程式碼、預(yù)覽三種模式。Dreamweaver是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器,利用它可以輕而易舉地制作出充滿動(dòng)感的網(wǎng)頁(yè)。
除此之外,我們還應(yīng)了解一些制作網(wǎng)站所用到的邊緣性軟件,如photoshop、flash等,Photoshop是集圖像掃描、編輯修改、圖像制作、廣告創(chuàng)意,圖像輸入與輸出于一體的圖形圖像處理軟件,如作為網(wǎng)站主頁(yè)來(lái)說(shuō),因要設(shè)計(jì)成一幅圖片,可選用位圖圖像,制作工具就可以選擇Photoshop;flash是一種動(dòng)畫(huà)創(chuàng)作與應(yīng)用程序開(kāi)發(fā)于一身的創(chuàng)作軟件,它包含豐富的視頻、聲音、圖形和動(dòng)畫(huà)。網(wǎng)頁(yè)設(shè)計(jì)者使用Flash創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。這兩個(gè)軟件深受廣大平面設(shè)計(jì)人員和電腦美術(shù)愛(ài)好者的喜愛(ài)。你可以根據(jù)自己的需要靈活運(yùn)用這些軟件。
2.2 網(wǎng)頁(yè)內(nèi)容的選擇
前期的框架設(shè)計(jì)好后,下面我們就要為這個(gè)網(wǎng)站“添磚加瓦”了,這是一個(gè)復(fù)雜而細(xì)致的過(guò)程,需要我們先從簡(jiǎn)單的內(nèi)容下手,再設(shè)計(jì)稍復(fù)雜的內(nèi)容,以便出現(xiàn)問(wèn)題時(shí)好修改。在內(nèi)容上我們要選擇有新意的、獨(dú)特的,這些可以從圖書(shū)、報(bào)紙、互聯(lián)網(wǎng)等信息媒介搜集素材,素材通常分為三類(lèi)——文字、圖片、影像。素材準(zhǔn)備得越多越好,再?gòu)倪@些素材中粗中取細(xì),以備制作網(wǎng)站時(shí)可以隨時(shí)拿來(lái)使用。總之,網(wǎng)頁(yè)內(nèi)容是網(wǎng)站的根本,如果內(nèi)容空洞,頁(yè)面制作的再怎么精美,仍然不會(huì)留住訪問(wèn)者。所以我們要多花一些心思在內(nèi)容制作上,網(wǎng)頁(yè)內(nèi)容影響著網(wǎng)站的成敗。
基于Matlab的移動(dòng)通信網(wǎng)站設(shè)計(jì),應(yīng)用DCMST、線性規(guī)劃、圖論等方法,依次建成費(fèi)用最小生成樹(shù)、穩(wěn)定度約束模型、然后合理設(shè)計(jì)算方法,然后利用Netdraw、Matlab等數(shù)據(jù)軟件,分析網(wǎng)站穩(wěn)定性計(jì)算設(shè)計(jì)費(fèi)用,綜合分析這兩方面。這個(gè)設(shè)計(jì)能夠合理運(yùn)用算法,循序漸進(jìn),能夠合理有序地解決復(fù)雜最小路徑問(wèn)題,利用數(shù)據(jù)軟件抽象出具體布局,使移動(dòng)通信網(wǎng)站設(shè)計(jì)更加直觀?,F(xiàn)在移動(dòng)通信網(wǎng)絡(luò)已經(jīng)非常普及,所以對(duì)于移動(dòng)通信網(wǎng)站的設(shè)計(jì)就顯的十分熱門(mén)。
關(guān)鍵詞:
移動(dòng)通信網(wǎng)站設(shè)計(jì);Matlab線性規(guī)劃;計(jì)算方法
1移動(dòng)通信網(wǎng)站模型的建立
1.1設(shè)計(jì)思路想要建立最優(yōu)網(wǎng)站模型,首要問(wèn)題是計(jì)算網(wǎng)站設(shè)計(jì)成本對(duì)于網(wǎng)站最終形態(tài)的影響。例如:需要建立一個(gè)擁有80個(gè)結(jié)點(diǎn)的移動(dòng)通信網(wǎng)絡(luò),該網(wǎng)站需要在這80個(gè)節(jié)點(diǎn)間建立通信線路,實(shí)現(xiàn)數(shù)據(jù)的傳輸。結(jié)點(diǎn)距離,建立線路單位距離的費(fèi)用是已知的。那么計(jì)算這個(gè)網(wǎng)站的總鋪設(shè)費(fèi)用的問(wèn)題就能夠轉(zhuǎn)化為計(jì)算一個(gè)最短路徑成本的問(wèn)題,這個(gè)最短路徑必須保證網(wǎng)站的連通性。結(jié)點(diǎn)距離已知,那么可以構(gòu)造矩陣來(lái)進(jìn)行計(jì)算,矩陣內(nèi)第i行第j列的元素值即為第i個(gè)結(jié)點(diǎn)到第j個(gè)結(jié)點(diǎn)的距離。
1.2基本假設(shè)假設(shè):①網(wǎng)站設(shè)計(jì)成本只與網(wǎng)站大小和單位網(wǎng)站費(fèi)用有關(guān)。②通信網(wǎng)站內(nèi)的各個(gè)結(jié)點(diǎn)重要性是相同的。③各結(jié)點(diǎn)之間的相互連接是等可能的。④結(jié)點(diǎn)之間的相互連接不受限制。⑤結(jié)點(diǎn)只存在正常與失效兩種狀態(tài)且是失效概率相同。
1.3設(shè)計(jì)算法問(wèn)題:求能夠保證網(wǎng)絡(luò)連通性的最短最省的方案。算法:①構(gòu)建結(jié)點(diǎn)與相應(yīng)路徑的矩陣;②標(biāo)記元素;③構(gòu)造函數(shù)mark來(lái)判斷j點(diǎn)是否已經(jīng)被標(biāo)記;④將和當(dāng)前標(biāo)記所有的元素附近的權(quán)重最小邊進(jìn)行索引;⑤用三元組表示最小生成樹(shù);⑥分步表示每個(gè)結(jié)點(diǎn)和結(jié)點(diǎn)之間的權(quán)值;⑦利用MATLAB計(jì)算得到最小生成樹(shù)的總權(quán)值。
2全面考慮網(wǎng)站可靠性和成本
2.1改善設(shè)計(jì)為提高通信線路穩(wěn)定性,綜合考慮兩條線路同時(shí)出現(xiàn)故障是小概率事件,此處增加度的約束。因此只要結(jié)點(diǎn)度數(shù)大于等于2,就可以滿足線路穩(wěn)定性要求。
2.2優(yōu)化模型首先計(jì)算出度為1的結(jié)點(diǎn)補(bǔ)圖,對(duì)于每個(gè)度為1的結(jié)點(diǎn),尋找和它距離最近的結(jié)點(diǎn),建立路徑。則可以在上述方程中加入約束12njixij綜合考慮上述問(wèn)題,應(yīng)用穩(wěn)定性度約束可以求解多個(gè)目標(biāo)的綜合模型能夠在線路穩(wěn)定性、網(wǎng)絡(luò)流量、鋪設(shè)成本之間尋找平衡。這樣的算法有比較好的收斂性和適應(yīng)效果。建立的模型也會(huì)有更好的參考價(jià)值,是比較好的建立網(wǎng)站的方案,利用MATLAB可以求出總費(fèi)用。這樣才能夠充分利用網(wǎng)站投入成本,合理分配資金,將更多的投入花在合適的方面。
3通信網(wǎng)站可靠性分析
3.1網(wǎng)站可靠性定義對(duì)于網(wǎng)站可靠性這個(gè)概念,一般情況下可以理解成:在自然或者人為的破壞下,通信網(wǎng)站在規(guī)定的條件下,規(guī)定的時(shí)間內(nèi)完成規(guī)定功能的能力。在移動(dòng)通信網(wǎng)站能夠滿足通信網(wǎng)絡(luò)上層業(yè)務(wù)和網(wǎng)絡(luò)延遲的要求下,本文通過(guò)考察各個(gè)網(wǎng)絡(luò)節(jié)點(diǎn)間最小路徑,對(duì)于通信網(wǎng)絡(luò)的可靠性進(jìn)行了評(píng)估,同時(shí)進(jìn)行了模擬仿真設(shè)計(jì)。
3.2設(shè)計(jì)依據(jù)研究顯示,保護(hù)“核心節(jié)點(diǎn)”在保證網(wǎng)站可靠性方面就顯的尤為重要。對(duì)于“核心節(jié)點(diǎn)”的確定就顯得尤為重要,假如確定的不合理,將會(huì)導(dǎo)致整個(gè)網(wǎng)站可靠性的降低,同時(shí),如果確定方法得當(dāng),就能大大提高網(wǎng)站可靠性,對(duì)于以后的網(wǎng)站運(yùn)營(yíng)起到極大積極作用。
4移動(dòng)通信網(wǎng)絡(luò)的優(yōu)化
移動(dòng)通信網(wǎng)絡(luò)可以在運(yùn)營(yíng)的過(guò)程中進(jìn)行持續(xù)優(yōu)化。網(wǎng)絡(luò)的優(yōu)化也是整個(gè)網(wǎng)絡(luò)設(shè)計(jì)過(guò)程中不可或缺的部分。優(yōu)化網(wǎng)絡(luò)的的方法有很多。按照優(yōu)化目標(biāo)分類(lèi)可以分為:容量?jī)?yōu)化、質(zhì)量?jī)?yōu)化、覆蓋優(yōu)化等等;按照優(yōu)化范圍可以分為:系統(tǒng)級(jí)優(yōu)化、單小區(qū)優(yōu)化、小區(qū)簇優(yōu)化和核心網(wǎng)絡(luò)優(yōu)化。按照優(yōu)化方法可以分為:資源優(yōu)化、參數(shù)優(yōu)化、硬件系統(tǒng)優(yōu)化、算法優(yōu)化、網(wǎng)絡(luò)結(jié)構(gòu)優(yōu)化等。
5移動(dòng)通信網(wǎng)絡(luò)模型推廣
根據(jù)本文設(shè)計(jì)的模型,能夠在保證節(jié)點(diǎn)數(shù)量不變的條件下,隨意改變結(jié)點(diǎn)之間的信息,運(yùn)用這個(gè)模型,一樣可以求得最少費(fèi)用,并且對(duì)于計(jì)算公式不需要進(jìn)行太多改動(dòng),也不需要人為地對(duì)計(jì)算結(jié)果進(jìn)行修改。在解決上述問(wèn)題時(shí),DCMST問(wèn)題看似極其簡(jiǎn)單,但是這類(lèi)問(wèn)題在本質(zhì)上是非常困難的優(yōu)化組合問(wèn)題,求解這個(gè)問(wèn)題的困難程度和度約束以及連接性態(tài)有關(guān)。本文提到的度約束最小樹(shù)問(wèn)題算法是一種很有效的啟發(fā)算法,當(dāng)問(wèn)題規(guī)模變大時(shí),可以運(yùn)用這種算法簡(jiǎn)化問(wèn)題。
參考文獻(xiàn):
[1]武潔.保障網(wǎng)絡(luò)可靠性指標(biāo)研究[D].中國(guó)人民國(guó)防科學(xué)技術(shù)大學(xué),2003.
關(guān)鍵詞:網(wǎng)站設(shè)計(jì);圖形;風(fēng)格;創(chuàng)意
中圖分類(lèi)號(hào):TP393文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1009-3044(2008)20-30355-03
How to Beautify the Interface in Website Designing
TANG Yi-peng
(Fujian Polytechnic of Information Technology,Fuzhou 350003,China)
Abstract:Starting from the website interface designing, this article is to explore the inter-relationships involved in creating a website. With visual arts as the theoretical background, it elaborates on this topic from three angles: graphical interface, establishing the website style and creativeness in designing. It’s thus stated that website interface designing is an interdisciplinary subject between designing arts and network technology and there are rules to follow to beautify the interface.
Key words:website designing;graphics;style;creativeness
本文探討的“網(wǎng)站”是指有確定主題和明確目的的實(shí)用性站點(diǎn),不包括純表現(xiàn)類(lèi)或者純文字類(lèi)網(wǎng)站。為何說(shuō)網(wǎng)站是“設(shè)計(jì)”而不是“制作”,它們的區(qū)別在于設(shè)計(jì)是一個(gè)思考的過(guò)程,而制作只是將思考的結(jié)果表現(xiàn)出來(lái)。一個(gè)成功的網(wǎng)站首先需要一個(gè)優(yōu)秀的設(shè)計(jì),然后輔之優(yōu)秀的制作。設(shè)計(jì)是網(wǎng)站的核心和靈魂,一個(gè)相同的設(shè)計(jì)可以有多種制作表現(xiàn)的方式,最終目的就是實(shí)現(xiàn)網(wǎng)站內(nèi)容豐富、詳實(shí),井然有序,網(wǎng)站風(fēng)格上新穎、獨(dú)特,達(dá)到內(nèi)容與形式和諧統(tǒng)一。
1 引言
網(wǎng)站的界面設(shè)計(jì)是綜合平面設(shè)計(jì)藝術(shù)和網(wǎng)絡(luò)技術(shù)的一門(mén)邊緣學(xué)科,與傳統(tǒng)的平面設(shè)計(jì)在視覺(jué)傳達(dá)方面很大的相似之處,而在技術(shù)實(shí)現(xiàn)方面又是有著很大的區(qū)別。一方面是載體的差異,后者是以平面印刷的形式出現(xiàn);而前者是通過(guò)顯示器出現(xiàn)的,在傳輸?shù)倪^(guò)程中受到網(wǎng)絡(luò)帶寬的限制,在保持界面清晰的前提下需盡可能的縮小圖像的文件大小。另一方面功能的異同,后者是以向人們傳達(dá)某種信息或訴求為目的;而前者除了擁有前者的功能以外,還有重要的向?qū)Ш玩溄庸δ?,即網(wǎng)頁(yè)具有很強(qiáng)的可操作性和互動(dòng)性。而動(dòng)靜結(jié)合也是網(wǎng)頁(yè)設(shè)計(jì)的另一重要特色,這點(diǎn)在平面設(shè)計(jì)里是無(wú)法實(shí)現(xiàn)的。
通常,一個(gè)網(wǎng)站在設(shè)計(jì)過(guò)程所應(yīng)考慮的內(nèi)容包括:定位網(wǎng)站主題、名稱、色彩,確定欄目和布局,文字編排和插圖的選??;確定導(dǎo)航結(jié)構(gòu)、首屏的設(shè)計(jì)、交互性與親和力,考慮不同的瀏覽器和分辨率,動(dòng)畫(huà)與新技術(shù)的運(yùn)用取舍。歸類(lèi)起來(lái),網(wǎng)站設(shè)計(jì)包含兩個(gè)方面:一方面是網(wǎng)站元素的設(shè)計(jì),包括圖文聲像等;另一方面是網(wǎng)站的延伸設(shè)計(jì),即界面美化。
網(wǎng)站設(shè)計(jì)的界面美化,就是指網(wǎng)站的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)。網(wǎng)站設(shè)計(jì)包含元素很多,如何把握整體,設(shè)計(jì)富于個(gè)性和諧的網(wǎng)站呢?本文試圖用最簡(jiǎn)明的語(yǔ)言來(lái)說(shuō)明:
(1)圖形化界面是什么?
(2)風(fēng)格是什么,如何樹(shù)立網(wǎng)站風(fēng)格?
(3)創(chuàng)意是什么,如何產(chǎn)生創(chuàng)意?
2 圖形化界面
圖形可以理解為除攝影以外的一切圖和型。圖形以其獨(dú)特的表現(xiàn)力,在版面構(gòu)成中展示著獨(dú)特的視覺(jué)魅力。圖形能夠下意識(shí)地左右主題的傳播效果,圖形往往能引起人們的注意,并激發(fā)瀏覽興趣,圖形給人的視覺(jué)印象要優(yōu)于純粹的文字。
網(wǎng)頁(yè)是風(fēng)格和創(chuàng)意的最終表現(xiàn)舞臺(tái),是人機(jī)交互界面。無(wú)疑,將網(wǎng)頁(yè)看作是一個(gè)整體的圖形來(lái)
設(shè)計(jì)是很重要的設(shè)計(jì)思路,應(yīng)用穩(wěn)定、比例、節(jié)奏和統(tǒng)一等造型規(guī)律是創(chuàng)造美好形態(tài)的有效途徑[1]。
2.1 圖
圖的視覺(jué)沖擊力比文字大85%。合理地運(yùn)用圖形,可以生動(dòng)、直觀、形象地表現(xiàn)設(shè)計(jì)主題。一個(gè)好的圖形化界面,使用圖片數(shù)量并非多多益善。一兩幅質(zhì)量高精的圖片,就能形象鮮明突出,一針見(jiàn)血地突出主題。同時(shí),圖片的面積因素取決于圖片的重要程度。大面積的圖片往往用來(lái)渲染氣氛,可以產(chǎn)生較強(qiáng)的沖擊力。小面積圖片用于幫助和加深讀者的印象。
只有表達(dá)準(zhǔn)確、通俗易懂、簡(jiǎn)潔明快的圖形,才能表現(xiàn)強(qiáng)烈視覺(jué)沖擊力。不要將網(wǎng)頁(yè)的圖片、文字、動(dòng)畫(huà)孤立起來(lái),要把它有機(jī)地看作一個(gè)視覺(jué)整體,看作是一個(gè)圖形,便于公眾對(duì)網(wǎng)頁(yè)主題的認(rèn)識(shí)、理解與記憶。應(yīng)該注意的問(wèn)題:
(1)要有良好的視覺(jué)吸引力,以吸引讀者的注意力,避免使用過(guò)大的圖像;
(2)與網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格統(tǒng)一,如果不統(tǒng)一,就需要手動(dòng)美化;
(3)插圖中先聲明圖像大小,在IMG標(biāo)簽中插入聲明;
(4)若一定要使用大圖,要有預(yù)覽效果;
(5)盡量少用flash插件;
(6)動(dòng)畫(huà)與內(nèi)容有機(jī)結(jié)合;
(7)動(dòng)畫(huà)或圖像的位移要有方向性。
2.2 符號(hào)
圖形本身是視覺(jué)空間設(shè)計(jì)中的一種符號(hào)形象,它在傳遞網(wǎng)頁(yè)的文化、信息方面起到了不可忽視的作用。在圖形化界面設(shè)計(jì)中,符號(hào)的合理運(yùn)用,將影響著設(shè)計(jì)的形象思維表訴。符號(hào)有助于準(zhǔn)確傳達(dá)信息的隱喻和更豐富地表現(xiàn)對(duì)象。在網(wǎng)頁(yè)中,符號(hào)就象是路標(biāo),又象是招牌。富于想象力、創(chuàng)造力和超現(xiàn)實(shí)的符號(hào)設(shè)計(jì),是對(duì)網(wǎng)站內(nèi)涵的最好表達(dá),是傳遞情感的橋梁,在網(wǎng)頁(yè)界面中發(fā)揮著特有的藝術(shù)魅力。以卡通表情系列為特征的符號(hào)族越來(lái)越受到網(wǎng)民的歡迎,相信大家對(duì)QQ的表情難以釋?xiě)寻?。因此,彰顯網(wǎng)站風(fēng)格莫過(guò)于擁有一套屬于自己的符號(hào)。
2.3 文字
文字的圖形化特征,歷來(lái)是設(shè)計(jì)師們樂(lè)此不疲的創(chuàng)作素材。以圖造字早在上古時(shí)期的甲骨文就開(kāi)始了。至今其文字結(jié)構(gòu)依然符合圖形審美的構(gòu)成原則。文字在網(wǎng)頁(yè)中具有這些特性:適合性、明確性、易讀性、美觀性和創(chuàng)新性。
文字圖形,就是將文字作為最基本單位的點(diǎn),線,面出現(xiàn)在版面編排中。使網(wǎng)頁(yè)整體達(dá)到圖文并茂。文字是視覺(jué)上僅次于圖形的部分。在進(jìn)行文字編排時(shí),把文字面積化,為版面的編排創(chuàng)造緊湊、舒暢等效果,以產(chǎn)生節(jié)奏、韻律和視覺(jué)沖擊力。
文字編排的創(chuàng)意手法:
(1)控制界面的四角和對(duì)角線作為界面文字編排的基本手法,會(huì)使瀏覽者產(chǎn)生種穩(wěn)定、可靠的視覺(jué)感受;
(2)按事先設(shè)定的幾何圖形的輪廓來(lái)編排文字的構(gòu)成,可以使界面形式顯得新穎活潑;
(3)在完整的文字編排形式中安排部分非規(guī)律性造型以形成錯(cuò)落變化,產(chǎn)生特異的效果;
(4)將文字符號(hào)與其他構(gòu)成元素疊加使用,通過(guò)圖文疊加,文字邊緣處理,文字缺損或破裂,增加趣味感;
(5)分離排列,將屬于一個(gè)文字群體的部分字符獨(dú)立出來(lái)加以排列,使界面活潑而富有情趣。
3 確定網(wǎng)站的整體風(fēng)格
網(wǎng)站不僅具有良好的閱讀功能,還需要頁(yè)面整潔、美觀,最好能有獨(dú)特的吸引視覺(jué)的效果。如果沒(méi)有獨(dú)特的個(gè)性化視覺(jué)設(shè)計(jì),一個(gè)網(wǎng)站即使在其他方面都考慮周全,也只會(huì)平庸而乏味,缺少良好的欣賞功能。
風(fēng)格是抽象的,是指網(wǎng)站的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的logo,色彩,字體,標(biāo)語(yǔ),版面布局,瀏覽方式,交互性,文字,語(yǔ)氣,內(nèi)容價(jià)值,存在意義,人文歷史等等諸多因素。舉個(gè)例子:百度是平易近人的,NBA是生動(dòng)激情的,IBM是專業(yè)嚴(yán)肅的。這些都是網(wǎng)站給人們留下的不同感受。
風(fēng)格是獨(dú)特的,是網(wǎng)站互相區(qū)別的地方?;蚴巧?、或是技術(shù)、或是交互方式,能讓瀏覽者明確分辨出是該網(wǎng)站獨(dú)有的。例如,QQ與MSN即使你只看一眼,也就記住了。
風(fēng)格是有人性的。通過(guò)網(wǎng)站的外表、內(nèi)容、文字、交流可以概括出一個(gè)站點(diǎn)的個(gè)性、情緒?;蚴菧匚娜逖?,或是執(zhí)著熱情,或是活潑易變,或是放任不羈。尤如詩(shī)詞中的“豪放派”和“婉約派”。
有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于:普通網(wǎng)站讓人看到的只是堆砌在一起的信息,只能用理性的感受來(lái)描述,比如信息量大小,瀏覽速度快慢。而當(dāng)你瀏覽過(guò)有風(fēng)格的網(wǎng)站后,能有更深一層的感性認(rèn)識(shí),比如親和力和品位。
那么風(fēng)格是什么?一句話:與眾不同!
網(wǎng)站設(shè)計(jì)風(fēng)格總體分為內(nèi)容型和風(fēng)格型兩大類(lèi)。內(nèi)容型結(jié)構(gòu)嚴(yán)謹(jǐn),內(nèi)容規(guī)范,便于大信息量的傳遞,多為公司企業(yè)、服務(wù)機(jī)構(gòu)等網(wǎng)絡(luò)應(yīng)用;風(fēng)格型網(wǎng)頁(yè)構(gòu)思新穎別致,色彩豐富,平面感覺(jué)強(qiáng),多為時(shí)尚網(wǎng)站,相關(guān)行業(yè)網(wǎng)站所用。樹(shù)立網(wǎng)站風(fēng)格大致可分幾個(gè)步驟:
首先,確信風(fēng)格是建立在有價(jià)值的內(nèi)容之上,這是前提。沒(méi)有內(nèi)容的網(wǎng)站是沒(méi)有生命力的。
然后,需要徹底搞清楚自己希望站點(diǎn)給人的印象是什么??梢詮倪@幾方面來(lái)理清思路:
(1)如果只用一句話來(lái)描述你的站點(diǎn),應(yīng)該是:有創(chuàng)意、專業(yè)、實(shí)力、美感、或是沖擊力?
(2)想到你的站點(diǎn),可以聯(lián)想到的色彩是:熱情的紅色,幻想的蘭色或是聰明的金黃色?
(3)想到你的站點(diǎn),可以聯(lián)想到的畫(huà)面是:專柜、超市或是雜貨店?是會(huì)所、車(chē)站或是山居?
(4)如果網(wǎng)站是一個(gè)人,他擁有的個(gè)性是:思想成熟的中年人,狂野奔放的牛仔或是自信憨厚的創(chuàng)業(yè)者?
(5)作為站長(zhǎng),你希望給人的印象是:敬業(yè),投入,有深度,負(fù)責(zé),純真,直爽或是淑女?
(6)瀏覽者覺(jué)得你和其他網(wǎng)站的不同是:可以信賴,信息最快或是交流方便?
(7)瀏覽者和你交流合作的感受是:師生,同事,朋友或是長(zhǎng)幼?
通過(guò)上述的比較找到網(wǎng)站的定位、受眾群、現(xiàn)在的差距,弱點(diǎn)及需要改進(jìn)的地方。
最后,在明確自己的網(wǎng)站印象后,開(kāi)始努力建立和加強(qiáng)這種印象。
經(jīng)過(guò)第二步印象的“量化”后,需要進(jìn)一步找出其中最有特色特點(diǎn)的東西,就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化、宣傳。例如:再次審查網(wǎng)站名稱、域名、欄目名稱是否符合這種個(gè)性,是否易記。審查網(wǎng)站標(biāo)準(zhǔn)色彩是否容易聯(lián)想到這種特色,是否能體現(xiàn)網(wǎng)站的性格等等。具體的做法,沒(méi)有定式,以下是一些參考[2]:
(1)將網(wǎng)站標(biāo)志logo,盡可能出現(xiàn)在每個(gè)頁(yè)面上;
(2)突出標(biāo)準(zhǔn)色彩。文字的鏈接色彩、圖片的主色彩、背景色、邊框等色彩盡量使用與標(biāo)準(zhǔn)色彩一致的色彩;
(3)突出標(biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題、菜單和圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體;
(4)使用瑯瑯上口的宣傳標(biāo)語(yǔ),做在圖標(biāo)里或是放在醒目的位置,傳遞網(wǎng)站的特色。
樹(shù)立網(wǎng)站的風(fēng)格還可以從以下幾個(gè)方面入手:
(1)色調(diào):是活潑還是莊重,是素還是艷;
(2)畫(huà)面:需要考慮是寫(xiě)實(shí)還是寫(xiě)意,是體現(xiàn)專業(yè)性還是大眾化,是為兒童還是為成人;
(3)簡(jiǎn)繁:是追求簡(jiǎn)潔還是花哨,依據(jù)不同性質(zhì)的網(wǎng)站而定。
風(fēng)格的形成不是一次定位的,要在實(shí)踐中不斷強(qiáng)化,調(diào)整,修飾,直到有一天,網(wǎng)站深入人心,成為傳遞公司形象的橋梁。
4 網(wǎng)站創(chuàng)意
創(chuàng)意,在這里指的是站點(diǎn)的整體創(chuàng)意,是網(wǎng)站生存的關(guān)鍵。然而作為網(wǎng)頁(yè)設(shè)計(jì)師,最苦惱的就是沒(méi)有好的創(chuàng)意來(lái)源。
創(chuàng)意到底是什么,如何產(chǎn)生創(chuàng)意呢?實(shí)質(zhì)上,創(chuàng)意是傳達(dá)信息的一種特別方式。
比如文字“武”用兩種顏色書(shū)寫(xiě),拆成“止”和“戈”,達(dá)到字面和內(nèi)含的統(tǒng)一,這其實(shí)就是一種創(chuàng)意!創(chuàng)意并不是天才者的靈感,而是思考的結(jié)果。根據(jù)美國(guó)廣告學(xué)教授詹姆斯的研究,創(chuàng)意思考的過(guò)程分五階段:
(1)準(zhǔn)備期--研究所搜集的資料,根據(jù)舊經(jīng)驗(yàn),啟發(fā)新創(chuàng)意;
(2)孵化期--將資料咀嚼消化,使意識(shí)自由發(fā)展,任意結(jié)合;
(3)啟示期--意識(shí)發(fā)展并結(jié)合,產(chǎn)生創(chuàng)意;
(4)驗(yàn)證期--將產(chǎn)生的創(chuàng)意討論修正;
(5)形成期--設(shè)計(jì)制作網(wǎng)頁(yè),將創(chuàng)意具體化。
創(chuàng)意是圍繞網(wǎng)站的主題,將現(xiàn)有的要素重新組合。
比如,演員、道具和劇本的結(jié)合,產(chǎn)生戲劇。從這一點(diǎn)上出發(fā),任何人,包括你和我,都可以創(chuàng)造出不同凡響的創(chuàng)意。而且,資料越豐富,越容易產(chǎn)生創(chuàng)意。就好比萬(wàn)花筒,筒內(nèi)的玻璃片越多,所呈現(xiàn)的圖案越多。不難發(fā)現(xiàn),網(wǎng)絡(luò)上的最多的創(chuàng)意來(lái)自與現(xiàn)實(shí)生活的結(jié)合(或者虛擬現(xiàn)實(shí)),例如在線書(shū)城,社區(qū),淘寶。你是否想到了一種更好的創(chuàng)意呢?
創(chuàng)意思考的途徑最常用的是聯(lián)想,這里提供了網(wǎng)站創(chuàng)意的14種聯(lián)想表現(xiàn):直接展示、象征、夸張、幽默、對(duì)比、圖解、比喻、反常、擬人、懸念、改變外觀、卡通、空間、名人效應(yīng)。具體的創(chuàng)意手段可以是縮放、更換顏色、重復(fù)、發(fā)散、重組、倒置、動(dòng)態(tài)等等。
值得一提的是:創(chuàng)意的目的是更好的表現(xiàn)、宣傳推廣網(wǎng)站。如果創(chuàng)意很好,卻對(duì)網(wǎng)站發(fā)展毫無(wú)意義,好比脫褲子放屁,那么,我們應(yīng)該放棄這個(gè)創(chuàng)意。
5 結(jié)束語(yǔ)
網(wǎng)站設(shè)計(jì)是集藝術(shù)創(chuàng)意與多媒體技術(shù)于一體的過(guò)程,圖形化界面處理、網(wǎng)站的風(fēng)格把握和創(chuàng)意設(shè)計(jì)是相輔相成的。應(yīng)用形態(tài)美的規(guī)律,對(duì)頁(yè)面元素進(jìn)行綜合設(shè)計(jì),是產(chǎn)生和諧美的基礎(chǔ)。而一個(gè)唯美、個(gè)性張揚(yáng)的網(wǎng)站設(shè)計(jì)是建立在風(fēng)格獨(dú)特、富有創(chuàng)意和頁(yè)面和諧美的基礎(chǔ)上。通過(guò)本文的分析,不難發(fā)現(xiàn),網(wǎng)站“設(shè)計(jì)”是有章可循的。
參考文獻(xiàn):
1.1網(wǎng)站功能和內(nèi)容
1)用戶管理
所謂用戶管理,所指的就是用戶管理員,針對(duì)全部的用戶開(kāi)展系統(tǒng)管理,按照用戶的不同,會(huì)在一定意義上包含:學(xué)生權(quán)限和管理員權(quán)限,計(jì)算機(jī)實(shí)驗(yàn)室網(wǎng)站設(shè)計(jì)當(dāng)中的首要操作程序,就是注冊(cè)登錄流程,若不進(jìn)行注冊(cè)登錄的狀態(tài)下,只可以利用游客的身份在網(wǎng)站中瀏覽,根據(jù)身份的不同性質(zhì)進(jìn)行網(wǎng)站的登錄之后,能夠看到不同形式的界面。該系統(tǒng)能夠利用用戶權(quán)限的設(shè)置,對(duì)網(wǎng)絡(luò)安全中的安全訪問(wèn)系統(tǒng)以及防火墻進(jìn)行有效的安裝,會(huì)對(duì)整體的系統(tǒng)安全進(jìn)行維護(hù)。
2)課程管理
課程管理中,所進(jìn)行的查詢流程,是對(duì)課程的安排時(shí)間進(jìn)行查詢,具體會(huì)使用SQL查詢語(yǔ)句。在安排實(shí)驗(yàn)方面,主要是對(duì)該學(xué)期的實(shí)驗(yàn)安排進(jìn)行整合,一方面可以讓進(jìn)行實(shí)驗(yàn)的學(xué)生們?cè)诘谝粫r(shí)間將實(shí)驗(yàn)的時(shí)間有所掌握,另一方面還能夠讓實(shí)驗(yàn)的學(xué)生們?cè)谝欢ǔ潭壬戏乐乖诟叻迤谶M(jìn)行實(shí)驗(yàn),在利用實(shí)驗(yàn)中心方面是較為合理有效的。在開(kāi)展實(shí)驗(yàn)記錄的過(guò)程中,需要在計(jì)算機(jī)當(dāng)中將學(xué)生的實(shí)驗(yàn)狀況仔細(xì)的記錄,有助于對(duì)學(xué)生開(kāi)展細(xì)致的統(tǒng)計(jì),對(duì)于實(shí)驗(yàn)所涉及到的知識(shí)掌握度能夠充分掌握。此外,在課程管理方面還包含信息欄方面,信息欄能夠給予相應(yīng)的新型信息,教師和學(xué)生的關(guān)鍵通知和告示能夠真實(shí)的。
1.2網(wǎng)站技術(shù)和結(jié)構(gòu)
實(shí)驗(yàn)室網(wǎng)站設(shè)計(jì)的主要目的就是,想要實(shí)現(xiàn)具備用戶信息管理以及實(shí)驗(yàn)課程查詢的功能,以便將教學(xué)的實(shí)驗(yàn)水平提升。通過(guò)網(wǎng)絡(luò)以及多媒體的應(yīng)用環(huán)境,要保證實(shí)事求是的原則,以整體的發(fā)展為關(guān)鍵,將實(shí)驗(yàn)安排合理開(kāi)展,同時(shí)分步驟的對(duì)其實(shí)現(xiàn),要讓整體的系統(tǒng)架構(gòu)能夠在局域網(wǎng)中體現(xiàn),力求實(shí)現(xiàn)WEB的三層結(jié)構(gòu)技術(shù)形式。在WEB三層結(jié)構(gòu)當(dāng)中,具體所具備的邏輯是實(shí)現(xiàn)在中間層應(yīng)用服務(wù)器中的。
2系統(tǒng)的實(shí)現(xiàn)
2.1網(wǎng)站安全的設(shè)計(jì)
在B/S模式不斷發(fā)展的過(guò)程中,B/S對(duì)應(yīng)用程序的編寫(xiě)越來(lái)越廣泛??墒且?yàn)榇蠖鄶?shù)程序員所具備的經(jīng)驗(yàn)水平尚淺,促使程序員在對(duì)代碼進(jìn)行編寫(xiě)的過(guò)程中,不能夠明確的判定用戶輸入的數(shù)據(jù)是否擁有合法性,造成安全隱患的頻繁出現(xiàn)。用戶需要將數(shù)據(jù)庫(kù)當(dāng)中的查詢代碼正確提交,按照程序所回應(yīng)的結(jié)果,獲取想要查找的數(shù)據(jù)信息,就是所謂的SQLInjection,簡(jiǎn)稱為SQL注入。
2.2前臺(tái)的系統(tǒng)實(shí)現(xiàn)
前臺(tái)的系統(tǒng)主要包含的功能模塊有兩個(gè),其一為主頁(yè)的功能塊,其二為實(shí)驗(yàn)室的簡(jiǎn)介模塊。兩者分別擁有著不同的設(shè)計(jì)功能和設(shè)計(jì)思想。其中的主頁(yè)功能塊,顯著的要點(diǎn)為主頁(yè),用戶在第一眼所能夠看到的網(wǎng)頁(yè)就是主頁(yè),可以直接影響用戶看待網(wǎng)站的印象是怎樣的,會(huì)和網(wǎng)站訪問(wèn)量有著密切的聯(lián)系,所以需要重點(diǎn)設(shè)計(jì)網(wǎng)站的圖片以及色調(diào)等美化層面。
3后臺(tái)的系統(tǒng)實(shí)現(xiàn)
3.1系統(tǒng)的管理模塊
普通用戶在登陸之后,能夠查看、修改自己的信息。管理員在登陸之后能夠修改、刪除全部用戶的信息,能夠編輯文章發(fā)表欄和公告欄。此外,還能夠編輯、查詢課程表,擁有的權(quán)限較高。所設(shè)計(jì)的計(jì)算機(jī)實(shí)驗(yàn)室網(wǎng)站,能夠?qū)⒄n程的管理功能充分實(shí)現(xiàn),主要包含:課程表錄入編輯以及課程查詢等功能。在查詢課程表時(shí),能夠?qū)⑤^多條件的查詢有所實(shí)現(xiàn),比如:利用輸入專業(yè)的關(guān)鍵詞情況下,對(duì)任課的教師和相應(yīng)課程進(jìn)行查詢;利用輸入教師的姓名內(nèi)容,可以對(duì)課程時(shí)間進(jìn)行查詢等等的方式,有利于教師的有效辦公。在修改課程表的過(guò)程中,需要將查詢放在首位,在查詢之后需要修改或者刪除查詢結(jié)果,在修改階段,網(wǎng)站系統(tǒng)會(huì)將限制性的語(yǔ)句有所設(shè)置,利用SQL對(duì)語(yǔ)句查詢,從而對(duì)輸入的信息能夠和課程安排發(fā)生的沖突,進(jìn)行相應(yīng)的判斷,如果發(fā)生沖突的情況下,會(huì)將輸入有誤的對(duì)話框彈出給予提示,讓其重新輸入。
3.2用戶所注冊(cè)的登陸模塊
在首頁(yè)中的登陸框中需要有兩個(gè)主要按鈕的設(shè)置,分別為注冊(cè)按鈕和登陸按鈕。其中需要將用戶名與密碼輸入在登陸框中,對(duì)登陸按鈕按下能夠登陸到用戶的信息頁(yè)面當(dāng)中,對(duì)注冊(cè)按鈕按下就能夠與管理員的登陸界面相應(yīng)連接,也就是要在網(wǎng)頁(yè)的界面當(dāng)中設(shè)置登陸框,要對(duì)管理員密碼的輸入有所提示。管理員在登陸之后,就能夠?qū)W(xué)生注冊(cè)的操作流程予以實(shí)現(xiàn),需要關(guān)注的一點(diǎn)就是,對(duì)于該設(shè)計(jì)只需要管理員對(duì)注冊(cè)操作相應(yīng)開(kāi)展。學(xué)生在登陸之后,只能夠進(jìn)入到自身的學(xué)生頁(yè)面當(dāng)中,能夠?qū)⒆约旱牧粞园辶粞砸约耙恍〔糠值男畔⒂袡?quán)利修改,管理員在登陸之后,能夠做修改、刪除以及插入等有關(guān)操作流程。
4總結(jié)
級(jí)別:省級(jí)期刊
榮譽(yù):Caj-cd規(guī)范獲獎(jiǎng)期刊
級(jí)別:部級(jí)期刊
榮譽(yù):中國(guó)優(yōu)秀期刊遴選數(shù)據(jù)庫(kù)
級(jí)別:省級(jí)期刊
榮譽(yù):中國(guó)期刊全文數(shù)據(jù)庫(kù)(CJFD)
級(jí)別:CSCD期刊
榮譽(yù):中國(guó)優(yōu)秀期刊遴選數(shù)據(jù)庫(kù)
級(jí)別:省級(jí)期刊
榮譽(yù):中國(guó)優(yōu)秀期刊遴選數(shù)據(jù)庫(kù)