<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 想有國際范?10個小技巧讓你瞬間提升網站檔次

    2015-10-19    博博

    藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

    如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

    來源:優設網

    現在全屏背景的網站非常流行,如果有同學想要做類似的網站,那圖片與文字就很關鍵咯,特別是圖片上的文字,從字體選擇到配色、排版都需要同學們好好斟酌。
    今天帶來10個小技巧,同學們閱讀完可以小試牛刀,說不定加上文字就成了點睛之筆,學起來吧!

    修圖教程推薦:
    PS修圖小教程!漂亮色調一秒調出來
    PHOTOSHOP CS6鮮為人知的一個調色功能

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

    1、添加對比

    Pack

    1

    telegraph

    2

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

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

    meand my self portfolio

    3

    toast

    4

    有時候將文本變成圖像的一部分時它的效率更高。但是這很難實現,只是在有限的情況下才工作。你需要一張簡單的圖片加上一串簡單的文字(上圖一),或者直接把文字合理地嵌入到圖片里(上圖二)。

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

    bradhogan

    5

    Michael Schmid

    6

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

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

    4、來點高斯模糊

    helloniche

    7

    wallmob

    8

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

    5、 把文本放在一個形狀里面

    tradestone

    9

    tnvacation

    10

    當圖片五顏六色并且明暗難以區分時,把文本放在一個框里面就可以很好地突出了。

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

    6、 把文本放在背景里面

    squareup

    11

    caitlinwicker

    12

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

    當然了,字體必須擺放在合適的位置。可以適當地給它來電投影效果用以突出文本。

    7、 一個字:大!

    plainmade

    13

    tiny foot print coffee

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

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

    8、 來點顏色看看

    Knucklesindustries

    15

    storyandheart

    16

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

    9、 添加一些高亮光澤

    winshape

    17

    brandvillage

    18

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

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

    10、簡單化

    keepsareal

    19

    joshcohen

    20

    經過時間的重重考驗充分證實保持簡單適用于文本和圖像。現在你想要讓兩者結合,就要好好考慮簡單化處理。

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

     

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 夜夜精品无码一区二区三区| 久久精品中文无码资源站| 欧美日韩综合精品| 国产精品欧美一区二区三区不卡 | 在线观看91精品国产网站| 日本一区精品久久久久影院| 蜜国产精品jk白丝AV网站| 青春草无码精品视频在线观| 一本久久a久久精品综合夜夜| 国产日韩精品欧美一区喷水| 合区精品久久久中文字幕一区| 国产乱人伦偷精品视频| 亚洲国产精品自在线一区二区| 2020亚洲男人天堂精品| 久久精品aⅴ无码中文字字幕重口| 亚洲国产成人精品女人久久久 | 久久精品成人免费国产片小草| 久久er热视频在这里精品| 精品一区二区三区无码免费视频| 国产日韩精品中文字无码| 精品人妻少妇一区二区三区| 国产韩国精品一区二区三区| 日本精品在线视频| 久久伊人精品青青草原高清| 国产成人精品免费午夜app| 国产区精品一区二区不卡中文| 精品成在人线AV无码免费看| 亚洲综合精品网站| 区亚洲欧美一级久久精品亚洲精品成人网久久久久 | 亚洲精品二区国产综合野狼| 无码国产亚洲日韩国精品视频一区二区三区 | 亚洲国产精品毛片av不卡在线| 久久精品国产99久久香蕉| 国产精品成人久久久久久久| 国产精品成人69XXX免费视频| 91精品日韩人妻无码久久不卡| 欧美大片日韩精品| 亚洲国产精品嫩草影院| www.日韩精品| 精品乱码久久久久久夜夜嗨| 久久这里只有精品视频99|