亚洲另类97色波,四季久久免费一区二区三区四区,丰满蜜桃精品视频网,国产在线观看无码九色8X视频亚洲中文字幕久久精品无码喷水_国产精品无码一区二区

10個(gè)小技巧讓你瞬間提升網(wǎng)站檔次

2014-2-26    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.teruid.com  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里 

現(xiàn)在全屏背景的網(wǎng)站界面設(shè)計(jì)非常流行,如果有同學(xué)想要做類似的網(wǎng)站設(shè)計(jì),那圖片與文字就很關(guān)鍵咯,特別是圖片上的文字,從字體選擇到配色、排版都需要同學(xué)們好好斟酌。
今天藍(lán)藍(lán)設(shè)計(jì)帶來(lái)10個(gè)小技巧,同學(xué)們閱讀完可以小試牛刀,說(shuō)不定加上文字就成了點(diǎn)睛之筆,學(xué)起來(lái)吧!

你必須首先要有合適的圖片,好的排版,知道如何充分利用現(xiàn)有資源整合出最佳效果。如果你覺得你已經(jīng)做好接受挑戰(zhàn)的準(zhǔn)備了,那么下面的10個(gè)小貼士對(duì)你會(huì)很有幫助的:

1、添加對(duì)比

Pack

1

telegraph


2

文本必須是可讀的!確保文本在顏色方面與背景圖片產(chǎn)生足夠的對(duì)比,如果你有一張暗色調(diào)的背景圖片,那么就選擇白色或者淺色調(diào)的文本。如果你的背景是淺色調(diào)的,那么文本就填充深色調(diào)。

2、把文本變成圖片的一部分

meand my self portfolio

3

toast


4

有時(shí)候?qū)⑽谋咀兂蓤D像的一部分時(shí)它的效率更高。但是這很難實(shí)現(xiàn),只是在有限的情況下才工作。你需要一張簡(jiǎn)單的圖片加上一串簡(jiǎn)單的文字(上圖一),或者直接把文字合理地嵌入到圖片里(上圖二)。

3、讓文字在人物的注視之中

bradhogan

5

Michael Schmid


6

處理圖像的視覺流在涉及到文本和圖片共存時(shí)是一個(gè)非常微妙的技巧。你需要文本符合圖像的一部分邏輯。而且,如果圖片是起到主要視覺效果的,就請(qǐng)不要把文本放在圖片最重要的位置,不要干擾圖片的視覺效果。

所以需要尋找空間去碼上你的文本。上面的兩個(gè)例子都很好地引導(dǎo)了你的視線走向。

4、來(lái)點(diǎn)高斯模糊

helloniche

7

wallmob


8

使用軟件簡(jiǎn)單地把背景圖片模糊一下可以最大化地突出你的文本。并且這會(huì)提升用戶關(guān)注你的整體概念。

5、 把文本放在一個(gè)形狀里面

tradestone

9

tnvacation


10

當(dāng)圖片五顏六色并且明暗難以區(qū)分時(shí),把文本放在一個(gè)框里面就可以很好地突出了。

選擇一個(gè)合適頁(yè)面圖片的形狀,然后調(diào)整形狀的顏色使之與整體融合得恰到好處(有時(shí)也可以調(diào)整透明度),然后打上字體,完美get~

6、 把文本放在背景里面

squareup

11

caitlinwicker


12

有時(shí)候反向思考也是很重要的。為什么一定要把文字作為特別的焦點(diǎn)放在前面呢?放在背景也可以??!在有些背景是單一的純色時(shí),把文本放在背景上更加能夠起到突出的效果!

當(dāng)然了,字體必須擺放在合適的位置??梢赃m當(dāng)?shù)亟o它來(lái)電投影效果用以突出文本。

7、 一個(gè)字:大!

plainmade

13

tiny foot print coffee

當(dāng)你實(shí)在是不知道該怎么辦時(shí),干脆就放大字體吧!這個(gè)辦法同時(shí)也擴(kuò)大了圖像本身給人的印象,大文本能夠迅速抓取用戶的眼球。

使用大圖片(比如上圖的咖啡豆)可以幫助你提高陰影和對(duì)比差異。而添加大文本則可以為頁(yè)面添加足夠的重力感。

8、 來(lái)點(diǎn)顏色看看

Knucklesindustries

15

storyandheart


16

添加一個(gè)顏色提示也可以增加視覺效果。上面的網(wǎng)站采取兩種截然不同的方法——第一張字體的顏色直接和背景色相近用以烘托背景主題,第二張字體顏色和背景顏色形成鮮明對(duì)比直接突出文本。這兩種方法同樣有效。

9、 添加一些高亮光澤

winshape

17

brandvillage


18

偏色處理是越來(lái)越受歡迎,它能使文本得到良好的突出。雖然這是一個(gè)復(fù)雜的工程,但效果驚人。

選擇一個(gè)可以提高視覺效果的顏色,調(diào)整透明度(不要整成完全透明的哦),然后添加上文本!如果你實(shí)在不知道如何選取顏色,干脆就直接選一個(gè)顏色。

10、簡(jiǎn)單化

keepsareal

19

joshcohen


20

經(jīng)過(guò)時(shí)間的重重考驗(yàn)充分證實(shí)保持簡(jiǎn)單適用于文本和圖像?,F(xiàn)在你想要讓兩者結(jié)合,就要好好考慮簡(jiǎn)單化處理。

在處理圖像時(shí),使用簡(jiǎn)單的排版和直觀的形象可以創(chuàng)造最好的效果。記得要讓圖像顯示出最重要的部分,保證可以清晰顯示文本。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