2016-12-14 分類: 網站建設
現在還有許多人都在盲意圖認為,只需用好了軟件,就能搞好網頁規劃了。其實網頁規劃是一個理性思考與理性分析相結合的復雜的進程,它的方向取決于規劃的使命,它的完結依賴于網頁的制造。正所謂“功夫在詩外”,網頁規劃中最重要的東西,并非在軟件的運用上,而是在咱們對網頁規劃的理解以及規劃制造的水平上,在于咱們自身的美感以及對頁面的掌握上。首先,咱們要弄清楚網頁規劃的使命。
一、規劃的使命
規劃是一種審美活動,成功的規劃著作一般都很藝術化。但藝術僅僅規劃的方法,而并非規劃的使命。規劃的使命是要完結規劃者的意圖,而并非發明美。網頁規劃的使命,是指規劃者要體現的主題和要完結的功用。站點的性質不同,規劃的使命也不同。從方法上,能夠將站點分為以下三類。第一類是資訊類站點,像新浪、網易、搜狐等門戶網站。這類站點將為拜訪者提供大量的信息,并且拜訪量較大。因而需留意頁面的切割、結構的合理、頁面的優化、界面的親和等問題。第二類是資訊和形象相結合的網站,像一些較大的公司、國內的高校等。這類網站在規劃上要求較高,既要確保資訊類網站的上述要求,一同又要杰出企業、單位的形象。然而就現狀上來看,這類網站有粗制濫造的嫌疑。第三類則是形象類網站,比方一些中小型的公司或單位。這類網站一般較小,有的則有幾頁,需求完結的功用也較為簡略,網頁規劃的首要使命是杰出企業形象。這類網站對規劃者的美工水平要求較高。當然,這僅僅從全體上來看,詳細情況還要詳細分析。不同的站點還要區別對待。別忘了最重要的一點,那便是客戶的要求,它也歸于規劃的使命。清晰了規劃的使命之后,接下來要想的便是怎么完結這個使命了。
二、規劃的完結
規劃的完結能夠分為兩個部分。第一部分為站點的規劃及草圖的制造,這一部分能夠在紙上完結。第二部分為網頁的制造,這一進程是在計算機上完結的。1、方針清晰、定位正確
2、主題鮮明、富有特征在方針清晰的基礎上,完結網站的構思構思即全體規劃計劃。對網站的全體風格和特征作出定位,規劃網站的安排結構。要做到主題鮮明杰出,力求簡潔,要害清晰,以簡略清晰的言語和畫面告知咱們本站點的主題,吸引對本站點有需求的人的視野,對無關的人員也能留下必定的形象。關于一些職業標志和公司的標志應充沛加以運用。
3、版式編列布局合理網頁規劃作為一種視覺言語,當然要考究編列和布局,雖然主頁的規劃不等同于平面規劃,但它們有許多附近之處,應充沛加以運用和借鑒。版式規劃經過文字圖形的空間組合,表達出諧和與美。版式規劃經過視覺要素的理性分析,和嚴厲的方法構成訓練,培育對全體畫面的掌握才能和審美才能。一個優異的網頁規劃者也應該知道哪一段文字圖形該落于何處,才能使整個網頁生輝。努力做到全體布局合理化、有序化、全體化。優異之作,善于以奇妙、合理的視覺方法使一些言語無法表達的思維得以闡述,做到豐厚多樣而又簡潔明了。多頁面站點頁面的編列規劃要求把頁面之間的有機聯系反映出來,這兒首要的問題是頁面之間和頁面內的次序與內容的聯系。為了達到好的視覺體現作用,應考究全體布局的合理性。特別是聯系非常嚴密的有上下文聯系的頁面,必定規劃有向前和向后的按鈕,便于閱讀者仔細研讀。站點規劃簡略有序,主次聯系清楚,將零亂的頁面,安排進程稠濁的內容依全體布局的需求進行分組歸納,經過進行具有內在聯系的安排擺放,反復推敲文字、圖形與空間的聯系,使閱讀者有一個流通的視覺體驗。
4、顏色諧和要害杰出色調及黑、白、灰的三色空間聯系不管在規劃還是在繪畫方面都起著重要的作用。在頁面上必定得清晰調性,而其它有色或無色的內容均屬黑、白、灰的三色空間聯系,從而構成它們的空間層次。顏色是藝術體現的要素之一,它是光刺激眼睛再傳導到大腦中樞而發生的一種感覺。在網頁規劃中,依據諧和、均衡和要害杰出的準則,將不同的顏色進行組合、調配來構成美麗的頁面。運用顏色對人們心思的影響的成果,合理地加以運用。依照顏色的記憶性準則,一般暖色較冷色的記憶性強。顏色還具有聯想與標志的特質,一般來說,赤色是火的顏色,熱情、奔放;也是血的顏色,能夠標志生命。黃色是明度高的顏色,顯得富麗、尊貴、明快。綠色是大天然草木的顏色,意味著純天然和成長,標志安寧平和與安全,如綠色食品。紫色是尊貴的標志,有莊重感。白色能給人以純真與清白的感覺,表示平和與純潔。不同的顏色調配所體現出來的作用也不同。比方綠色和金黃、淡白調配,能夠發生優雅,舒適的氣氛。藍色和白色混合,能體現柔順、濃艷、浪漫的氣氛。赤色和黃色、金色的調配能渲染喜慶的氣氛。而金色和粟色的調配則會給人帶來暖意。規劃的使命不同,配色計劃也隨之不同。考慮到網頁的適應性,應盡量運用網頁安全色。但顏色的運用并沒有必定的規律,假如必定要用某個規律去套,作用只會適得其反。經歷上咱們可先確認一種能體現主題的主體色,然后依據詳細的需求,運用顏色的近似和比照來完結整個頁面的配色計劃。整個頁面在視覺上應是一個全體,以達到諧和、悅意圖視覺作用。在顏色的運用進程中,還應留意的一個問題是:因為國家和種族的不同,宗教和崇奉的不同,生活的地理位置、文明涵養的差異,不同的人群對顏色的喜惡程度有著很大差異。如:兒童喜愛比照激烈、特性鮮明的純顏色;生活在草原上的人喜愛赤色;生活在鬧市中的人喜愛濃艷的顏色;生活在沙漠中的人喜愛綠色。在規劃中要考慮首要讀者群的布景和構成。
5、方法內容諧和共同方法服務于內容,內容又為意圖服務,方法與內容的共同是規劃網頁的底子準則之一。畫面的安排準則中,將豐厚的意義和多樣的方法安排在一個共同的結構里,方法言語必須契合頁面的內容,體現內容的豐厚含義。運用比照與諧和,對稱與平衡,節奏與韻律以及留白等方法,如經過空間、文字、圖形之間的相互聯系建立全體的均衡狀況,發生諧和的美感。如對稱準則在頁面規劃中,它的均衡有時會使頁面顯得板滯,但假如參加一些動感的的文字、圖畫,或選用夸張的方法來體現內容往往會達到比較好的作用。
接下來咱們要做的便是經過軟件的運用,將規劃的藍圖變為實踐,終究的集成一般是在Dreamweaver里完結的。雖然在草圖上,咱們定出了頁面的大體概括,可是構思一般都是在制造進程中發生的。規劃著作必定要有構思,這是最底子的要求,沒有構思的規劃是失敗的。在制造的進程中,咱們會碰到許多問題,其中最靈敏的莫過于頁面的顏色了。
三、顏色的運用
顏色是一種古怪的東西,它是美麗而豐厚的,它能喚起人類的心構思知。一般來說,赤色是火的顏色,熱情、奔放;也是血的顏色,能夠標志生命。黃色是明度高的顏色,顯得富麗、尊貴、明快。綠色是大天然草木的顏色,意味著純天然和成長,標志安寧平和與安全,如綠色食品。紫色是尊貴的標志,有莊重感。白色能給人以純真與清白的感覺,表示平和與純潔。咱們知道,顏色是光的折射發生的,紅、黃、藍是三原色,其它的顏色都能夠用這三種顏色諧和而成。換一種思路,咱們能夠用顏色的變化來體現光影作用,這無疑將使咱們的著作更貼近實踐。顏色代表了不同的情感,有著不同的標志含義。這些標志含義是人們思維交流傍邊的一個復雜問題,它因人的年齡、地域、時代、民族、階層、經濟區域、工作才能、教育水平、風俗習慣、宗教崇奉、生活環境、性別差異而有所不同。單純的顏色并沒有實踐的意義,和不同的顏色調配,它所體現出來的作用也不同。比方綠色和金黃、淡白調配,能夠發生優雅,舒適的氣氛。藍色和白色混合,能體現柔順、濃艷、浪漫的氣氛。赤色和黃色、金色的調配能渲染喜慶的氣氛。而金色和粟色的調配則會給人帶來暖意。規劃的使命不同,配色計劃也隨之不同。考慮到網頁的適應性,應盡量運用網頁安全色。但顏色的運用并沒有必定的規律,假如必定要用某個規律去套,作用只會適得其反。經歷上咱們可先確認一種能體現主題的主體色,然后依據詳細的需求,運用顏色的近似和比照來完結整個頁面的配色計劃。整個頁面在視覺上應是一個全體,以達到諧和、悅意圖視覺作用。
四、造型的組合
在網頁規劃中,咱們首要經過視覺傳達來體現主題。在視覺傳達中,造型是很重要的一個元素。拋去是圖還是文字的問題,畫面上的一切元素能夠共同作為畫面的底子構成要素點、線、面來進行處理。在一幅成功的著作里,是需求點、線、面的共同組合與調配來構造整個頁面的。一般咱們能夠運用的組合方法有次序、比例、均衡、對稱、接連、距離、堆疊、反復、穿插、節奏、韻律、歸納、變異、特寫、反射等等,它們都有各自的特色。在規劃中應依據詳細情況,選擇最適合的體現方法,這樣有利于主題的體現。經過點、線、面的組合,能夠杰出頁面上的重要元素,杰出規劃的主題,增強美感,讓觀者在感受美的進程中領會規劃的主題,從而完結規劃的使命。造型的奇妙運用不只能帶來極大的美感,并且能較好地杰出企業形象,并且能將網頁上的各種元素有機的安排起來,它乃至還能夠引導觀者的視野。
五、規劃的準則
規劃是有準則的,不管運用何種方法對畫面中的元素進行組合,都必定要遵循五個大的準則:共同、連接、切割、比照及諧和。共同,是指規劃著作的全體性,共同性。規劃著作的全體作用是至關重要的,在規劃中切勿將各組成部分孤立渙散,那樣會使畫面呈現出一種枝蔓紛雜的雜亂作用。連接,是指要留意頁面的相互聯系。規劃中應運用各組成部分在內容上的內在聯系和體現方法上的相互照應,并留意整個頁面規劃風格的共同性,完結視覺上和心思上的連接,使整個頁面規劃的各個部分極為融洽,猶如一氣呵成。切割,是指將頁面分成若干小塊,小塊之間有視覺上的不同,這樣能夠使觀者一望而知。在信息量許多時為使觀者能夠看清楚,就要留意到將畫面進行有效的切割。切割不只是體現方法的需求。換個角度來講,切割也能夠被視為關于頁面內容的一種分類歸納。比照便是經過矛盾和抵觸,使規劃愈加富有氣憤。比照方法許多,例如:多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等等。在運用比照的時分應穩重,比照過強容易破壞美感,影響共同。諧和是指整個頁面契合美的規律,天衣無縫。假如一件規劃著作僅僅是顏色、形狀、線條等的隨意混合,那么著作將不但沒有“生命感”,并且也底子無法完結視覺規劃的傳達功用。諧和不只要看結構方法,并且要看著作所形成的視覺作用能否與人的視覺感受形成一種溝通,發生心靈的共識。這是規劃能否成功的要害。
六、網頁的優化
在網頁規劃中,網頁的優化是較為重要的一個環節。它的成功與否會影響頁面的閱讀速度和頁面的適應性,影響觀者對網站的形象。在資訊類網站中,文字是頁面中大的構成元素,因而字體的優化顯得尤為重要。運用css款式表指定文字的款式是必要的,一般咱們將字體指定為宋體,巨細指定為12px,顏色要視布景色而定,準則上以能看清且與整個頁面調配諧和為準。在白色的布景上,咱們一般運用黑色,這樣不易發生視覺疲勞,能確保閱讀者較長時刻地閱讀網頁。圖片是網頁中的重要元素。圖片的優化能夠在確保閱讀質量的前提下將其size降至最低,這樣能夠成倍地提高網頁的下載速度。運用Photoshop6或Fireworks4能夠將圖片切成小塊,分別進行優化。輸出的格局能夠為gif或jpeg,要視詳細情況而定。一般咱們把有較為復雜顏色變化的小塊優化為jpeg,而把那種只有單純色塊的卡通畫式的小塊優化為gif,這是由這兩種格局的特色決議的。表格(table)是頁面中的重要元素,是頁面排版的首要方法。咱們能夠設定表格的寬度、高度、邊框、布景色、對齊方法等參數。許多時分,咱們將表格的邊框設為0,以此來定位頁面中的元素,或許籍此確認頁面中各元素的相對位置。咱們知道:閱讀器在讀取網頁html原代碼時,是讀完整個table才將它顯示出來的。假如一個大表格中含有多個子表格,必須等大表格讀完,才能將子表格一同顯示出來。咱們在拜訪一些站點時,等候多時無結果,按"中止"按鈕卻一下顯示出頁面便是這個原因。因而,咱們在規劃頁面表格的時分,應該盡量避免將一切元素嵌套在一個表格里,并且表格嵌套層次盡量要少。在運用Dreamweaver制造網頁時,會主動在每一個td內增加一個空字符“ ”。假如單元格內沒有填充其它元素,這個空字符會保存,在指定td的寬度或高度后,能夠在源代碼內將其刪去。網頁的適應性是很重要的,在不同的體系上,不同的分辨率下,不同的閱讀器上,咱們將會看到不同的結果,因而規劃時要統籌考慮。一般咱們在800*600下制造網頁,好閱讀作用也是在800*600分辨率下,在其它情況下只需確保底子共同,不出現較大問題即可
分享文章:怎么規劃好一個網站
URL鏈接:http://m.newbst.com/news/71801.html
成都網站建設公司_創新互聯,為您提供App開發、企業網站制作、營銷型網站建設、小程序開發、App設計、網站維護
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容