以下內(nèi)容由寶雞世紀(jì)網(wǎng)絡(luò)為您整理編輯。

網(wǎng)頁(yè)設(shè)計(jì)雖然在包含了傳統(tǒng)平面設(shè)計(jì)的文字、圖片外，增加了如動(dòng)畫(huà)、聲音、視頻等新的信息方式，但從設(shè)計(jì)角度但仍屬平面設(shè)計(jì)的一種，了解平面設(shè)計(jì)的概念和基礎(chǔ)是每一個(gè)合格網(wǎng)頁(yè)設(shè)計(jì)師的必修科。只要掌握一些平面設(shè)計(jì)的規(guī)律，靈活運(yùn)用，我們就能設(shè)計(jì)出精美的網(wǎng)頁(yè)，本文章將用圖文并茂的方式向您介紹十余種平面設(shè)計(jì)的常用手法，希望對(duì)您有所幫助。

一、基本概念

　?。ㄒ唬⑵矫嬖O(shè)計(jì)

　　平面設(shè)計(jì)是將不同的基本圖形，按照一定的規(guī)則在平面上組合成圖案的。主要在二度空間范圍之內(nèi)以輪廓線劃分圖與地之間的界限，描繪形象。而平面設(shè)計(jì)所表現(xiàn)的立體空間感，并非實(shí)在的三度空間，而僅僅是圖形對(duì)人的視覺(jué)引導(dǎo)作用形成的幻覺(jué)空間。

　?。ǘ⑵矫嬖O(shè)計(jì)的術(shù)語(yǔ)：

　　1.和諧：從狹義上理解，和諧的平面設(shè)計(jì)是統(tǒng)一與對(duì)比兩者之間不是乏味單調(diào)或雜亂無(wú)章的。廣義上理解，是在判斷兩種以上的要素，或部分與部分的相互關(guān)系時(shí)，各部分給我們的感覺(jué)和意識(shí)是一種整體協(xié)調(diào)的關(guān)系。

　　2.對(duì)比：又稱(chēng)對(duì)照，把質(zhì)或量反差很大的兩個(gè)要素成功的配列在一起，使人感覺(jué)鮮明強(qiáng)烈而又具有統(tǒng)一感，使主體更加鮮明、作品更加活躍。

　　3.對(duì)稱(chēng)：假定在一個(gè)圖形的中央設(shè)定一條垂直線，將圖形分為相等的左右兩個(gè)部分，其左右兩個(gè)部分的圖形完全相等，這就是對(duì)稱(chēng)圖。

　　4.平衡：從物理上理解是指的重量關(guān)系，在平面設(shè)計(jì)中指的是根據(jù)圖像的形量、大小、輕重、色彩和材質(zhì)的分布作用與視覺(jué)判斷上的平衡。

　　5.比例：是指部分與部分，或部分與全體之間的數(shù)量關(guān)系。比例是構(gòu)成設(shè)計(jì)中一切單位大小，以及各單位間編排組合的重要因素。

　　6.重心：畫(huà)面的中心點(diǎn)，就是視覺(jué)的重心點(diǎn)，畫(huà)面圖像的輪廓的變化，圖形的聚散，色彩或明暗的分布都可對(duì)視覺(jué)中心產(chǎn)生影響。

　　7.節(jié)奏：節(jié)奏這個(gè)具有時(shí)間感的用于在構(gòu)成設(shè)計(jì)上指以同一要素連續(xù)重復(fù)時(shí)所產(chǎn)生的運(yùn)動(dòng)感。

　　8.韻律：平面構(gòu)成中單純的單元組合重復(fù)易于單調(diào)，由有規(guī)律變化的形象或色群間以數(shù)比、等比處理排列，使之產(chǎn)生音樂(lè)的旋律感，成為韻律。

　?。ㄈ?、平面設(shè)計(jì)的元素

　　1.概念元素，所謂概念元素是那些不實(shí)際存在的，不可見(jiàn)的，但人們的意識(shí)又能感覺(jué)到的東西。例如我們看到尖角的圖形，感到上面有點(diǎn)，物體的輪廓上有邊緣線。概念元素包括：點(diǎn)、線、面。

　　2.視覺(jué)元素：概念元素不在實(shí)際的設(shè)計(jì)中加以體現(xiàn)，它將是沒(méi)有意義的。概念元素通常是通過(guò)視覺(jué)元素體現(xiàn)的，視覺(jué)元素包括圖形的大小、形狀、色彩等。

