歡迎來到培訓(xùn)無憂網(wǎng)!

全國切換

咨詢熱線 400-001-5729

位置:培訓(xùn)無憂網(wǎng) > 新聞資訊 > 電腦/IT > 網(wǎng)頁制作 >  網(wǎng)頁設(shè)計透明效果使用技巧學(xué)習(xí)

網(wǎng)頁設(shè)計透明效果使用技巧學(xué)習(xí)

來源:培訓(xùn)無憂網(wǎng) 發(fā)布人:云朵

2022-02-07 10:15:45|已瀏覽:174次

網(wǎng)頁設(shè)計透明效果使用技巧學(xué)習(xí)

透明效果如何運用才更成功?

1、用“透明效果”來制造對比

      使用透明效果最大的優(yōu)點是可以形成對比。設(shè)計者可以在圖像上打造出一個色塊或文本的焦點,增添屏幕的色彩維度,透明效果還能使文本從不搶眼的背景上跳脫出來。

      在運用透明效果時尤其要考慮對比度,只有圖像和文本都具備可視性時,透明效果才算成功。所以采用透明效果時,別忘了問問自己:這會使文本或圖像更容易理解么?

2、不要遮蓋圖片的關(guān)鍵部分

      透明效果不能遮蓋傳遞信息的背景或圖片。當(dāng)決定采用透明效果為框架時,要想想會不會少了什么。

3、要層次分明地運用透明效果

      透明效果的設(shè)置并沒有完美的參數(shù)。有些情況下,80%比較理想,而有些的話15%最好。這個要具體情況具體分析。

4、不要以為透明效果會增強文本可讀性

      不要以為你用了透明框,文本就自然能讀了。要想想對比——不管是透明框之于文本還是背景圖片之于透明框架,一定要充分考慮到文字的可讀性。無論是處理透明圖片,色塊還是文本都要記住,如果視覺效果使字體很難辨認,那你想要表達的信息將會無法傳達。

5、小范圍的使用透明效果

      不需大范圍的使用透明效果。小范圍的使用也能夠獲得很好的成效,比如可以用透明效果來做網(wǎng)頁導(dǎo)航或者按鈕的懸停效果等。別想著如何繁復(fù)地使用各種透明效果。選擇一種元素和透明樣式,并在網(wǎng)頁設(shè)計中貫穿始終。

6、不要在圖像上使用透明效果,形成強烈沖突

      考慮到文本的可讀性,最好避免在已經(jīng)具有強烈視覺沖突的圖片上使用透明效果——腦補一下黑、白以及色輪上的各種互補色。如果使用后的融合感對設(shè)計有減分作用,就盡量不要采用透明效果了。因為這樣很難使每個部分在背景中都能獲得理想的效果。這時可以思考如何把顏色搭配的更好。

7、把透明效果藝術(shù)化

      透明效果不是次發(fā)效應(yīng)。要運用透明效果設(shè)計出有主導(dǎo)性的圖像。大面積的透明效果是制造對比,強調(diào)和視覺興奮的有力設(shè)計。

8、別把透明效果當(dāng)做裝飾

      不能因為覺得設(shè)計乏味就在后期隨便添加一個透明效果。如果只是把透明效果當(dāng)做裝飾來運用的話會顯得雞肋,應(yīng)該提前計劃好如何應(yīng)用。透明效果可不像字體加粗那樣簡單。如果用不好,就會顯得草率,不專業(yè)。

9、在背景中運用透明效果

      透明效果不僅可以用在顯眼的設(shè)計元素中,也可以用在背景圖片上。一些很棒的透明效果都是很細微的,另一些透明設(shè)計則體現(xiàn)在圖層當(dāng)中。有些很好地運用了透明效果的圖層技術(shù),使設(shè)計看起來更有維度。

10、不要同時使用太多透明效果

      最好限制使用透明效果的數(shù)量。因為透明效果能制造對比,強調(diào)和視覺興奮感。如果用得太多,會分散用戶的視覺注意力。

      透明效果并不局限于單頁或靜態(tài)設(shè)計當(dāng)中,也可用到多種圖片和背景中,抑或兩者皆可。在動態(tài)圖中運用透明很討巧,也能讓人印象更深刻。仔細觀察透明效果如何作用于每張圖片,從而保證圖片透明度的完整一致性,使圖片,背景,文本變得可讀,形成視覺統(tǒng)一。

      注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.universityresearchassociates.com/news-id-19778.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注網(wǎng)頁制作頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機:

  • 地區(qū):

  • 想學(xué)什么:

  • 培訓(xùn)無憂網(wǎng)
免 費 申 請 試 聽
提交申請,《培訓(xùn)無憂網(wǎng)》課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!