Pingendo
是一款支援RWD自適應的全視覺化網頁設計工具,使用者可以直接用拖曳的方式完成基本的RWD頁面結構設計,可以大幅的減少版面編排的時間,對網頁設計的人來說是相當實用的工具。
想要獨立設計網頁的使用者,只要有一點網頁設計基礎的人應該很快就能夠上手;首先開啟時新增頁面會有全空白跟預設的版面讓你選擇,基本上要自己做當然是從全空白開始。
最左邊是全部可以用的工具,包含區塊及各種內容專案,最右側則是用來調整你所選擇的區塊或專案,中間則是編輯區。編輯方式完全是視覺化,直接拖著你要使用的專案到中間畫面就可以了,如果有外包內,或是順序時,拖曳進到編輯區時也都會有藍線做區分,讓你方便拖曳到要放置的地方。
為了讓Demo 畫面更逼真,Pingendo 內建了一些相簿素材可以使用,當你點選圖片的X 區塊就會進到這畫面,可以選擇用來Demo
的照片。當基本結構設定完後,也可以在右側微調各專案的ID、Class 等。除此之外也能直接透過下方展開HTML 及CSS 區塊,直接編輯。