設計師們在製作UI設計稿前,都會先用低保真的原型線框稿來做一份草稿,以方便釐清架構與團隊溝通,有些設計師們習慣用紙筆、iPad繪製,更進階一點的軟體有 Axure RP;如果公司只有一位萬能設計,他甚至可能用Sketch 或 Adobe XD直接上線框稿。
但近年來針對數位產品設計的軟體如雨後春筍冒出,擁有更多方便的工具,也許能為你或團隊,省下更多的時間,好讓我們更專注於創造殺手級數位產品上,Platforma — 就是一款規劃 Wireframe 的套件工具。
更快速地製作原型
拖拉式、所見即所得是這個年代要讓使用操作體驗更好的必備元素
在 Platforma 不用再一個一個元件去製作,直接使用 kit套組去拼拼湊湊,更快地完成網頁/app 的線框草圖。
調整響應式畫面
如果是在瀏覽器上實際上線的網頁,可以透過開發者工具或視窗放大縮小去模擬網頁在不同尺寸間的變化,如果還在介面規劃階段呢?
使用 Platforma做好一個標準尺寸網頁後,運用 Sketch 內建的 Resize功能,可以隨意拖拉至指定尺寸。
製作原型互動
製作線框稿(Wireframe)很重要的一點是要可以點擊頁面,去模擬實際操作網頁時的感受。
在 Platforma製作好線框稿後,無痛丟到 Invision 、Marvel app等第三方原型製作工具,搭配起來十分有效率。
如果是想要直接產生 HTML/CSS source 檔案,可以來玩玩看這個。
感謝您的閱讀!若這篇文章對你有幫助的話,可以拍手來點掌聲哦!是我繼續寫作的動力 :)
拍手「1下」:閱。
拍手「10下」:覺得不錯。
拍手「20下」:相當實用。
拍手「51下」:聽說在一秒內拍完可以突破極限到第51下哦!