• 指南

設計模式基本使用辦法

了解網格系統

比較左右圖片,覺得哪一張圖片上的內容比較清晰整齊呢?大部分人都選擇右側圖片。這就是簡單的網格系統示例。

網格系統最初在建築的開發階段用於劃分區域,之後使用於文字設計,後來在1930年為了有效地構成新聞,照片等內容而使用。

I'MWEB 導入網格系統的辦法實現了輕鬆快速構成清晰的版面設計。使用 I'MWEB 建設的網站採用 12 欄網格結構構成,客體的移動或大小調整將會以整個寬度的1/12(大約 8.33%)單位調整。

雖然覺得在設計方面存在過度的限制,但是在大部分情況下都能製造出適當的版面設計的系統。

拖曳移動

設計模式中,最常用到的就是利用鼠標拖曳移動widget。鼠標點擊widget並拖曳到想要放置的位置時使用。

不僅能左右移動對象,而且能上下移動對象。

參考:只有一個widget的情況下,不能進行移動。在左右移動時,同一線上只有一個widget的情況下,也不能進行移動。只有一個widget,但想要調整左右空間時,請參考擺放,排列 1x1 widget 指南。

拖曳調整大小

拖曳wiget與widget之間的間隙能調整大小。

類似於圖片widget,地圖widget,空白widget的部分widget需要拖曳圖片下方的中间部分進行調整大小。無論調整大小,比例將會保持不變。

參考:類似於移動,只有一個widget的情況,不可使用左右大小調整。想要調小單一widget時,添加空白widget進行調整。

垂直大小調整可用像素單位而非網格單位進行細緻調整。

鼠標右鍵

想要全面使用設計模式,請使用鼠標右鍵。各widget或板塊,上端及下端可通過點擊鼠標右鍵進入設置窗口或快速修改各種項目。

參考:點擊在各widget或板塊右上方的 ⓘ 標誌也能達到同樣的效果。以方便性角度來看,還是建議您使用鼠標右鍵。

複製及貼上

就像電腦的文件管理中複製,貼上文件。設計模式上也支援widget和板塊的複製與貼上。想要複製的widget或板塊上放置鼠標,點擊右鍵選擇複製的方式,不僅能貼上至同一頁面,而且至不同頁面。

參考:複製與貼上不支援快速鍵。

立即儲存工作

設計模式的大部分設置將會被立即儲存。無需另點擊儲存按鈕。比如在變更圖片設置後點擊關閉的同時反映。

返回列表

不知從何開始?

Web So Easy!

前往線上教學

用過一次就愛上 “我”就是 Imweb 的忠實粉絲

在 Imweb 盡情表達“我”的想法
905.7K
累積網站架設數
全球已有數十萬名用戶
在 Imweb 表達著自己的理念
315
平均每日架站數
每天有多個新品牌
在 Imweb 推出客製化網站
1.9K
全球合作夥伴數

Imweb 企業合作