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