比較左右圖片,覺得哪一張圖片上的內容比較清晰整齊呢?大部分人都選擇右側圖片。這就是簡單的網格系統示例。
網格系統最初在建築的開發階段用於劃分區域,之後使用於文字設計,後來在1930年為了有效地構成新聞,照片等內容而使用。
I'MWEB 導入網格系統的辦法實現了輕鬆快速構成清晰的版面設計。使用 I'MWEB 建設的網站採用 12 欄網格結構構成,客體的移動或大小調整將會以整個寬度的1/12(大約 8.33%)單位調整。
雖然覺得在設計方面存在過度的限制,但是在大部分情況下都能製造出適當的版面設計的系統。
設計模式中,最常用到的就是利用鼠標拖曳移動widget。鼠標點擊widget並拖曳到想要放置的位置時使用。
不僅能左右移動對象,而且能上下移動對象。
拖曳wiget與widget之間的間隙能調整大小。
類似於圖片widget,地圖widget,空白widget的部分widget需要拖曳圖片下方的中间部分進行調整大小。無論調整大小,比例將會保持不變。
參考:類似於移動,只有一個widget的情況,不可使用左右大小調整。想要調小單一widget時,添加空白widget進行調整。
垂直大小調整可用像素單位而非網格單位進行細緻調整。
想要全面使用設計模式,請使用鼠標右鍵。各widget或板塊,上端及下端可通過點擊鼠標右鍵進入設置窗口或快速修改各種項目。
參考:點擊在各widget或板塊右上方的 ⓘ 標誌也能達到同樣的效果。以方便性角度來看,還是建議您使用鼠標右鍵。
就像電腦的文件管理中複製,貼上文件。設計模式上也支援widget和板塊的複製與貼上。想要複製的widget或板塊上放置鼠標,點擊右鍵選擇複製的方式,不僅能貼上至同一頁面,而且至不同頁面。
參考:複製與貼上不支援快速鍵。
設計模式的大部分設置將會被立即儲存。無需另點擊儲存按鈕。比如在變更圖片設置後點擊關閉的同時反映。