2017年12月17日 星期日

Moqups HTML5 網設必備的線框圖,線上即時設計工具


以前學生時代,老師總是會要我們畫草圖,但說真的在當下,覺得好浪費時間,所以每次都是隨手畫畫虎弄一下,出了社會開始工作後,也幾乎沒在畫什麼草稿,都是與客戶討論好,就直接出精稿給客戶看,但自從RWD響應式網頁後,讓梅干慢慢開始重視草稿這件事,最主要的原因就在於,RWD控制了所有裝置的版面,因此在前期的溝通就相當的重要,當今天頁面在電腦時會長怎樣、平板會長怎樣、手機會長怎樣,當確認這樣的區塊版型沒問題後,才會進入第二階段的設計稿模式。

而以前梅干都會用Illustrator來繪製網頁的框架圖,雖然說都只是線稿,但有時在繪製或調整時,還是挺時間的,再加上當設計好的框架圖,也無法立即分享給對方看,需把檔案轉成存JPG後,再透過通訊軟體或Email寄給對方確認,當要修正時,就得來來回回好幾時,有光是存檔,都忘了存到那一版了,所以梅干試用好幾套的線框工具,找到一款相當簡易好上手,且繪製完畢後,還能分享給對方看,甚至內建還有許多常用的ICOM圖示可套用,相當的方便,而免費版的部分,只有物件的限制,因此還沒找到合用的線框工具的朋友,這一款不防可參考看看囉!

Moqup
網站名稱:Moqups HTML5
網站連結:https://moqups.com/


原始介紹文章出自於此

沒有留言:

張貼留言