編排設(shè)計(jì)編輯推薦

時(shí)間：2023-07-03 17:36:02 | 來源：營銷百科

時(shí)間：2023-07-03 17:36:02 來源：營銷百科

編排設(shè)計(jì)編輯推薦：　　用在網(wǎng)頁上的圖形應(yīng)該要支援并能夠增強(qiáng) HTML 文件的內(nèi)容，在設(shè)計(jì)圖形時(shí)必須考慮很多事情，包括技術(shù)上的限制到美學(xué)上的考量。技術(shù)上的限制雖然都已漸漸地獲得解決，但是仍然不可忽視；而關(guān)于圖像與用及設(shè)計(jì)的美學(xué)問題，則不會有太大的改變，我們今天所討論的這些原則，將一直適用于大多數(shù)的應(yīng)用實(shí)例中。

　　1、繪圖與美術(shù)修養(yǎng)

　　當(dāng)一個藝術(shù)家在為多媒體設(shè)計(jì)圖像時(shí)，有許多小花招。如果要設(shè)計(jì)一個成功的圖像，則必須要體認(rèn)到一點(diǎn)∶電腦不會替你創(chuàng)造藝術(shù) ─ 好的藝術(shù)必須出自有藝思的天賦與努力練習(xí)。當(dāng)然，這并不是說如果你不是一個藝術(shù)家，你就沒有辦法創(chuàng)造出一個好的圖像。

　　2、鑒賞的眼光

　　要做出成功的圖像，有一個很重要的技巧是要有一雙具批判性的眼光。如果你能夠客觀地評量你的作品并且發(fā)現(xiàn)它的缺點(diǎn)，那么你就能夠改進(jìn)它。如果你相信你的作品只是〝還不錯″，那么它就還有一點(diǎn)點(diǎn)變得更好的可能。許多藝術(shù)家一直不斷地在尋求自身藝術(shù)造詣的更上層樓，而為了要訓(xùn)練自己具有批判性的眼光，最好的方式就是常常接收他人對自己作品的回饋。發(fā)現(xiàn)其他人對同一作品會有不同于我的觀點(diǎn)的解釋，甚至常常有些人會指出完全沒注意到的部分，而這個部分一但被注意到，也就能產(chǎn)生另一種不同的觀點(diǎn)。

　　當(dāng)你向他人尋求對你的作品的忠告時(shí)，你必須要能夠不帶防衛(wèi)地接受那些具建設(shè)性的批評。想想看別人所說的話，然后自己在心中衡量一下，要不就是回絕這個建議，要不就是改變你的圖像來改正有問題的部分。如果你回絕這個建議，那么你也要能夠合理地解釋為什么這不是一個好建議。'因?yàn)槲蚁胍@樣子做'并不是一個好理由。去找到一個愿意提出誠實(shí)并有意的評語的人是很重要的，像'我喜歡'這樣的評語并不能幫助你把作品做得更好，請對方說說這個圖像在效用上的優(yōu)缺點(diǎn)會是個不錯的方式。

　　3、繪圖技巧

　　光是想著要改進(jìn)你的技巧，并且具有批判的眼光是不夠的，你將會發(fā)現(xiàn)若想要創(chuàng)作出成功的圖像，藝術(shù)技巧是絕對必要的。你可以依循某些規(guī)則或訣竅來學(xué)習(xí)發(fā)展這些技巧。雖然我們在網(wǎng)路上可以看到許多經(jīng)過處理的影像，但是大部分的時(shí)候我們也必須具備實(shí)際繪圖的能力，手跟眼之間的協(xié)調(diào)、以及將眼睛所見的 3D 立體物體轉(zhuǎn)換成電腦上 2D 的平面圖像所需的視覺轉(zhuǎn)換能力，都需要許多年的訓(xùn)練與經(jīng)驗(yàn)才能做得好。能提出的最好的建議是，你可以隨身帶著一本素描簿，并且在任何時(shí)候畫下你所見的事物，這樣不久你就能夠自然且隨意地表達(dá)你所想表達(dá)的東西。要有創(chuàng)意地處理影像也需要技巧，你必須考慮顏色、整體設(shè)計(jì)、對比、色值、符號意涵、以及許多其他的因素。要用 PHOTOSHOP 把兩個影像放在一起，然后制造出一個圖像放在你的網(wǎng)頁上，這看起來很容易，但你必須注意，如果你在設(shè)計(jì)一個圖像時(shí)，將它獨(dú)立于整體網(wǎng)頁的設(shè)計(jì)考量之外，那么你的網(wǎng)頁可能會顯得雜亂無章而使得效果有所打折。

　　4、圖像性質(zhì)一致