　　3.關(guān)系元素：視覺(jué)元素在畫(huà)面上如何組織、排列，是靠關(guān)系元素來(lái)決定的。包括：方向、位置、空間、重心等。

　　4.實(shí)用元素：指設(shè)計(jì)所表達(dá)的含義、內(nèi)容、設(shè)計(jì)的目的及功能。

　　下面我們具體介紹平面設(shè)計(jì)的構(gòu)成方式。

　　二、元素的運(yùn)用

　　（一）點(diǎn)、線、面的構(gòu)成

　　形象是物體的外部特征，是可見(jiàn)的。形象包括視覺(jué)元素的各部分，所有的概念元素如點(diǎn)、線、面在見(jiàn)于畫(huà)面時(shí)，也具有各自的形象。

　　平面設(shè)計(jì)中的基本形：在平面設(shè)計(jì)中，一組相同或相似的形象組成，其每一組成單位成為基本形，基本形是一個(gè)最小的單位，利用它根據(jù)一定的構(gòu)成原則排列、組合、便可得到最好的構(gòu)成效果。

　　1.組形：在構(gòu)成中，由于基本的組合，產(chǎn)生了形與形之間的組合關(guān)系，這種關(guān)系主要有：

　　2.分離：形與形之間不接觸，有一定距離。

　　3.接觸：形與形之間邊緣正好相切?！?

　　4.復(fù)疊：形與形之間是復(fù)疊關(guān)系，由此產(chǎn)生上下前后左右的空間關(guān)系。

　　5透疊：形與形之間透明性的相互交疊，但不產(chǎn)生上下前后的空間關(guān)系。

　　6.結(jié)合：形與形之間相互之間結(jié)合成為較大的新形狀。

　　7.減卻：形與形之間相互覆蓋，覆蓋的地方被剪掉。

　　8.差疊：形與形之間相互交疊，交疊的地方產(chǎn)生新的形。

　　9.重合：形與形之間相互重合，變?yōu)橐惑w。

（二）漸變

　　漸變是我常常聽(tīng)說(shuō)的一種效果，在自然界中能親身體驗(yàn)到，在行駛的道路上我們會(huì)感到樹(shù)木由近到遠(yuǎn)、由大到小的漸變。

　　漸變的類(lèi)型：

　　1.形狀的漸變：一個(gè)基本形漸變到另一個(gè)基本形，基本形可以由完整的漸變到殘缺，也可以由簡(jiǎn)單到復(fù)雜，由抽象漸變到具象。

　　2.方向的漸變：基本形可在平面上作有方向的漸變。

　　3.位置的漸變：基本形作位置漸變時(shí)需用骨架，因?yàn)榛拘卧谧魑恢脻u變時(shí)，超出骨架的部分會(huì)被切掉。

　　4.大小的漸變：基本形由大到小的漸變排列，會(huì)產(chǎn)生遠(yuǎn)近深度及空間感。

　　5.色彩的漸變：在色彩中，色相、明度、純度都可以出漸變效果，并會(huì)產(chǎn)生有層次感的美感。

　　6.骨格的漸變：是指骨格有規(guī)律的變化，使基本形在形狀、大小、方向上進(jìn)行變化。劃分骨格的線可以做水平、垂直、斜線、折線、曲線等個(gè)總骨格的漸變。漸變的骨格精心排列，會(huì)產(chǎn)生特殊的視覺(jué)效果，有時(shí)還會(huì)產(chǎn)生錯(cuò)視和運(yùn)動(dòng)感。

　?。ㄈ┲貜?fù)

　　重復(fù)的一般概念是指在同一設(shè)計(jì)中，相同的形象出現(xiàn)過(guò)兩次以上，重復(fù)是設(shè)計(jì)中比較常用的手法，以加強(qiáng)給人的印象，造成有規(guī)律的節(jié)奏感，使畫(huà)面統(tǒng)一。所謂相同，在重復(fù)的構(gòu)成中主要是指形狀、顏色、大小等方面的相同。重復(fù)中的基本形：用來(lái)重復(fù)的形狀稱(chēng)為基本形，每一基本形為一個(gè)單位，然后以重復(fù)的手法進(jìn)行設(shè)計(jì)，基本形不宜復(fù)雜，以簡(jiǎn)單為主。

　　重復(fù)的類(lèi)型：

　　1.基本形的重復(fù)：在構(gòu)成設(shè)計(jì)中使用同一個(gè)基本形構(gòu)成的圖面叫基本形的重復(fù)，這種重復(fù)在日常生活中到處可見(jiàn)。例如：高樓上的一個(gè)個(gè)窗子。

