設(shè)計中的同型論

格式塔（Gestalt）理論是一個心理學(xué)名詞，該理論旨在解釋人類的某些行為是如何產(chǎn)生的，也解釋了我們?nèi)祟惖囊曈X經(jīng)驗如何與大腦的反應(yīng)產(chǎn)生聯(lián)系。其中，同型論（Isomorphism）是格式塔其中的一個理論。格式塔理論并非應(yīng)用于設(shè)計，但了解這些理論卻對我們在設(shè)計有很大的幫助。

同型效應(yīng)：

同型效應(yīng)指人類通過自身的經(jīng)驗及記憶來對一個視覺對象作出判斷。

看到這只毛絨絨的泰迪熊，是否讓你有一種溫馨及舒服的感覺？看到手指離仙人掌這么近，是否讓你有一種想立即將手抽回的感覺？這就是同型效應(yīng)。我們對這些圖片產(chǎn)生反應(yīng)，是根據(jù)我們自身曾經(jīng)有過的經(jīng)驗而作出的，因為我們曾親身觸摸過一個真實的泰迪熊，我們也曾經(jīng)有過被一根針刺過產(chǎn)生疼痛的經(jīng)歷――我們將已有的一種感覺應(yīng)用到對一張圖片的理解上。

修改前：

一個呆板、機械化的設(shè)計

有個讀者要我們對她的名片提些意見，她自己并不喜歡這個標(biāo)志，但如果一定要應(yīng)用這個標(biāo)志時，如何才能讓出來的效果能夠吸引她的顧客？

標(biāo)志其實說不上有多糟糕：雖然這個標(biāo)志也說不上有多精彩，但對于一個餐飲標(biāo)志，My favorite Muffin（我最愛松餅）老實說并不太差。它有一個簡潔（或者說一個讓人熟悉的）的構(gòu)造，其名字較長，但形成了居中擺放使其成為一個焦點元素，還有一縷香氣飄在上方。字體充滿圓滑，與松餅的產(chǎn)品氣息也挺配合。但它的顏色卻有問題，但顏色我們可以通過在設(shè)計中修正。

根據(jù)標(biāo)志來設(shè)計：

可能感覺標(biāo)志有點單薄，所以設(shè)計師在設(shè)計時加上杯子及叉子，為了配合標(biāo)志的特征，在一個圓角區(qū)域中也用上一種圓滑的字體作為文字。

相似：名片的版面中有很多相似之處，對于設(shè)計來說這其實是好事。它起到簡化版面及提示讀者各個元素之間的關(guān)聯(lián)性。在上圖中，標(biāo)志、文字及白色區(qū)域都是圓角的，與松餅給人的圓型及松軟是相似的，方向是正確的，但并不足夠！圓角太小，與名片本身的直線邊及字體來說，它起不到支配的作用。如果我們將其與其它元素對比時我們會更容易觀察（如下圖對比）。

名片及標(biāo)志所采用的這種顏色搭配并不太常見。淺綠并不是松餅的顏色，也絲毫沒有給人一種早餐或溫暖的感覺。與色輪中相對的紅色搭配（即“補色搭配”），你通常感受到是一股活躍的能量。但這兩種不飽和顏色再加一個灰色，整個配色顯過于機械及缺乏生活氣息。

讓我們開始運用同型效應(yīng)理論來重新設(shè)計：

當(dāng)你僅僅看到下圖這些照片時，你的味蕾已經(jīng)開始有所反應(yīng)！這并不需要設(shè)計，也不需要有張卡片放在你眼前你才會感覺美味。因為我們曾經(jīng)吃過松餅，所以當(dāng)看到這些照片時，它喚醒了我們曾經(jīng)有過的的視覺、味覺及嗅覺。

不需要任何解釋：朱古力脆皮包住的松餅，放在一串藍(lán)莓上的松餅，一張高質(zhì)量的照片是最容易也是最直接勾起我們的感知及回憶的。所以我們要利用一張好的照片來作為你設(shè)計的主要落腳點。

放置圖片：

將圖片在版面中居中，其它空間放置文字

圖片占據(jù)版面的1/3高是恰當(dāng)?shù)?，中間的位置也是版面中最有力量的區(qū)域，能夠大程度吸引別人的興趣。留意松餅的陰影及倒影使松屏象放置在名片上，有很強的真實感，一如你那些放在餐臺上的松餅一樣。

