• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見問(wèn)題 >> 網(wǎng)站建設(shè) >> 網(wǎng)頁(yè)設(shè)計(jì) >> 讓網(wǎng)頁(yè)設(shè)計(jì)的專業(yè),漂亮,好看的竅門

讓網(wǎng)頁(yè)設(shè)計(jì)的專業(yè),漂亮,好看的竅門

• 作者：創(chuàng)新互聯(lián) 文章來(lái)源：設(shè)計(jì)部 點(diǎn)擊數(shù)： 更新時(shí)間：2015-02-09
• 一、版面編排
  　　網(wǎng)頁(yè)設(shè)計(jì)首先涉及到的是頁(yè)面的版面編排問(wèn)題。"版面編排"實(shí)際上就是中國(guó)古代畫論中的"經(jīng)營(yíng)位置"。網(wǎng)頁(yè)作為一種版面，既有文字，又有圖片。文字有大有小，還有標(biāo)題和正文之分；圖片也有大小，而且有橫有豎之別。圖片和文字都需要同時(shí)展示給觀眾，不能簡(jiǎn)單地羅列在一個(gè)頁(yè)面上，這樣往往會(huì)搞得雜亂無(wú)章。必須根據(jù)內(nèi)容的需要，將這些圖片和文字按照一定的次序進(jìn)行合理的編排和布局，使它們組成一個(gè)有機(jī)的整體，展現(xiàn)給廣大的觀眾。
  　　1.主次分明，中心突出。在一個(gè)頁(yè)面上，必然考慮視覺(jué)的中心，這個(gè)中心一般在屏幕的中央，或者在中間偏上的部位。因此，一些重要的文章和圖片一般可以安排在這個(gè)部位，在視覺(jué)中心以外的地方就可以安排那些稍微次要的內(nèi)容，這樣在頁(yè)面上就突出了重點(diǎn)，做到了主次有別。
  　　2.大小搭配，相互呼應(yīng)。較長(zhǎng)的文章或標(biāo)題，不要編排在一起，要有一定的距離，同樣，較短的文章，也不能編排在一起。對(duì)待圖片的安排也是這樣，要互相錯(cuò)開，造成大小之間有一定的間隔，這樣可以使頁(yè)面錯(cuò)落有致，避免重心的偏離。
  　　3.圖文并茂，相得益彰。文字和圖片具有一種相互補(bǔ)充的視覺(jué)關(guān)系，頁(yè)面上文字太多，就顯得沉悶，缺乏生氣。頁(yè)面上圖片太多，缺少文字，必然就會(huì)減少頁(yè)面的信息容量。因此，最理想的效果是文字與圖片的密切配合，互為襯托，既能活躍頁(yè)面，又使網(wǎng)頁(yè)有豐富的內(nèi)容。
  二、線條和形狀
  　　文字、標(biāo)題、圖片等的組合，會(huì)在頁(yè)面上形成各種各樣的線條和形狀。這些線條與形狀的組合，構(gòu)成了網(wǎng)頁(yè)的總體藝術(shù)效果。必須注意藝術(shù)地搭配好這些線條和形狀，才能增強(qiáng)頁(yè)面的藝術(shù)魅力。
  　　1.直線（矩形）的應(yīng)用。直線條的藝術(shù)效果是流暢、挺拔、規(guī)矩、整齊，所謂有輪有廓。直線和矩形在頁(yè)面上的重復(fù)組合可以呈現(xiàn)井井有條、涇渭分明的視覺(jué)效果。一般應(yīng)用于比較莊重、嚴(yán)肅的網(wǎng)頁(yè)題材。
  　　2.曲線（弧形）的應(yīng)用。曲線的效果是流動(dòng)、活躍，具有動(dòng)感。曲線和弧形在頁(yè)面上的重復(fù)組合可以呈現(xiàn)流暢、輕快，富有活力的視覺(jué)效果。一般應(yīng)用于青春、活潑的網(wǎng)頁(yè)題材。
  　　3.曲、直線（矩形、弧形）的綜合應(yīng)用。把以上兩種線條和形狀結(jié)合起來(lái)運(yùn)用，可以大大豐富網(wǎng)頁(yè)的表現(xiàn)力，使頁(yè)面呈現(xiàn)更加豐富多彩的藝術(shù)效果。這種形式的網(wǎng)頁(yè)，適應(yīng)的范圍更大，各種主題的網(wǎng)頁(yè)都可以應(yīng)用。但是，在頁(yè)面的編排處理上，難度也會(huì)相應(yīng)大一些，處理得不好會(huì)產(chǎn)生凌亂的效果。最簡(jiǎn)單的途徑是，在一個(gè)頁(yè)面上以一種線條（形狀）為主，只在局部的范圍內(nèi)適當(dāng)用一些其它線條（形狀）。
  三、色彩處理
  　　色彩是人的視覺(jué)最敏感的東西。網(wǎng)頁(yè)的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是"總體協(xié)調(diào)，局部對(duì)比"，也就是：網(wǎng)頁(yè)的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在色彩的運(yùn)用上，可以根據(jù)網(wǎng)頁(yè)內(nèi)容的需要，分別采用不同的主色調(diào)。因?yàn)樯�彩具有象征性，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色，例如：軍警的橄欖綠，醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺(jué)，例如冷、暖的感覺(jué)，進(jìn)、退的效果等。另外，色彩還有民族性，各個(gè)民族由于環(huán)境、文化、傳統(tǒng)等因素的影響，對(duì)于色彩的喜好也存在著較大的差異。充分運(yùn)用色彩的這些特性，可以使我們的網(wǎng)頁(yè)具有深刻的藝術(shù)內(nèi)涵，從而提升網(wǎng)頁(yè)的文化品位。下面介紹幾種常用的配色方案：
  　　1.暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運(yùn)用，可使網(wǎng)頁(yè)呈現(xiàn)溫馨、和煦、熱情的氛圍。
  　　2.冷色調(diào)。即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用，可使網(wǎng)頁(yè)呈現(xiàn)寧?kù)o、清涼、高雅的氛圍。
  　　3.對(duì)比色調(diào)。即把色性完全相反的色彩搭配在同一個(gè)空間里。例如：紅與綠、黃與紫、橙與藍(lán)等。
  　　這種色彩的搭配，可以產(chǎn)生強(qiáng)烈的視覺(jué)效果，給人亮麗、鮮艷、喜慶的感覺(jué)。當(dāng)然，對(duì)比色調(diào)如果用得不好，會(huì)適得其反，產(chǎn)生俗氣、刺眼的不良效果。這就要把握"大調(diào)和，小對(duì)比"這一個(gè)重要原則，即總體的色調(diào)應(yīng)該是統(tǒng)一和諧的，局部的地方可以有一些小的強(qiáng)烈對(duì)比。
  　　最后，還要考慮網(wǎng)頁(yè)底色（背景色）的深、淺，這里借用攝影中的一個(gè)術(shù)語(yǔ)，就是"高調(diào)"和"低調(diào)"。底色淺的稱為高調(diào)；底色深的稱為低調(diào)。底色深，文字的顏色就要淺，以深色的背景襯托淺色的內(nèi)容（文字或圖片）；反之，底色淡的，文字的顏色就要深些，以淺色的背景襯托深色的內(nèi)容（文字或圖片）。這種深淺的變化在色彩學(xué)中稱為"明度變化"。有些網(wǎng)頁(yè)，底色是黑的，但文字也選用了較深的色彩，由于色彩的明度比較接近，讀者在閱覽時(shí)，眼睛就會(huì)感覺(jué)很吃力，影響閱讀效果。
• 網(wǎng)頁(yè)中插入圖片及圖片加鏈接 :上一篇
  如何自行添加網(wǎng)警圖標(biāo) :下一篇