01 圖片邊緣的處理

  左圖:

  很多圖片,本身並不定的,尤其是邊角區域為白色的吋候,如果不處理的話,很容易和白色背景融合。那麼我們該如何改變這些問題。

  右圖:

  於是我們在圖片的邊緣處增加了淺灰色的描邊,有效的解決了這些問題。或者改變與圖片融合的背景把它們改為灰色,這樣就和白色產生了對比。

  左圖:

  在展示團隊成員照片的時候,很多設計師在擺放團隊成員照片的時候層次不齊,破壞了整個統一性。

  右圖:

  經過調整後,讓整個圖片在畫面中的比例大小都保持一致,有效的解決了這個問題。

  左圖:

  上列一排圖片的展示中,有暖色有暗色,有亮有暗的整個極度不統一。給多用户視覺上造成不便。

  右圖:

  經過調整後讓整個圖片有色調明暗處理上保持了統一,有效的強調了畫面的一致性。

  左圖:

  圖片的長寬比例數值。這是在視覺上輕易看不出來但是如果給開發人員的時候,就會出現這個毛病。

  右圖:

  進過調整後的圖片比例長度都是偶數,這個時候便於前端工程師開發適配。