<ul id="g60s4"><pre id="g60s4"></pre></ul>
<strong id="g60s4"><nav id="g60s4"></nav></strong>
<ul id="g60s4"></ul>
  • <tr id="g60s4"></tr>
  • 
    
  • 或者

    網(wǎng)站設(shè)計分析:網(wǎng)頁設(shè)計中的半透明運用準則

    作者:月光邊境 瀏覽:164 發(fā)布時間:2018-03-01
    分享 評論 0

    使用半透明元素來設(shè)計網(wǎng)頁很美觀也很需要技巧。半透明效果是指色塊、文字或圖片被“稀釋”或者沖淡,使得顏色減淡,并且透出后方內(nèi)容

      執(zhí)行到位的話,這種效果會非常震撼,能劃出一塊絕佳的文字展示區(qū)域,或者作為吸引注意力至圖像某部分的手段

      但是使用半透明時,設(shè)計師必須小心謹慎。這種效果很難處理得當,因為事關(guān)可讀性。透明度使用錯誤的半透明塊和文字也,會能散注意力,并且破壞整體設(shè)計效果

      接下來看一套行為準則,附帶一些半透明效果在網(wǎng)站上的優(yōu)秀執(zhí)行案例

      通過半透明來形成對比

      

     

      

     

      

     

      選用半透明設(shè)計技巧的最大好處,是創(chuàng)造對比。這種效果可以讓設(shè)計師通過色塊、圖片上的大字體或多種顏色層次來創(chuàng)造視覺焦點

      半透明也可以在背景圖不能很好展現(xiàn)上方文字時,將文字分離開來

      使用半透明設(shè)計時尤其需要考慮對比。只有圖片(或背景)和文字都可讀時,半透明效果才是有意義的。當你考慮使用半透明效果時,問問自己:這是否有助于用戶對圖文的理解?

      避免遮擋圖片的重要部分

      半透明效果不應(yīng)該遮擋其下方背景或圖片的重要部分。決定半透明層位置的時候,要清楚你“犧牲”了什么內(nèi)容

      用不同的透明度

      

     

      

     

      

     

      

     

      沒有完美的透明度值。對于某些項目,80%透明度比較理想;對于其他的也許15%才是最佳選擇。對每個項目采用不同的透明度

      不要覺得半透明就能讓文字更易讀

      使用半透明色塊來襯托文字并不意味著文字會自動變得易讀。要考慮對比——半透明色塊與文字、背景圖與半透明色塊兩方面都要考慮

      半透明效果用在圖片、色塊或文字上時,考慮文字的可讀性至關(guān)重要。切記,如果設(shè)計效果致使文字難以辨認,你的信息將無從傳達

      在細節(jié)處使用半透明效果

      

     

      

     

      

     

      半透明并非只適用于網(wǎng)站的主體部分。這種效果在細節(jié)處也能大放異彩

      可以考慮用半透明來展示導航工具欄,或者作為按鈕和可點擊元素的鼠標懸停效果。多種透明度不要使用過度。選定一種元素和透明度樣式,然后使它貫穿整個網(wǎng)站的設(shè)計

      不要在對比強烈的圖片上放置半透明元素

      處于可讀性考慮,最好避免在已經(jīng)包含強烈對比的元素上使用半透明效果——比如黑白對比或色盤上的互補色

      因為要在背景的各個部分都達到正確的效果很難,想在這類元素上使用半透明效果,除非強烈對比在你的設(shè)計中真的只起到負面作用。考慮用淺色塊代替吧

      將半透明作為一種藝術(shù)手法

      

     

      

     

      

     

      半透明不只是次要效果。可以考慮用這個效果為你的網(wǎng)站設(shè)計主畫面

      大尺寸半透明創(chuàng)造的對比、強調(diào)和視覺吸引令人震撼

      不要將半透明作為裝飾物使用

      半透明效果并非為了打破設(shè)計中的單調(diào)。把這種效果作為裝飾物使用,注定會導致糟糕的設(shè)計

      半透明效果的使用應(yīng)該事先考慮和規(guī)劃好。半透明不是加粗這類簡單效果,處理不當看起來會很草率且不專業(yè)

      在背景中使用半透明

      

     

      

     

      

     

      不只是設(shè)計前景元素時可用半透明效果,它也能用在背景圖上。有些非常棒的半透明元素精細微妙

      還有些半透明效果夾在圖像層之間。例如Tony Chester的網(wǎng)站,就用了絕妙的半透明分層技巧打造了一件多維度的設(shè)計

      不要同時運用過多半透明效果

      在每個項目中有節(jié)制地使用不同類型的半透明效果。透明度要能制造反差對比,產(chǎn)生視覺吸引力。這樣使用過多的差異化效果,會分散用戶注意力

      在輪播圖片上使用半透明元素

      

     

      

     

      

     

      半透明的使用不限于單頁網(wǎng)站或靜止網(wǎng)站。它在變化的圖片和背景上也起作用。兩種方式都可以用上半透明效果

      在輪播圖片上使用半透明,是該效果最棘手的用法之一。卻也最令人印象深刻。慎重考慮多張背景圖的情況。選用顏色和對比搭配相近的圖片,這樣只需一種半透明效果即可應(yīng)對后方移動變換的背景

      格外注意半透明效果與每張圖的匹配程度,才能保證每張圖的整體性,并創(chuàng)作出易辨認的照片或其他背景與文字,保持視覺統(tǒng)一

      小結(jié)

      嘗試半透明效果,是拓展設(shè)計技巧的一個絕妙方法。像很多其他效果一樣,要有節(jié)制地使用這個技巧,并且在多種環(huán)境下實驗這種設(shè)計,來確保它按你的意圖運作和展現(xiàn)

      半透明設(shè)計的最大挑戰(zhàn),是在輪播圖片上使用時確保文字清晰可讀,和避免半透明元素錯誤地遮擋下方圖片

      嘗試多種透明度和使用方式——用于圖片、背景、遮罩效果——來決定那種效果最適合某個項目


    久久精品国1国二国三在| 国产精品内射视频免费| 精品久久久久久无码不卡| 久久久久久久99精品国产片| 久久亚洲国产成人精品无码区| 美女免费精品高清毛片在线视| 国产成人精品123区免费视频| 久久久精品天堂无码中文字幕| 久久精品国产四虎| 精品熟女少妇a∨免费久久| 久久精品美女视频| 久久91精品久久91综合| 亚洲精品美女久久777777| 久久97久久97精品免视看秋霞| 亚洲精品麻豆av| 四虎国产精品成人免费久久| 精品日韩99亚洲的在线发布| 日韩人妻激情制服丝袜另类| 国产在热线精品视频| 国产尤物在线视精品在亚洲| 国产精品一区二区四区| 国产精品久久毛片| 国产精品久久久久久久伊一| 国内精品久久久久久久久蜜桃| 国内精品在线播放| 欧洲精品在线观看| 国产精品香蕉成人网在线观看| 精品国产免费一区二区| 国产乱码精品一区二区三区四川人| 亚洲国产精品18久久久久久| 亚洲精品GV天堂无码男同| 午夜福利麻豆国产精品| 久久精品日韩一区国产二区| 最新国语自产精品视频在 | 日韩加勒比一本无码精品| 日韩精品国产丝袜| 国产精品不卡视频| 日韩免费观看一区| 老司机午夜精品视频在线观看免费| 亚洲а∨天堂久久精品| 精品一区二区三区免费视频|