2013-9-18 藍藍設計的小編
轉(zhuǎn)載藍藍設計( tweetduck.com )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務
來源:http://www.uisheji.com/212405.html
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里
工作中,網(wǎng)頁設計師經(jīng)常會遇見這些狀況:時間這么短又要出彩、即要大氣又要有氣氛、各個游戲風格要準確把握、內(nèi)容多頁面長……方方正正,四平八穩(wěn)的排版又顯的呆板,估計連設計師自己都會覺得越做越?jīng)]趣了。因而每個設計師都需要豐富的創(chuàng)造力,下面就看看這八大創(chuàng)意理論能不能給你下一個專題帶來些想法吧。
1.怎樣在滿足需求的情況下,做設計;
2.怎樣更快的抓住用戶的眼球;
3.怎樣突破常規(guī)設計;
4.怎樣讓自己的設計引起用戶共鳴。
字體圖形化理論、神秘理論、留白理論、幽默理論、最大化理論、組合理論、分子理論、空間理論。
文字經(jīng)過藝術(shù)化設計后,可是文字形象變得情景化、視覺化、強化語言效果,對提升頁面設計品質(zhì)和視覺表現(xiàn)力發(fā)揮了極大的作用。下面就針對電影海報中的字體設計進行探討,分析優(yōu)秀的字體設計如何在頁面設計中扮演重要角色。
海報1:海報的字體變形融入場景的設計手法,海報2字形設計融入場景,貼合主題,增加藝術(shù)性。
海報2:海報是將字體作為海報主題設計或是字體與圖形相結(jié)合的設計方式。海報采用這類具象的圖形來寓意電影,顯得更為深層與內(nèi)涵了。 字體和圖形的巧妙結(jié)合,另一個字與槍結(jié)合的例子是《007》已經(jīng)成為了這個系列的一個標志性標簽了。
圖例:字體圖形化理論運用在頁面上。
在頁面設計中文字不再是點睛之筆,而是作為主體。將文字作為圖形與畫面中的元素相結(jié)合。使文字具有情景化,更具視覺表現(xiàn)力。文字不再是頁面的slogan,也可將頁面的設計形式圍繞文字展開,也許效果更能讓人眼前一亮。
該理論利用一種熟悉的圖像、符號,或是相關(guān)聯(lián)的事物。來讓觀者聯(lián)想到設計所要傳達的含義。
海報1、2:這兩張海報都將采用了熟悉的元素,符號來引導觀者了解這是一部什么題材的電影。海報1高跟鞋踩上“蝙蝠俠”標志,相信有這一個符號大家都會知道這是什么電影了。再加上性感紅唇印,就更加明確了。
圖例:神秘理論運用在頁面上
沒有游戲人物、場景,甚至沒有游戲logo,設計師布置了一個場景,一套專業(yè)游戲玩家的裝備,不禁讓人聯(lián)想到這款游戲能夠支持這些設備。slogan是致敬高端用戶,表明這款游戲的高端定位。用相關(guān)聯(lián)的元素來表達頁面含義,讓頁面充滿神秘感,給用戶留下懸念,那么這個頁面的目的就達到了。
空白其實也就是圖形和背景的關(guān)系,但是和圖形設計中陰形陽形的使用有所不同的是,圖形設計中圖底之間的關(guān)系更為復雜,形成的美感更富變化,圖形和背景可能分別作為視覺的主題在進行設計,從而形成非常曖昧互相變化的復雜圖形。
海報1:更加注重畫面的意境,簡約的字體設計是整個畫面的中心也是平衡點,大面積留白和人物出血設計留給觀者無限想象。
海報2:咋一看這是一張極其簡約的海報,越是簡潔的畫面就越隱藏更多的信息,兩個人拉長的影子,疊合成“X”大面積留白更加凸顯“X”增強海報藝術(shù)性。
圖例:留白理論運用在頁面上
中國畫中的“留白”,或者說是“布白”,是要求藝術(shù)性與審美性恰到好處的結(jié)合才可使畫作達到以虛襯實、虛實相生的尚意境界。
頁面中意境與留白和形與神一樣是孿生的一體,創(chuàng)設留白在刻畫物象之外隨域而產(chǎn)生幻化的語言。更富意境和說服力。
留白的部分即可以是背景也可以是內(nèi)容,這個頁面中的留白只是相對的.通過留白更加突出了圖片、動畫的效果。同時照顧了整個頁面空間的分配,留白部分才能表現(xiàn)出一定的活力。
一幅固定的圖像會讓觀者感到枯燥,用幽默的方式表達,更加的生動和記憶猶新。人們也更有興趣探索幽默背后所傳達的含義。
海報:幽默、詼諧的變現(xiàn)方式
圖例:幽默理論運用在頁面上
但從內(nèi)容上來看非常簡潔,就是一個抽獎功能的頁面,要讓用戶在頁面上停留,就要靠制造趣味取勝,設計師將抽獎這塊設計成老虎機的形式,人物上是真人和插畫相結(jié)合,還透露給用戶圣誕節(jié)將至,圣誕老人要來給大家送禮物了的氣息,這也是在構(gòu)思中調(diào)動了藝術(shù)手段所起的作用。版面充滿趣味性,使信息如虎添翼,起到了畫龍點睛的傳神功力,從而更吸引人。
最大化在平面來講并不是單純的面積大,也是講最突出的,最突出的可以是美的也可以是丑的,因為美的和丑的事物都可以引起觀者的注意和共鳴。而且往往對難看的圖像進行放大,采用明亮的顏色,可以讓它變得更加吸引人。
圖例:這是一部改變自漫畫的電影,本片是一部黑白片,強調(diào)光影的反差,偶爾片中有些地方帶有彩色。這些點綴的色彩突出了人物性格,這里有紅唇烈焰的性感美女,有丑陋粗狂的拳擊手,有邪惡的黃色雜種人,這些元素豐富了這部黑白電影,讓畫面更加有張力,讓它更具藝術(shù)表現(xiàn)力。
圖例:最大化理論運用在頁面上
《801》懸念站,詮釋整體黑白色調(diào),明亮的火焰和閃光的眼睛突出角色形象,在黑白背景上更顯突出和跳躍,讓畫面更具張力和藝術(shù)表現(xiàn)力。
正所謂1+1>2,同類型元素的組合能有強烈的視覺效果,相互矛盾的元素組合在一起,就包含了更多的含義。
海報1、2都是同類型元素的組合,將他們的共通點疊加。產(chǎn)生意想不到的視覺效果。
海報3是將兩個矛盾的元素組合在一起,強化矛盾,引發(fā)思考。
圖例:組合理論運用在頁面上
這是個牛仔服飾的網(wǎng)站,將衣服穿在恐龍骨架上,將恐龍的特性加在品牌上,更加生動形象。
分子作為符號的層次構(gòu)成了一個整體,更好的解析了主題也定義了主題。
圖例:分子理論運用在頁面上
頁面設計中也采用分子原理,加上flash互動效果,增強頁面互動性。
眼睛是通過一種可理解模式引導的,從左到右,從上到下,創(chuàng)建一種容易識別的整體形象。空間感能夠讓用戶有身臨其境的感覺,有更強的代入感,根據(jù)空間的視角,也可對頁面進行斜切設計,增加頁面動態(tài)和帶入感。
空間的設計有很強的帶入感,讓我們覺得自己不僅僅是看客,似乎自己也參與到畫面中。
圖例:空間理論運用在頁面上
用戶將以第一人物的視角來體驗兵器屬性,實際的操作更加真實更有說服力。
如何讓人感到出乎意料?你或許會應用一些特殊的字體,或者使用一些很另類的圖片而不是通常那種大路貨色的圖片?;蛘吣銘靡恍┨厥獾姆椒▉碜屢粡埰胀?/span>的圖片顯出另外的特色,反正,就是盡量避免按別人的習慣思維去設計,這種思路如果能夠準確應用,理所當然能夠獲得很好的吸引效果。這并不意味著你要驚世駭俗。只是意味著在設計中,你偶爾有與眾不同的一兩步就已經(jīng)足夠。出來的效果仍然會顯得端莊沉穩(wěn),但至少不會沉悶。
其實無論是做平面設計或是頁面設計,目的都為了更好地傳達信息,引起別人的注意;使人獲得更良好的視覺效果。我覺得設計需要我們更多的思考和創(chuàng)意,為了令人產(chǎn)生全新視覺趣味! 我們要擁有高度工作的熱情,精辟獨到的見解和靈活創(chuàng)新的理念。