　　你的網(wǎng)頁上的每一個圖像都與彼此有著緊密的關(guān)聯(lián)，所以，當(dāng)它們被合置在一個網(wǎng)頁上時(shí)，你不能對它們作各自獨(dú)立的處理，因此，發(fā)展一套圖像的規(guī)則并且確實(shí)地應(yīng)用在圖像的創(chuàng)造上就非常重要了。例如，你可以藉由在每一個圖像上加一道 3 個像素寬的邊框，并且讓每一個圖像保持 1' X 1' 的大小，讓圖像間擁有一個共同的特質(zhì)。當(dāng)你建立起一套規(guī)則并實(shí)際地運(yùn)用到你的網(wǎng)頁圖像上時(shí)，人們也許并不會注意到，但是，如果你的圖像大小不一，有的有邊框、有的沒有，那么人們就很容易注意到，而使你的網(wǎng)頁不那么吸引人。

　　5、陰影表現(xiàn)方式一致

　　當(dāng)你在一個圖形或文字上使用陰影時(shí)，這通常表現(xiàn)出一種深度的錯覺；當(dāng)你在文字下方加上陰影，會使得那文字似乎栩栩地躍然于紙上，這陰影用于圖像時(shí)，它也會讓讀者覺得這影像比較逼近自己。并不是所有時(shí)候都必須使用陰影，你應(yīng)該小心并有創(chuàng)意地用它。在使用陰影效果時(shí)，你應(yīng)該了解到，有陰影就表示有一個潛在的光源，比如說，你的物件有一個下方 4 個像素、右方 5 個像素的陰影，那么看的人就會有意識或無意識地認(rèn)定在相反方向的地方有一個光源。一個常見的錯誤是，在某個物體的某一邊制造出陰影，卻又在同一頁或同一個影像上的相反的那一邊也制造出陰影，這樣的錯誤會導(dǎo)致視覺混淆，而讓人無法確定光源到底來自哪個方向。

　　6、圖像大小有統(tǒng)一性

　　當(dāng)處理成對出現(xiàn)或一系列的圖像時(shí)，你應(yīng)該注意讓所有的圖像保持統(tǒng)一的規(guī)格，如果這些圖像都是以同樣的比例制作的，那么這倒不是難事，但是如果這些圖形有的是水平的、有的是垂直的，那么要把它們統(tǒng)一起來就有些難度了。如果可能的話，就把垂直和水平的影像分別集中在一起，并且統(tǒng)一它們的規(guī)格。如果你把垂直和水平的影像放在同一個區(qū)塊中，那么就重新調(diào)整它們的大小，讓其中一個向度保持一樣的尺寸，這將有助于建立統(tǒng)一感。由于我們一般都習(xí)慣使用固定的行間距，所以，調(diào)整影像讓它在同一向度上具有一樣的長度，將有助于維持整齊的行列。當(dāng)一個影像以水平方向向其他影像對齊時(shí)，就調(diào)整影像使它的高度相等，而垂直方向的對齊，則有賴于影像寬度的一致。

　　7、圖像排列有序

　　在一個有許多圖像的網(wǎng)頁上，即使每個圖像都有一致的規(guī)格，仍然有可能因?yàn)槿狈τ袆?chuàng)意地排列，而顯得凌亂隨便。如果你事先為你的網(wǎng)頁建立了格線，那么只要將你的圖像依格線對齊，就能夠強(qiáng)制產(chǎn)生一個架構(gòu)。不管你是否使用格線，你都必須有意識地決定如何安排這些圖像的位置，不要被 HTML 的技術(shù)限制住你對圖像編排的控制。

　　8、模仿其它媒體表現(xiàn)

　　有些時(shí)候藝術(shù)家們會模仿其他的媒體來創(chuàng)作圖像，比如說，我們都已習(xí)慣看到圖像后方出現(xiàn)陰影，而未曾質(zhì)疑在電腦的影像上是不可能像現(xiàn)實(shí)世界中一樣出現(xiàn)陰影的。作為一個藝術(shù)家，他常常會去模擬或是借用某種媒材的視覺特性，并把它轉(zhuǎn)換到另一種媒材上面。在某些情況中，它的意圖是要在 2D 平面上制造出三度空間的幻覺，有許多技巧可以制造出這種三度空間的效果∶

　　線條透視畫法﹝將線條延伸聚集在無限遠(yuǎn)的一點(diǎn)上﹞

　　將兩個影像輪廓重疊﹝在上者看起來比較近﹞

　　色彩透視畫法﹝較遠(yuǎn)的物體具有較淺的顏色、且較不精細(xì)﹞

　　大小關(guān)系﹝大的物體看起來比較近﹞

　　做立體模型 做陰影做漸層﹝將物體件加上立體效果﹞

　　以方向性燈光制造陰影﹝強(qiáng)調(diào)物體到表面的距離﹞

　　在平面上的位置﹝上面的物體看起來比較遠(yuǎn)﹞

　　粗線條﹝看起來向前方前進(jìn)﹞

　　色彩﹝亮暖色系看起來向前方前進(jìn)，暗冷色系則看起來像在后退﹞

