網頁設計風格_第1頁
網頁設計風格_第2頁
網頁設計風格_第3頁
網頁設計風格_第4頁
網頁設計風格_第5頁
已閱讀5頁,還剩2頁未讀, 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

網頁設計風格網頁設計的風格——網站的設計必須要形成自己的風格特色,特色就是優勢網頁設計的構成要素

點的構成

在頁面設計中,運用點的屬性可以創造出千變萬化的點造型。

點是造型中的基本要素,也是構成中最簡潔的形態,點在線、面里相對來說是最小的單位,依托無數的點來形成線、面。在視覺形態中,點具有形狀、大小、方向等屬性。點的概念是相對的,是與周圍的視覺元素相比較而言的。點一般表示為圓形,但也可以是三角形、方形、無規則圖形。作為視覺上的點,隨著面積的擴大,區域面的感覺也就越強。

點具有視覺中心的屬性,具有強烈的視覺吸引力。當這些點大小不同時,人們在視覺上會首先注意到大的點,然后逐漸向較小點移動。隨著電的增加,人們的注意力也會逐漸分散。點的數量多會有生動感,如果大小不同,就豐富了視覺節奏韻律,增加了美感。

點的連續會產生節奏、韻律和方向,疏密的點陣會產生空間感。點的形狀、方向、大小、位置、聚集、發散、層疊、交錯,能夠給人帶來不同的心理感受。

單純由點構成的網頁較少見到,一般總是和其他元素配合使用。這種版面往往輕松隨意、生動活潑給人印象深刻,休閑娛樂類網站較容易使用。線的構成

線是由點的移動或連續排列構成的,或者說由兩點連接而成,是不占面積的。用線能表現作品的情感和抽象意義,頁面的工整感、速度感也是靠線形來表現的。線在空間中具有方向性和運動感。

線可分為直線和曲線兩種。直線為垂直線、水平線、斜線,曲線分為幾何曲線、自由曲線。線的粗細、長短、形狀的變化,在不同的環境中有各自的意義。直線具有堅硬、力量、速度的感覺,曲線常體現柔軟、流暢、溫和的女性特征。兩種或以上不同大小、顏色、形狀、方向的線為設計元素,使頁面具有很強的表現力??梢赃\用重復、近似、漸變、對比、聚集、擴散等手法,將不同的線應用到頁面設計中去,以獲得不同的效果,但是要注意對比、協調的關系。

線是分割頁面的主要元素之一,是決定頁面風格的基本要素,根據各自線性的特征,可設計出不同風格的網頁。

網頁設計風格全文共7頁,當前為第1頁。面的構成

點的密集、線的運動產生了面。與點和線相比,面具有更強的視覺效果和表現力。面可分為幾何形和自由形兩類。方形、圓形、三角形都是幾何形,多邊形的面也常在網頁中出現。幾何形給人以簡潔明快、有序理性的特征。在視覺形態上,面通過大小、位置、形狀、角度的變化,形成自己鮮明的個性和情感特征。設計的時候要注意把握不同形狀的面之間的相互關系和整體和諧。

面的組合式靈活多樣的,一個頁面可能有疊加、重合、穿插的效果,根據視覺效果而定??梢杂锚毩⒌捻撁鏄媹D設計,也可以將各種類型的面結合起來,多做些新的嘗試。

網頁設計風格全文共7頁,當前為第1頁?;旌系臉嫵?/p>

點、線、面是視覺構成的基本元素,具有不同的情感特征,是最重要的表現手段。單純的運用某個點、線、面,頁面有可能單調、乏味。他們在圖形圖像中往往是共同作用的,才是頁面具有強烈的表現力。合理的平衡安排好點、線、面的關系,將點、線、面進行綜合靈活的運用,定能設計出豐富、充實、具有最佳視覺效果的頁面。

網頁設計風格全文共7頁,當前為第2頁。網頁設計的風格類型

網頁設計的目的就是為了突出網站自身特點,以信息內容得到理想的傳達為前提。根據網站的主題內容,主頁設計首先要考慮風格形式的定位。目前,網頁的應用范圍日益擴大,幾乎囊括了所有行業。概括起來大體有:新聞機構、政府機關、企業門戶、科教文化、娛樂藝術、電子商務、網絡中心等。不同性質的行業,應體現出不同的主頁風格類型。

網頁設計的整體風格要靠圖形圖像、文字、色彩、版式、動畫來表現。

從網頁設計特殊性的角度分析主頁風格,大體可以分為平面風格、矢量風格、像素風格、三維風格。網頁設計風格全文共7頁,當前為第2頁。平面風格平面設計是二維的設計,平面風格始終是基于一個二維視圖來工作的,側重于構圖、色彩及表達的思維主旨,往往給人以空靈的意境和透氣爽快的感覺,這種構圖形式可以在有限的頁面中表現出無限的空間感。此種風格在網頁設計中最常見且最實用。門戶與新聞類網站,商業企業類網站,娛樂游戲類網站,運動休閑類網站,文化教育類網站,生活時尚類物昂站,興趣愛好和個人網站,平面風格已經滲透到以上各個類型的網站。矢量風格網頁設計風格全文共7頁,當前為第3頁。矢量圖使用直線和曲線來描述圖形,這些圖形的元素大多是一些點、線、矩形、多邊形、園和弧線等基礎元素,它們都是通過數學公式計算獲得的,所以文件體積一般很小。矢量圖最大的優點是無論放大、縮小或者旋轉都不會失真,最大的缺點就是難以表現色彩層次豐富的逼真圖像效果。網頁設計風格全文共7頁,當前為第3頁。像素風格網頁設計風格全文共7頁,當前為第4頁。GBA掌機畫面、電腦軟件上的圖標及現在手機上的屏保等都是像素畫。像素畫屬于點陣式圖像,它是一種圖標風格的圖像,更強調清晰的輪廓、明快的色彩。幾乎不用混疊的方法來繪制光滑的線條,由許多不同顏色的點一個個巧妙的組合排列在一起,構成一幅完整的圖像,這些點稱為Pixel像素,圖像稱之為Icon圖標或像素畫。網頁設計風格全文共7頁,當前為第4頁。網頁設計風格全文共7頁,當前為第5頁。網頁設計風格全文共7頁,當前為第5頁。三維風格三維是在頂視圖、正視圖、側視圖及透視圖中來創作編輯物體的,以一個具有長、寬、高三種度量的立體物質形態出現,這種形態可以表現在商品的外型上,也可以表現在商品的容器或其他地方。在網頁設計里,三維風格的表現簡單的多。三維空間的設計可借助于三維的造型手法,通過折疊、凹凸的處理,使畫面產生浮雕、立體等三維

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論