有很多同學在把設計稿辛苦做完給到總監確認的時候，有沒有被他批評說：這不是他要的。或者被客戶說，你怎么做成這樣了。

其實出現這個情況的原因就是你沒有在前期好好溝通，畫出線框圖確認頁面基本元素。那么有了我們今天的18套工具后，以后你會輕松很多。

當開始一個新的網頁設計或移動應用項目時，以線框圖開始絕對是正確的選擇，因為它們可以幫助你與各方達成協議，不會再在后期糾結項目的頁面元素：標題、內容區域、導航菜單、頁腳等等。

我們搜集了18個免費UI線框和UI工具包，將幫助您提高設計效率。

微盤打包下載地址：http://vdisk.weibo.com/s/aj4Q1htdUOi_o

One Page Website Wireframes #2

Free UI Kit [PSD]

Free Photoshop Wireframe Kit

UI Kit

UI Kit

Free responsive wireframes

One Page Website Wireframes #2

One Page Website Wireframes

Free UI Kit

Mobile Wireframe Kit PSD

App Wireframes Kit

iPhone wireframe UI set

iOS 7 Wireframe Kit

Flatastic Mobile UI Kit

Android UI XHDPI Template

WireKit

iPhone App Wireframe

iPhone Wireframe UI Kit

原文地址：webdesignledger
作者：Henry Jones

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量69萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：