當前位置:法律諮詢服務網 - 企業資訊 - 網站怎麽設計?

網站怎麽設計?

第壹,設計的任務

設計是壹種審美活動,成功的設計作品壹般都具有藝術性。但藝術只是設計的手段,而不是設計的任務。設計的任務是實現設計師的意圖,而不是創造美。

網頁設計的任務是指設計者要表達的主題和要實現的功能。站點性質不同,設計任務也不同。從形式上看,網站可以分為以下三類。

第壹類是資訊類網站,如新浪、網易、搜狐等門戶網站。這種網站會給訪問者提供大量的信息和大量的訪問者。所以要註意頁面分割、結構合理、頁面優化、界面親和力等問題。

第二類是信息和形象結合的網站,比如壹些大公司和國內高校。這類網站在設計上要求較高,既要保證信息類網站的上述要求,又要突出企業和單位的形象。但就目前情況來看,這類網站涉嫌粗制濫造。

第三類是形象網站,比如壹些中小公司或者單位。這類網站壹般比較小,有的有好幾個頁面,需要實現的功能也比較簡單。網頁設計的主要任務是突出企業形象。這類網站要求設計師有較高的藝術水平。

當然,這只是從整體來看,具體情況需要具體分析。不同的站點應該區別對待。別忘了最重要的壹點,那就是客戶的要求,這也屬於設計任務。

定義了設計任務之後,接下來要考慮的就是如何完成這個任務。

二、設計的實現

設計的實現可以分為兩部分。第壹部分是場地規劃和草圖繪制,可以在紙上完成。第二部分是網頁的制作,在電腦上完成。

設計主頁的第壹步是設計布局。我們可以像傳統的報紙雜誌壹樣編輯網頁,網頁中包含文字、圖像甚至動畫。我們要做的就是把圖片和文字以最合適的方式排列在頁面的不同位置。除了有壹臺配置良好的計算機,軟件也是必要的。不能簡單的說壹個軟件的好壞,只要設計人員使用起來方便、得心應手,就可以稱之為好軟件。當然要符合設計師的要求。筆者常用的軟件有Macromedia的Dreamweaver、Fireworks和Flash以及Adobe的Photoshop和imageready,都是非常不錯的軟件。接下來我們要做的就是通過軟件的使用將設計藍圖變成現實,最後的集成壹般在Dreamweaver中完成。雖然我們已經在草圖中定義了頁面的大致輪廓,但靈感通常是在制作過程中產生的。設計作品壹定要有創意,這是最基本的要求。沒有創意的設計是失敗的。在制作的過程中,我們會遇到很多問題,其中最敏感的就是頁面的顏色。

第三,色彩的運用

顏色是壹種奇怪的東西,它美麗而豐富,它能喚起人類心靈的感知。壹般來說,紅色是火的顏色,熱情奔放;也是血的顏色,可以象征生命。黃色是亮度最高的顏色,華麗、高貴、明亮。綠色是天然植被的顏色,意味著純凈的自然和生長,象征和平與安全,如綠色食品。紫色是高貴的象征,有莊重感。白色能給人壹種純潔無邪的感覺,意味著和平與聖潔。

我們知道,顏色是由光的折射產生的,紅、黃、藍是三原色,其他顏色可以用這三種顏色混合。換壹種思路,用色彩的變化來表現光影效果,無疑會讓我們的作品更貼近現實。

顏色代表不同的情緒,有不同的象征意義。這些象征意義是人們思想交流中的壹個復雜問題,因人的年齡、地域、時代、民族、階級、經濟區域、工作能力、受教育程度、風俗習慣、宗教信仰、生活環境、性別差異而異。

純色沒有什麽實際意義,搭配不同的顏色會有不同的效果。比如綠色與金色、淺白色的搭配,可以營造出優雅舒適的氛圍。藍色和白色的混合可以體現出柔和、優雅和浪漫的氣氛。紅色、黃色和金色的搭配可以渲染出節日的氣氛。黃金和小米的結合會給人帶來溫暖。不同的設計任務做出不同的配色方案。考慮到網頁的適應性,應該盡量使用網頁安全色。

但是,色彩的運用並沒有壹定的規律。如果壹定要用某種規則,效果只會適得其反。從經驗上來說,我們可以先確定壹個能表達主題的主色,然後根據具體需要,運用色彩近似和對比來完成整個頁面的配色。整個頁面在視覺上應該是壹個整體,以達到和諧悅目的視覺效果。

第四,組合造型

在網頁設計中,我們主要通過視覺傳達來表達主題。造型是視覺傳達中非常重要的元素。無論是圖片還是文字,屏幕上的所有元素都可以作為屏幕的基本元素來對待,比如點、線、面。在壹幅成功的作品中,需要點、線、面的組合和搭配來構成整個頁面。