　　2.骨格的重復(fù)：如果骨格每一單位的形狀和面積均完全相等，這就是一個(gè)重復(fù)的骨格，重復(fù)的骨格是規(guī)律的骨格的一種，最簡(jiǎn)單的一種。

　　3.形狀的重復(fù)：形狀是最常用的重復(fù)元素，在整個(gè)構(gòu)成中重復(fù)的形狀可在大小、色彩等方面有所變動(dòng)。

　　4.大小重復(fù)：相似或相同的形狀，在大小上進(jìn)行重復(fù)。

　　5.色彩重復(fù)：在色彩相同的條件下，形狀、大小可有所變動(dòng)。

　　6.肌理的重復(fù)：在肌理相同的條件下、大小、色彩可有所變動(dòng)。

　　7.方向的重復(fù)：形狀在構(gòu)成中有著明顯一致的方向性。

　　重復(fù)的效果欣賞

（四）近似

　　近似指的是在形狀、大小、色彩、肌理等方面有著共同特征，它表現(xiàn)了在統(tǒng)一中呈現(xiàn)生動(dòng)變化的效果。近似的程度可大可小，如果近似的程度大就產(chǎn)生了重復(fù)感。近似程度小就會(huì)破壞統(tǒng)一。

　　近似的分類(lèi)：

　　1.形狀的近似：兩個(gè)形象如果屬同一族類(lèi)，它們的形狀均是近似的，如同人類(lèi)的形象一樣。

　　2.骨格的近似：骨格可以不是重復(fù)而是近似的，也就是說(shuō)骨格單位的形狀、大小有一定變化，是近似的。

　　注意：近似與漸變的區(qū)別，漸變的變化是規(guī)律性很強(qiáng)的，基本形排列非常嚴(yán)謹(jǐn)，而近似的變化規(guī)律性不強(qiáng)，基本和其它視覺(jué)要素的變化較大，也比較活潑。

　?。ㄎ澹┕歉?

　　骨格網(wǎng)決定了基本形在構(gòu)圖中彼此的關(guān)系。有時(shí)，骨格也成為形象的一部分，骨格的不同變化會(huì)使整體構(gòu)圖發(fā)生變化。

　　骨格分為：

　　1.規(guī)律性骨格：規(guī)律性骨格有精確嚴(yán)謹(jǐn)?shù)墓歉窬€，有規(guī)律的數(shù)字關(guān)系，基本形按照骨格排列，有強(qiáng)烈的秩序感。主要有重復(fù)、漸變、發(fā)射等骨格。

　　2.非規(guī)律性骨格：非規(guī)律性骨格一般沒(méi)有嚴(yán)謹(jǐn)?shù)墓歉窬€，構(gòu)成方式比較自由。

　　3.作用性骨格：作用性骨格是使基本形彼此分成各自單位的界線，骨格給形象準(zhǔn)確的空間，基本形在骨格單位內(nèi)可自由改變位置、方向、正負(fù)，甚至越出骨格線。

　　4.非作用性骨格：非作用性骨格是概念性的，非作用性骨格線有助于基本形的排列組織，但不會(huì)影響它們的形狀，也不會(huì)將空間分割為相對(duì)獨(dú)立的骨格單位。

　　5.重復(fù)性骨格：是指骨格線分割的空間單位在形狀、大小上完全相同，它是最有規(guī)律性的骨格，基本形按骨格連續(xù)性的排列。

我公司是在寶雞市工商局注冊(cè)的專(zhuān)業(yè)提供網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、網(wǎng)站推廣，軟件開(kāi)發(fā)的高新技術(shù)企業(yè)， 一直致力于面向?qū)氹u地區(qū)黨政機(jī)關(guān)、企事業(yè)單位提供大中型門(mén)戶(hù)網(wǎng)站解決方案、 OA 辦公自動(dòng)化系統(tǒng)解決方案，以及中小型應(yīng)用軟件開(kāi)發(fā)及其它信息化外包業(yè)務(wù)。目前已承建寶雞地區(qū)近630多家政府網(wǎng)站、企業(yè)網(wǎng)站，是寶雞網(wǎng)站建設(shè)行業(yè)規(guī)模最大、客戶(hù)數(shù)量最多、技術(shù)力量雄厚的寶雞網(wǎng)絡(luò)公司。歡迎您來(lái)電咨詢(xún)，咨詢(xún)熱線：0917-3535180 3536690……