　　當(dāng)?shù)谝淮慰吹侥承┠M手法時(shí)，我們常常會覺得驚訝或是新鮮。例如，在網(wǎng)頁上看到一個木質(zhì)的邊框沒什么了不起，可是從電腦熒幕上看到一個金屬材質(zhì)的注冊標(biāo)志，就很少見了。當(dāng)你仿照其他的媒體而創(chuàng)造出圖像，就有可能引起瀏覽者的好奇心，因而繼續(xù)瀏覽你的網(wǎng)頁。

　　9、模仿工具﹝filters﹞

　　雖然有創(chuàng)意的處理能夠加強(qiáng)你的網(wǎng)站的視覺效果，但你也要知道，有許多處理的方式都已經(jīng)被過度使用而變成陳腔濫調(diào)了。例如，頁尾卷起的效果，在一開始被引進(jìn)時(shí)，就被大量地引用，不管這樣的效果有沒有意義或是它和頁面的內(nèi)容圖片有沒有關(guān)系。倫敦字體﹝一種中古世紀(jì)風(fēng)格的、亮燦的草書字體處理方式﹞也是如此，人們把這種字體用在未來派寫作、科技觀點(diǎn)、以及其他并不合適的地方。所以，當(dāng)你發(fā)現(xiàn)一種新的濾鏡效果時(shí)，要小心，這樣的處理方式可能會被誤用或是過度使用，而使的原來的本意大打折扣。當(dāng)你使用濾鏡時(shí)，要謹(jǐn)慎并且要有選擇性，試著避免直接使用它的預(yù)設(shè)值，并且盡量將多種濾鏡組合使用，以創(chuàng)造出不能被歸類為某一種濾鏡效果的圖形。對電腦新手來說，你的作品中所使用的濾鏡效果可能會令他們眼花撩亂，但是對從事圖像創(chuàng)作的藝術(shù)家而言，你的作品只是，比如說，誤用柔焦濾鏡而產(chǎn)生的結(jié)果，而貶抑你的努力，認(rèn)為那是個老套的東西。

　　10、破除框框的安排形式

　　另一種藝術(shù)工作者常用的小技巧是打破大多數(shù)圖形所遵從的直線欄框。一般的圖形都是被預(yù)設(shè)為以矩形的形狀儲存，雖然矩形的格式可以讓你的畫面看起來比較有組織，但是有時(shí)候一個突破框架限制的圖形能夠引起視覺上的刺激，并形成一個新的架構(gòu)，這樣子的挑戰(zhàn)創(chuàng)新能夠讓你的文件看起來更具動態(tài)。當(dāng)你在設(shè)計(jì) GIF 圖形檔時(shí)，你可以將這個檔案設(shè)定為以某一種顏色當(dāng)作透明罩遮，當(dāng)你用瀏覽器看這個圖形時(shí)，這個顏色就會變成透明的。這種透明效果只能用在 GIF ，而不能用在 JPG 檔，用得好的話，它可以讓你的 WWW 網(wǎng)頁生色不少。

　　11、動畫

　　WWW 的引進(jìn)對網(wǎng)際網(wǎng)路的意義，就像是電視的發(fā)明之于收音機(jī)的世界一樣，我們可以看到影像并且很容易地接收資訊，但是你能夠想像如果電視上的所有影像都是靜態(tài)的圖像嗎？電視就像是一連串的幻燈片或彈匣。早期的 WWW 瀏覽器只能經(jīng)由外掛程式來看這些時(shí)間導(dǎo)向的媒體，因此，影片的內(nèi)容和網(wǎng)頁的內(nèi)容是分開的。后來程式設(shè)計(jì)師們發(fā)明了一種聰明的方法來從伺服器〝推動″圖像，以模擬動畫的效果，但是頻寬的問題卻讓這項(xiàng)發(fā)明無法廣為大家所用，目前則有配合伺服器之推動動作的動畫型態(tài)的 GIF 格式，以及 Shockwave 檔，和一些其他的小技巧，能夠在瀏覽器視窗內(nèi)模擬動畫圖形的效果。

　　動畫效果對你的網(wǎng)頁可以說是既能載舟，也能覆舟，所以你必須仔細(xì)考慮何時(shí) 以及為何要使用動畫，在許多例子中，動畫是被用來標(biāo)示你的畫面上的一些新鮮有趣的東西，有時(shí)動畫則可以增加資訊的負(fù)載量，制造出某一種氣氛、或是配合支援網(wǎng)頁的內(nèi)容。要記住，在大部分的情況中，動畫都會使得下載的速度變慢，而讓連線必須一直處于開啟狀態(tài)。

　　如果你創(chuàng)造了一個動畫，請仔細(xì)的想想看這個動畫會與網(wǎng)頁上的其他元素產(chǎn)生怎樣的互動？它會對讀者的感受與所要傳達(dá)的資訊有幫助嗎？動畫的動作跟色彩或是其中元素的安排一樣重要。如果你打算要放進(jìn)一個動畫，那就讓它值得觀賞者花費(fèi)那些下載的時(shí)間，并且讓你的動畫變動的動作看起來盡可能地順暢。