一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

設(shè)計(jì)技巧雜談之一(之八)

 feihexing 2010-07-24

設(shè)計(jì)技巧雜談(之八)
本文由logosky.net設(shè)計(jì)師陳漢聰編譯,轉(zhuǎn)載請(qǐng)注明出處
文章編號(hào):06168 2007年11月5日


【譯者的話】 如何使版面顯得更快更干凈?當(dāng)版面存在兩個(gè)焦點(diǎn)時(shí),如果處理讓它們能夠和諧共處?如何利用粗壯的字體加強(qiáng)設(shè)計(jì)的力量?如何利用簡(jiǎn)單的元素設(shè)計(jì)一個(gè)醒目漂亮的封面?如何讓你的網(wǎng)頁(yè)顯得既清晰又平易近人?五個(gè)實(shí)用設(shè)計(jì)技巧,即刻奉上。


原文出處:www.

版面:組織元素

我們的朋友理查德一直熱愛(ài)飛行,所以他集資買(mǎi)了一架飛機(jī)并在西海岸開(kāi)展專機(jī)包租業(yè)務(wù)。我們可以輕易知道他的心思放在哪里:他所駕駛的噴氣式飛機(jī)擁有各種高端技術(shù)設(shè)備,但他所設(shè)計(jì)的商業(yè)名片卻讓人感覺(jué)有點(diǎn)……。讓我們看一下是否能夠按照原來(lái)的基本版面改進(jìn)一下他的設(shè)計(jì),讓他的名片與他的飛機(jī)看起來(lái)一樣快!

飛機(jī)生產(chǎn)廠商已經(jīng)提供了一張非常捧的圖片,但理查德卻犯了一下我們經(jīng)常會(huì)碰到的錯(cuò)誤:他只是將版面中一些空白的區(qū)域填上文字。這些文字極大的阻礙了飛機(jī)的飛行,缺乏層次,文字信息支離破碎。他將自己的名字設(shè)為天藍(lán)色——這一點(diǎn)似乎在設(shè)計(jì)與有關(guān)航空時(shí)都是一種本能選擇,但對(duì)于一張顏色飽和度不是非常高的照片來(lái)說(shuō),這種天藍(lán)色顯得過(guò)于刺眼。 Times Roman 字體用于文字當(dāng)然是一種不錯(cuò)的選擇,但對(duì)于飛機(jī)這種圓滑流暢的對(duì)象來(lái)說(shuō),則顯得過(guò)于瑣碎,加了陰影的設(shè)計(jì)進(jìn)一步增加文字的復(fù)雜感。

讓版面加快:我們將文字都移到上方的條狀區(qū)域里(也更符合我們的閱讀習(xí)慣)。輕巧的細(xì)細(xì)斜體看起來(lái)“更快”。左上角的旗狀區(qū)域在視覺(jué)上支撐著卡片。黑色及灰褐色傳達(dá)出中性及商業(yè)氣息,與照片互為補(bǔ)充?,F(xiàn)在飛機(jī)周?chē)鷽](méi)有什么東西擋住它的去路,終于可以自由飛翔。簡(jiǎn)單的調(diào)整后出來(lái)的效果就是:層次分明,夠 sharp 的設(shè)計(jì)!

版面:分割區(qū)域

設(shè)計(jì)廣告版面時(shí),我們經(jīng)常會(huì)碰到的一個(gè)問(wèn)題是:版面同時(shí)有兩個(gè)焦點(diǎn)要突出,如我們所談到的這個(gè)化妝品廣告版面,一個(gè)焦點(diǎn)是沖擊力十足的照片,另一個(gè)是醒目的名稱,你如何安排兩個(gè)焦點(diǎn)但同時(shí)又不會(huì)互相產(chǎn)生沖突?解決辦法很簡(jiǎn)單:分開(kāi)他們!將照片放在一個(gè)區(qū)域里,而名稱放在另一個(gè)區(qū)域。但顏色及對(duì)齊要保持協(xié)調(diào),就象這樣:

