圖片在界面上放置的位置是不受任何局限的，但它的位置直接關系到版面的構圖和布局。支配版面的四角和中軸是版面的重要位置，在這些點上恰到好處地安排圖片，可以相對容易地達到平衡而又不失變化，在視覺的沖擊力上起到良好的效果。

一、ui設計圖片如何排版

①擴大圖片的面積，能產生界面整體的震撼力。

②在對角線上安置圖片要素，可以支配整個頁面的空間，能起到相互呼應的作用，具有平衡性。

③把不同尺寸大小的圖片按秩序編排，顯得理性且有說服力。

二、ui設計圖片數量要求

圖片的數量首先要根據內容的要求而定，圖片的多少可影響用戶的閱讀興趣，適量的圖片可以使版面語言豐富，活躍文字單的版面氣氛，同時也出現對比的格局。

在圖片需要多的情況下，可以通過均衡或者錯落有致的H排列，形成層次并根據版面內容來精心地安排，有的現代設計采取將圖片精簡并且縮小的方式留下大量的空白，以取得簡潔、明快的視覺效果。

三、ui設計圖片面積要求

圖片面積的大小設置，直接影響著版面的視覺效果和情感的傳達，大圖片般用來反映具有個性特征的物品，以及物體局部的細節，使它能吸引讀者的注意力，而將從屬的圖片縮小形成注次分明的格局。大圖片感染力強，小圖片顯得簡潔精致，大小與主次得當的穿插組合，能使版面具有層次感，這是版面構成的基本原顛則。