99热精品在线,欧美精,自慰免费,国产亚洲无码一区

企業(yè)與個(gè)人網(wǎng)絡(luò)營(yíng)銷一站式服務(wù)商
網(wǎng)站建設(shè) / SEO優(yōu)化排名 / 小程序開發(fā) / OA
0731-88571521
136-3748-2004
網(wǎng)站首頁(yè)的設(shè)計(jì)技巧
信息來源:   發(fā)布時(shí)間:2017-1-4   瀏覽:

一、雙色冰淇淋漸變

首圖當(dāng)作全屏大圖處理時(shí),你可以將圖片調(diào)色成為雙色漸變,有點(diǎn)像我們吃的雙色冰淇淋球,選一組你認(rèn)為能激發(fā)心理氛圍的配色,最好是對(duì)比色,帶來 強(qiáng)烈的視覺落差。由于要作為背景而存在,整體的色彩明度要區(qū)別于文字的顏色。這里推薦的這一方式只需要利用PS中的“漸變映射”工具,就能輕松獲得。

我們不僅采用了這種雙色映射,還利用線條創(chuàng)造了視覺焦點(diǎn),引導(dǎo)了用戶的視線。

二、線條引流

沒錯(cuò),延續(xù)上一個(gè)例子所用的方法,這也不失為一種首圖設(shè)計(jì)方式。在首圖中讓線條來引導(dǎo)實(shí)現(xiàn)去穿越你想要焦點(diǎn)停留的地方。


上圖所示的設(shè)計(jì),重點(diǎn)是模特和文字,因此,我們采用了9這個(gè)數(shù)字的線條方向,利用這個(gè)線條的環(huán)繞運(yùn)動(dòng),最后從上至下游走過文字。這里的心理預(yù)期是要把9筆畫完成,因此你沒有可能跳過文字。

三、動(dòng)態(tài)情景

對(duì)于首圖的選擇,你可以焦距到動(dòng)態(tài)場(chǎng)景。這類動(dòng)態(tài)場(chǎng)景由于本身模特的動(dòng)態(tài)造型,會(huì)調(diào)動(dòng)觀眾的運(yùn)動(dòng)神經(jīng),激發(fā)頁(yè)面的活力。


大家可以想象,如果將上圖的主角換成一個(gè)靜物,效果將是不同的。這里將模特的方向加以改變后重新降低透明度的做法,帶來一定的虛實(shí)結(jié)合的感受。

四、謹(jǐn)慎配色

我們希望大家在運(yùn)用首圖時(shí),盡量不要去觸屏普通的風(fēng)景圖。自然風(fēng)光雖然好,但大片風(fēng)景會(huì)表現(xiàn)出一團(tuán)飽和的顏色堆疊,其實(shí)運(yùn)用在網(wǎng)頁(yè)中略顯得沒有重 點(diǎn)。因?yàn)槟阋獮樽罱K配圖運(yùn)用以后所出現(xiàn)的顏色負(fù)責(zé),色彩盡量控制在三種顏色之內(nèi),這條道理相信設(shè)計(jì)師們都會(huì)贊同,因此,這里的配圖的色彩最好也能有所節(jié) 制。

五、虛擬現(xiàn)實(shí)

當(dāng)然,我們這里談的不是虛擬現(xiàn)實(shí)(VR),而是在首圖設(shè)計(jì)時(shí),試著將靜物表現(xiàn)得更為“現(xiàn)實(shí)”,好像它們就在你的屏幕上,隨手可以取到。但這個(gè)表達(dá) 法,最緊要的是要為虛擬尋找出口,也就是說,不能完全寫實(shí),要讓用戶看出虛擬的破綻,從而讓形象更為立體。這類表達(dá)技巧在首圖中有手機(jī),利用APP產(chǎn)品展 示等最為常見。


這是我們今年出的一款開源的輕移動(dòng)口袋雜志,展示這個(gè)設(shè)計(jì)的時(shí)候,我們就運(yùn)用了虛擬現(xiàn)實(shí)的設(shè)計(jì)方式,增加背景圖案,并讓咖啡和太陽(yáng)鏡作為一種“休閑”的視覺提示物件,讓用戶能感受到它們的現(xiàn)實(shí)的同時(shí)又能從背景中看出“破綻”。

六、文字本身的美

每張首圖也許我們都希望能配上文字,其實(shí)文字本身也能成為一種風(fēng)景,有時(shí)候適當(dāng)運(yùn)用一些具有圖像風(fēng)格的文字,更能傳遞文字本身的能量。

如果能將文字看作圖像,書法文字是最合適不過了。書法本身的隨意瀟灑,和普通的印刷字體相比有著不可比擬的個(gè)性感。這里,運(yùn)用了書法作為主角,本身書法作為傳統(tǒng)國(guó)粹,在東方傳統(tǒng)的行業(yè)里運(yùn)用非常應(yīng)景。當(dāng)然,這里的書法本身還可以寫得更好。

七、靜止的力量

對(duì)稱能帶來一種莊重靜止的力量,因此,在首圖設(shè)計(jì)中,你不妨采用對(duì)稱的布局方式來設(shè)計(jì)首圖。但由于對(duì)稱本身略顯得靜止呆板,因此在設(shè)計(jì)上更需要多一些匠心,增加一些比較能突破規(guī)則小細(xì)節(jié)。


對(duì)稱的布局最好采用倒三角的構(gòu)圖,這樣視線會(huì)更靈活,從上往下會(huì)顯得更流暢,否則就會(huì)有一種滯澀不前的感受。

八、左圖右文

首圖的設(shè)計(jì)除了全屏展示,還有一種方式是可以放左邊圖片右邊文字的方式,這樣的設(shè)計(jì)技巧帶來的好處就是可以分割圖文,特別在圖片信息也同樣重要的時(shí)候,如果把圖文混合,雙方都不夠凸顯,不如左右各凸出主角,跟隨先左后右的視線也能傳遞本身的視覺效果。








上一條: 百度SEO算法解析
下一條: 高端網(wǎng)站建設(shè)注意事項(xiàng)
案例鑒賞
多年的網(wǎng)站建設(shè)經(jīng)驗(yàn),斌網(wǎng)網(wǎng)絡(luò)不斷提升技術(shù)設(shè)計(jì)服務(wù)水平,迎合搜索引擎優(yōu)化規(guī)則
網(wǎng)絡(luò)營(yíng)銷
多年的網(wǎng)站建設(shè)經(jīng)驗(yàn),網(wǎng)至普不斷提升技術(shù)設(shè)計(jì)服務(wù)水平,迎合搜索引擎優(yōu)化規(guī)則
長(zhǎng)沙私人做網(wǎng)站    長(zhǎng)沙做網(wǎng)站    深圳網(wǎng)站建設(shè)    株洲做網(wǎng)站    東莞做網(wǎng)站    南京防腐木    湖南大拇指養(yǎng)豬設(shè)備    株洲做網(wǎng)站    
版權(quán)所有 © 長(zhǎng)沙市天心區(qū)斌網(wǎng)網(wǎng)絡(luò)技術(shù)服務(wù)部    湘公網(wǎng)安備 43010302000270號(hào)  統(tǒng)一社會(huì)信用代碼:92430103MA4LAMB24R  網(wǎng)站ICP備案號(hào):湘ICP備13006070號(hào)-2