細(xì)心的讀者或許會(huì)留意到,從照片取色是我們很多篇文章中所經(jīng)常采用到的一個(gè)技巧。象這個(gè)版面一樣,由于文字顏色均來(lái)自圖片,所以既形成局部對(duì)比,但同時(shí)整個(gè)版面在視覺(jué)上仍然是一個(gè)統(tǒng)一的整體。技巧無(wú)所謂老土,實(shí)用就行啦。

版面:強(qiáng)壯的字體使封面更有力

Giza Nine Five 字體線條如此的粗壯,使其文字看起來(lái)象是一塊堅(jiān)實(shí)的區(qū)域,既傳達(dá)出一種強(qiáng)有力的氣息,也讓設(shè)計(jì)變得更容易。關(guān)鍵是要配合好這種字體的力量感:

矩形狀襯線:上圖是 Giza 字體家族中五種最粗壯的字體。其中 Nine Five 字體的線條厚重到幾乎沒(méi)有形成負(fù)空間。所以我們象堆積木一樣輕易應(yīng)用這些字體。在上面這個(gè)設(shè)計(jì)中,他們互相緊靠,整個(gè)設(shè)計(jì)非常充實(shí),沒(méi)有給紙張留出多余的空位——四個(gè)元素把持著各自的陣地!

留意四個(gè)元素區(qū)域有各自的“紋理”及色調(diào)。最上方的字體最黑, FIRE 這個(gè)字體呈短平粗狀,正文呈細(xì)致紋理。不同的感覺(jué)既使各個(gè)元素沒(méi)有互相干擾,但同時(shí)又組成了一個(gè)強(qiáng)有力的視覺(jué)吸引力。

視覺(jué)焦點(diǎn):矩形區(qū)域的特點(diǎn)是:給人穩(wěn)重、平實(shí)的感覺(jué),同時(shí)對(duì)角位也趨向于中心點(diǎn),使視線自然地向內(nèi)聚集。而這張照片本身呈矩形,同時(shí)其圖片的元素也呼應(yīng)了這種特性——這張角度獨(dú)特的照片使整個(gè)封面的力量感進(jìn)一步加強(qiáng)。

版面:設(shè)計(jì)醒目的套入式封面

你需要一個(gè)既醒目又容易設(shè)計(jì)的封面用于一份簡(jiǎn)單的文件上?想一下我們所戴的袖章——或者很多新書(shū)封面中間都會(huì)加上一個(gè)套紙來(lái)推介書(shū)本——這種技巧我們完全可以應(yīng)用在設(shè)計(jì)上。畫(huà)一個(gè)水平擺放的區(qū)域,然后將文字直接放在上面,就是這么簡(jiǎn)單!象這樣:

元素的對(duì)齊是其中的關(guān)鍵:將整個(gè)頁(yè)面分成多欄,然后將文字與其中的欄線對(duì)齊,再加一個(gè)水平的區(qū)域。顏色要符合主題(上方的主題是保險(xiǎn)業(yè)——注),留意題目的顏色與背景形成最強(qiáng)烈的對(duì)比,如果你希望將這個(gè)水平區(qū)域應(yīng)用一點(diǎn)陰影也可以,感覺(jué)會(huì)更象一個(gè)紙?zhí)?。下圖中,不對(duì)稱的分布使版面更具動(dòng)態(tài),居中的分布顯得過(guò)于靜態(tài)。

如果這個(gè)封面你要在桌面打印機(jī)輸出,但卻擔(dān)心不能打印到頁(yè)面邊界?我們可以調(diào)整一下:

設(shè)置頁(yè)邊距,四邊間距應(yīng)該相等,然后加上一個(gè)淺色背景填充,這樣才能夠“重新定義”空間。

網(wǎng)頁(yè):向?yàn)g覽者打招呼

Syd Lieberman 是一個(gè)專業(yè)講故事的人,同時(shí)也是一名教師及作家——而他的業(yè)務(wù)也完全與此有關(guān)。為了讓人了解他的相關(guān)情況,他象一位老朋友一樣,“站在門(mén)口與你打招呼”,好象他又有什么有趣的故事要講給我們聽(tīng),讓我們看一下他的網(wǎng)站是如何給人留下美好的第一印象:

溫馨的顏色:三個(gè)水平區(qū)域分別應(yīng)用于標(biāo)題、導(dǎo)航欄目及簡(jiǎn)介。網(wǎng)頁(yè)采用的一種溫馨的大地色,下方采用了緩和的輕微漸變色,而上方區(qū)域應(yīng)用了一些陰影效果。幾乎處于頁(yè)面高度中間的導(dǎo)航區(qū)域顯得不同尋常,也非常有效!

輪廓式的人物圖片阻斷水平線的延伸,截停你的視線,使你不禁打量起這位學(xué)識(shí)淵博的人。人物圖片采用了細(xì)細(xì)的陰影,產(chǎn)生了深度。留意人物 SYD ,標(biāo)題及文字周?chē)加泻荛_(kāi)闊的空間,這使到幾個(gè)元素都能夠輕易捕捉。

一張大圖片,如果充斥太多鮮艷顏色,出來(lái)的效果可能會(huì)嚇人一跳。但這個(gè)網(wǎng)頁(yè)中,這張人物顏色非常平實(shí),呈不飽和狀(上圖四個(gè)矩形是從人物身上所取的顏色),背景的顏色同樣使用這些類似色調(diào),使整個(gè)版面顯得溫馨樸實(shí),平易近人。

內(nèi)頁(yè)重復(fù)首頁(yè)的元素——但尺寸變小:

在內(nèi)頁(yè)中,導(dǎo)航條移到上方,首頁(yè)上方的設(shè)計(jì)顯得簡(jiǎn)約,而在內(nèi)頁(yè)中,同樣延續(xù)這種風(fēng)格,這使到下方可以展示各個(gè)主題。

延續(xù)性在設(shè)計(jì)中是非常重要的,其實(shí)也正如講故事一樣,在情節(jié)上同樣需要有延續(xù)。在內(nèi)頁(yè)中,將首頁(yè)的幾種元素(人物、標(biāo)題、導(dǎo)航條)等集中在上方,并以此作為一種基本樣式延續(xù)到每一頁(yè)。

漂亮典雅的文字是設(shè)計(jì)中的關(guān)鍵元素。留意 Syd 老兄的名字是固定放在左邊,而其余描述性文字則固定放在右邊,并隨著不同的主題而改變,非常簡(jiǎn)潔的設(shè)計(jì),信息傳達(dá)上也非常有效率。

輕微漸變:內(nèi)頁(yè)的漸變與首頁(yè)略有不同,顯得更淺,因?yàn)樵趦?nèi)頁(yè)中有很多信息要放置,一個(gè)較淺的背景也使其能夠與各種圖片、文字及按鈕等各種元素形成更好的對(duì)比。

本文所用顏色如下:

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多

    青青草草免费在线视频| 日韩欧美精品一区二区三区| 国产亚洲精品一二三区| 欧美日韩精品一区免费| 国产女高清在线看免费观看| 久久三级国外久久久三级| 欧美日韩综合免费视频| 欧美精品久久99九九| 欧美激情一区=区三区| 福利一区二区视频在线| 国产精品免费自拍视频| 日韩性生活片免费观看| 国产熟女一区二区三区四区| 国产精品免费福利在线| 久久精品亚洲情色欧美| 成年人黄片大全在线观看| 国产综合一区二区三区av| 中文久久乱码一区二区| 国产在线一区中文字幕| 亚洲国产色婷婷久久精品| 国产成人国产精品国产三级| 国产精品人妻熟女毛片av久| 精品日韩中文字幕视频在线| 亚洲欧美日韩网友自拍| 日韩人妻中文字幕精品| 国产伦精品一区二区三区高清版| 国产在线一区中文字幕| 日韩精品一区二区亚洲| 九九热精品视频在线观看| 欧美午夜国产在线观看| 加勒比系列一区二区在线观看 | 中国日韩一级黄色大片| 欧美中文字幕一区在线| 国产女同精品一区二区| 国产日韩欧美在线亚洲| 欧美精品久久一二三区| 午夜福利激情性生活免费视频| 老司机精品视频在线免费| 欧美不雅视频午夜福利| 最新69国产精品视频| 精品熟女少妇一区二区三区|