時間:2014-03-01 來源:合肥網(wǎng)hfw.cc 作者:hfw.cc 我要糾錯
設(shè)計一個吸惹人的網(wǎng)頁主橫幅實在可以很簡單,我們思考的只是如何分配區(qū)域,。
在一個簡略的網(wǎng)頁中,,上方的橫幅是最主要的視覺元素。在良多博客網(wǎng)頁中,,它甚至是獨一的視覺元素,。所以它的作用可以說是相稱大的。它必須可以與網(wǎng)站的風(fēng)格配合,并能轉(zhuǎn)達(dá)視覺上的信息,。它必需讓人看上一眼就讓人曉得這個網(wǎng)站是屬于什么類型,,作風(fēng)是什么。這個橫幅還必須可能供給簡略明了的導(dǎo)航鏈接,。所有這些,,我們都可以通過將橫幅分成三個區(qū)域而輕松實現(xiàn):每一個區(qū)域都擁有本人的功效,而我們還要將這三個區(qū)域在視覺上同一,,使三者具備類似性及和諧性,。看一下我們在本文中所先容的例子,。
從劃分空間開端:
一個網(wǎng)頁橫幅的寬度橫跨全部網(wǎng)頁,,而高度又相稱窄。將其分成三個區(qū)域:名稱,,圖片及導(dǎo)航鏈接,。而后我們分辨對其進(jìn)行設(shè)計。
如何分配區(qū)域:普通來說,,我們都是將名稱放在左上方,,而導(dǎo)航欄目放在下方。其空間的分配應(yīng)該穩(wěn)重,�,?臻g的比例大小是依據(jù)詳細(xì)的名稱(長或短)跟圖片而定的,很難說有什么最佳的比例,。然而,,應(yīng)該避免將上方空間分成兩等份,由于分成兩等份會讓人的留神力都放在版式上,,而不是放在內(nèi)容上,。采用錯誤稱的散布效果會更好。
尋找一張具表示力的圖片:
一張英俊的圖片是設(shè)計一個美麗橫幅的要害,。在找到照片后,,我們還要細(xì)心研討一下截取照片的哪一局部可以最有效傳達(dá)相干的信息。其切實實際中你會發(fā)明,,要挖掘這一點并不難,。
截取照片時應(yīng)記住一點:盡可能截取能夠傳達(dá)最多信息的那一部門。在上圖這張?zhí)飯@式的景致圖片中,,有樹,,有草,有山,,有陽光看一下我們截取的局部,都將這多少個重要的圖片元素都包含了,這恰是我們所須要的,,面積雖比原圖小許多,,但截取后的圖片所要傳達(dá)的信息豈但不減少,而且在檔次感上還增強了,。圖片上有豐盛的明暗區(qū)域(見黑白圖片),,造成近、中,、遠(yuǎn)三種視覺效果,。
用顏色分配區(qū)域:
用吸管工具從圖片選。網(wǎng)頁設(shè)計根據(jù)企業(yè)希望向瀏覽者傳遞的信息,,進(jìn)行網(wǎng)站功能策劃,,然后進(jìn)行的頁面設(shè)計美化工作。取一種較深的顏色,,將這種顏色的色階由暗到亮排列,,然后我們再來決議哪一個區(qū)域用哪一種顏色。特殊要留神的是能產(chǎn)生對比,。
強比較更具沖擊力:上述所有的色彩都領(lǐng)有統(tǒng)一種色調(diào),。而且這些顏色實踐上都是來自于圖片,可以說,,無論你如何將顏色調(diào)配到區(qū)域中,,個別來說,都能夠構(gòu)成調(diào)和的搭配,。但對照度卻會因你的不同調(diào)配而有所差別,。強比較存在沖擊力,而低對照顯得更安靜(但也因而給人的印象不深),。
放置名稱及導(dǎo)航文字:
肯定顏色后,,我們要湊合文字。文字應(yīng)該可以與圖片發(fā)生互補:復(fù)雜的圖片 / 簡單的字體,;優(yōu)雅的圖片 / 優(yōu)雅的字體,;安靜的圖片 / 裝潢性強的字體。
首先留心上圖中,,文字在色彩應(yīng)用上的調(diào)換,。綠色的文字用在金黃色背景上,反之,,金黃色的字體用在綠色背景上這樣的調(diào)換應(yīng)用能夠使全部版面顯得更加同一和諧,。
上圖
一個十分長的名稱應(yīng)當(dāng)分成兩行或多行,行與行之間的字體應(yīng)當(dāng)是整潔的,,防止使用某些高下不平的字體或小字字母,,這樣會在如斯狹小的小空間中造成抵觸,。大寫字母是咱們這個例子中的第一抉擇。咱們采取一種鎮(zhèn)靜優(yōu)雅的字體,,與這幅英俊的圖片發(fā)生互補,。
避免使用這種裝潢性較強的字體,它顯得過于獨特了,,只會在這里喧賓奪主,。
這種字體固然很美麗,但與這個例子中的圖片或網(wǎng)站作風(fēng)不搭配,。
采取補色:
在這個例子中,,一張半形象的圖片傳達(dá)出 d&t 修建設(shè)計公司的風(fēng)格,假如我們按上面的那個例子來挑選顏色,,那藍(lán) / 灰的顏色會對 logo 產(chǎn)生過于克制的影響,,所以我們使用一種反色。
補色構(gòu)成強烈的對比效果:整張圖片都是由冷色形成,,而對一間年青的建造設(shè)計公司來說,,藍(lán)色不能轉(zhuǎn)達(dá)它那種沖勁及活氣。解決措施:我們用藍(lán)色的反色或補色來部署 logo 區(qū)域,。我們首先在色輪上斷定藍(lán)色的地位,,而后取舍與其絕對的另一種顏色(見上方色輪)�,;檠a色的兩,。傳單設(shè)計從事設(shè)計制作,彩色印刷,包裝,后道加工一條龍服務(wù)。種顏色并不占有統(tǒng)一種基色(不象其它顏色關(guān)聯(lián),,比方,,綠色及橙色,這兩種顏色都有黃色在里面),,這就是為什么互為補色的兩種顏色可能造成無比強烈的對比,。在上方這個色輪中,紫色與黃色存在最高的色度對比,。
與 logo 配合:
fairweather downs 的標(biāo)記已經(jīng)有五十年的使用歷史了,,在這么長的歲月中,這個標(biāo)志簡直不轉(zhuǎn)變過,。這就是經(jīng)典,!在這種情形下,我們的設(shè)計重點應(yīng)該是斟酌標(biāo)志而不是圖片,。