圖片放大當(dāng)然有好處，可以讓讀者更加接近你的美味，但如果太大，用剩下的空間來放置文字時就會顯得擁擠及不舒服。

根據(jù)圖片設(shè)計：

現(xiàn)在，我們要選擇字體、顏色及版面的布局來呼應(yīng)那些松餅。

讓圖片自己說話：標(biāo)題越短，圖片的沖擊力就越強，特別是在如此狹窄的版面中。我們采用了“上癮的美味”（Addictively Delicious）作為標(biāo)題，直接與你味蕾溝通！流動的不規(guī)則輪廓的Fenway Park字體顯得蓬松及柔軟，其不規(guī)則的輪廓線與圖片中的松餅形狀相似，呈現(xiàn)出一種香脆的吸引力。

從圖片取色：從左到右，文字有深中淺三色選擇，這些標(biāo)題顏色都是用吸管工具從圖片選取的顏色，這三種顏色都能夠與圖片形成良好的搭配，但最淺的顏色可以讓那些松餅顯得更加突出及吸引。

增加輔助字體：

增加較小尺寸的字體，與大元素形成對比，而且不干擾主要元素的氣息。

我們采用Serlio字體作為補充的文字字體，這種字體細(xì)看線條并不規(guī)則，充滿襯線，顯得復(fù)雜及懷舊，但同時也具有一種溫曖的感覺。這些字體最開始時手寫形成的，所以沒有直線及規(guī)則的轉(zhuǎn)角。我們采用細(xì)體，與標(biāo)題那種粗壯小寫字母形成恰當(dāng)?shù)膶Ρ?。上圖中，A：全部設(shè)為小寫字母（這種字體小寫字母也是以大寫字母形式出現(xiàn)，但尺寸相對于大寫字母來說較?。?，其整體邊緣性過于平滑。B：首字母設(shè)為大寫字母，使其形成一些不規(guī)則的輪廓。

干凈的頁面組織：上圖中，圖片放置于版面中部，整齊地將版面劃分為兩個放置不同文字內(nèi)容的區(qū)域，上面是標(biāo)題及主要說明，下面是出品的各種松餅名稱。而下圖，是另一種的變化，所有文字都在上面，但文字塊似乎形成灰色色塊的感覺。留意所有文字都是居中。

加上LOGO：

標(biāo)志在這里并不是作為一個視覺焦點來處理，而是作為一個“標(biāo)點”來處理，顯得更加強有力。

結(jié)束：右下區(qū)域在視覺上自然形成了一個“出口”，在這里放置標(biāo)志，無論你的標(biāo)志是什么顏色，放在這里總能夠產(chǎn)生效果，不用太大，但卻具有一種權(quán)威的感覺。記住你的顧客只是對你的產(chǎn)品有興趣，而標(biāo)志的作用只是起到“這些美味的東西是誰做的”這個信息。

兩個變化：

不同的圖片有不同的構(gòu)造。下圖是兩個全出血位的圖片放置，在版面結(jié)構(gòu)上也需要作出相應(yīng)的調(diào)整。

溫馨：在上圖中，白色的版面已經(jīng)被棕色的圖片所代替，整個版面讓人感覺香氣四溢。在這個設(shè)計中，將圖片簡單地作為背景使我們能夠在設(shè)計中更加輕松，但其局限是其余的空間比較局促，使到松餅名稱也要重疊在產(chǎn)品上，一般不推薦這樣做，但這次，只能說基本還可接受了。

偏離中心點：上圖中，根據(jù)圖片的構(gòu)造特點我們將其放置于左邊，因為圖片給人的感覺是“從左方面向右方的”，所以要剪切圖片也是切圖片的左方區(qū)域，松餅局部重疊于藍(lán)色名稱區(qū)域，活躍了版面。細(xì)白線的邊框給人一種“老式”的感覺，圍住了藍(lán)色區(qū)域，這可以讓藍(lán)色區(qū)域與草霉兩者在視覺上不混淆。

留意這幾個設(shè)計上的淺綠色標(biāo)志，雖然標(biāo)志本身不太漂亮，但都能夠在各種版面中成功地形成了一個形象符號。

文章題目：設(shè)計中的同型論
本文來源：http://www.bm7419.com/news6/183506.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、企業(yè)網(wǎng)站制作、靜態(tài)網(wǎng)站、品牌網(wǎng)站設(shè)計、關(guān)鍵詞優(yōu)化、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)