通常我們可以運用的組合手法有順序、比例、平衡、對稱、連續、間隔、重疊、重復、交叉、節奏、韻律、歸納、變奏、特寫、倒影等。都有自己的特點。在設計中要根據具體情況選擇最合適的表達方式,有利於主題的表現。

通過點、線、面的組合,突出頁面上的重要元素,突出設計主題,增強美感,讓觀者在感受美的過程中理解設計主題,從而實現設計任務。

造型的巧妙運用不僅能帶來巨大的美感,還能突出企業形象,有機地組織網頁上的各種元素,甚至引導瀏覽者的視線。

動詞 (verb的縮寫)設計原理

設計是有原則的。無論用什麽方法組合畫面中的元素,都必須遵循五個原則:統壹、連貫、分割、對比、和諧。

統壹是指設計作品的整體性和壹致性。設計工作的整體效果非常重要。在設計中,不要把所有的成分孤立分散,這樣會讓畫面呈現出樹枝藤蔓雜亂無章的效果。

連貫性是指註意頁面之間的關系。在設計中,要利用內容上各組成部分的內在聯系和表現形式上的相互呼應,註意整個頁面設計風格的壹致性,達到視覺和心理上的連貫,使整個頁面設計的各個部分極其和諧,仿佛壹氣呵成。

分段是指將頁面分成幾個小塊,視覺上不同,讓瀏覽者壹目了然。為了使觀看者在信息很多的情況下看得清楚,需要註意對畫面的有效分割。分段不僅僅是表達的需要。換個角度說,分段也可以看作是對頁面內容的壹種分類和歸納。

對比是通過矛盾沖突讓設計更生動。對比手法很多,如:多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與醜、聚與散等。當使用對比時,我們應該小心。過於強烈的對比容易破壞美感,影響統壹性。

和諧是指整個頁面符合美的規律,渾然壹體。如果壹個設計作品只是顏色、形狀、線條等的隨意混合。,那麽作品不僅沒有“生活感”,也根本無法實現視覺設計的傳達功能。和諧不僅取決於結構形式,還取決於作品形成的視覺效果能否與人的視覺感受形成壹種溝通,產生心靈的聲音。這是設計成功的關鍵。

第六,網頁的優化

在網頁設計中,網頁的優化是壹個比較重要的環節。它的成功與否會影響頁面的瀏覽速度和適應性,影響受眾對網站的印象。

在資訊網站中,文字是頁面最大的組成部分,因此字體優化尤為重要。有必要使用css樣式表來指定文本的樣式。通常我們指定字體為宋體,大小為12px,顏色取決於背景色。原則上要清晰,與整個頁面和諧。在白底上,我們通常使用黑色,不容易產生視覺疲勞,可以保證訪問者長時間瀏覽網頁。

圖片是網頁中的重要元素。圖片的優化可以在保證瀏覽質量的前提下最小化其大小,可以使網頁的下載速度翻倍。使用Photoshop6或Fireworks4,可以將圖片切割成小塊,分別進行優化。輸出格式可以是gif,也可以是jpeg,視具體情況而定。壹般我們把顏色變化復雜的小塊優化成jpeg,而顏色塊簡單的卡通式小塊優化成gif,這是由這兩種格式的特點決定的。

表格是頁面中的重要元素,是頁面布局的主要手段。我們可以設置表格的寬度、高度、邊框、背景顏色、對齊方式等參數。很多時候,我們將表格的邊框設置為0來定位頁面中的元素,或者確定頁面中元素的相對位置。我們知道瀏覽器在讀取網頁的原始html代碼時,只在讀取了整個表格後才顯示。如果壹個大表包含多個子表,則在讀取大表後,子表只能壹起顯示。我們在訪問壹些網站的時候,等了很久都沒有結果。這就是我們按下“停止”鍵,突然顯示頁面的原因。因此,在設計頁表時,要盡量避免將所有元素嵌套在壹個表中,表的嵌套層數要盡可能少。使用Dreamweaver制作網頁時,每個td中會自動添加壹個空字符" "。如果單元格中沒有填充其他元素,這個空字符將會保留,在指定td的寬度或高度後可以從源代碼中刪除。

網頁的適應性很重要。我們會在不同的系統、不同的分辨率、不同的瀏覽器上看到不同的結果,所以設計的時候要統籌考慮。壹般我們做網頁都是800*600,最好的瀏覽效果也是在800*600分辨率。其他情況下,只要保證基本壹致,就不會有大問題。

想設計制作網站的也可以互相交流:前面dzh,後面xx09。

  • 上一篇:網上代理記賬教妳如何查詢企業工商註冊信息?
  • 下一篇:違規披露和不披露重要信息罪有哪些表現形式
  • copyright 2024法律諮詢服務網