精美的 ( Android, iPhone, iPad ) 手机界面设计素材和线框图设计工具
2014-12-23 16:47
776 查看
在制作界面原型的时候,如果有现成的界面基础元素可以使用的话,设计师就可以非常快速的完成原型的制作,能够节省大量的时间和精力。在这篇文章, 我向大家分享45套非常有用的 UI 和 Wireframe 套件素材包,帮助设计们用于 Web 和 Mobile 项目的界面原型设计。
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/2fdd08bc297a42ad404deae43fb28be0.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/f24f90602a6cbe2ab72caf3f6e8ac724.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/cdedaabeee68e05631c60db3618a6579.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/809b6c850c25cc447e26fd02317494b2.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/6104d6e66aa241687754dd3e42e8ac3e.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/d510449bf0784e3188e8aa45c41a86f8.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/fd66bc1afe1502270020c68c67547c9e.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/e86c9f5eb571cb65bd9d6c0ea44e7d95.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/bc79f7f97a5985f04897a95db13681bc.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/8807af6fe3c4b12e9039e3b65ddedfc6.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/13842e31e7e6f60329412aec5af9d52d.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/4d1b73f6a20666a8d4a9f2b9cbcc2ecc.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/8fc52556a3f333dd778a7d83559b3c0a.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/5952fb4d8c2eb2e1fd23021d9d71b738.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/cc1efeecd164e7251f709ed774e13858.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/e887249e9eaf3b628a407e11fc9fd7a3.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/051aa906824422d5174192752766f8e3.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/9c9c7f17e3c4cb35fdd714be5392f07d.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/bd59b351d850497f85b8a18d3805679a.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/7f9f690355e836504b9a293dd1c32948.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/88723d5fd03f087d3a85bed421a051d3.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/782bc0b255f3824483722c03757b9ab0.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/9919f189270606c5e3171d079a30a6b7.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/e53abb1e64eb950c7e68d9b06b5fda49.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/a911de1dea81b4155c755b9bb6568cd7.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/ee98746af282ac495941b6d92afcc601.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/0b7e4b114f6e6b52753e5fc3da53a0a4.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/121a68c3e231e436c803fb0460c9a50c.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/57b433c44d7316d50474362e581f932a.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/d934c8ba56c257f3b52ca3261a58d484.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/b94f9fc0af0e5582349a96dad9203b3a.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/931ab625471d71b12796f75279493d2a.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/1cca6621161cf291f68f7c7c8ee530d5.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/d87fbc5c71e59f6cea9d0aceda2f4a1e.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/8682b77515b0f9aef357d0442e95cf6c.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/b23c5229cdd0e1d1a8c5ecbaabf4c7dd.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/1c82474b2edad804e567dc5272df3e38.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/130f33edfb79caf9672260557a3780ad.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/35662d5821cbc5a2b758dcd248ab2857.jpg)
Android 2.2 GUI
整套 Android 2.2 手机界面 UI 组件素材,非常精美!![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/2fdd08bc297a42ad404deae43fb28be0.jpg)
Big Block UI
下拉列表,开关切换按钮,搜索框以及单选,多选按钮等。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/f24f90602a6cbe2ab72caf3f6e8ac724.jpg)
Stencil kit
滑块控制,开关按钮等组件的模板素材。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/cdedaabeee68e05631c60db3618a6579.jpg)
Flex 3 Stencil
非常有用的 Flex 3 应用程序界面组件模板。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/809b6c850c25cc447e26fd02317494b2.jpg)
Browser Form Elements PSD
实用的浏览器表单元素,帮助你快速制作网站原型。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/6104d6e66aa241687754dd3e42e8ac3e.jpg)
Samsung i9000 Galaxy S .PSD
三星 i9000 Galaxy PSD 素材。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/d510449bf0784e3188e8aa45c41a86f8.jpg)
Motorola Droid 2
精美的 Motorola Droid 2 界面设计素材。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/fd66bc1afe1502270020c68c67547c9e.jpg)
Illustrator Template for iPhone
用于 iPhone 应用程序原型设计的模板素材。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/e86c9f5eb571cb65bd9d6c0ea44e7d95.jpg)
Small GUI Pack
效果精美的网站和移动应用界面素材包。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/bc79f7f97a5985f04897a95db13681bc.jpg)
Keynote Wireframe Templates
Keynote 线框图模板,帮助你快速构建应用原型。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/8807af6fe3c4b12e9039e3b65ddedfc6.jpg)
Flex Darkskin PSD UI
黑色风格的 Flex PSD 界面素材资源。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030193/13842e31e7e6f60329412aec5af9d52d.jpg)
Web kit interface layout pack
丰富的 Web 界面布局组件包。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/4d1b73f6a20666a8d4a9f2b9cbcc2ecc.jpg)
Sleek Video Player
圆滑,精美的视频播放器设计模板素材。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/8fc52556a3f333dd778a7d83559b3c0a.jpg)
iPhone UI Kits
整套 iPhone UI 组件包,帮助你轻松制作 UI 界面。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/5952fb4d8c2eb2e1fd23021d9d71b738.jpg)
Colorfill boxes
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/cc1efeecd164e7251f709ed774e13858.jpg)
Web Browser Elements
网站应用中常用的界面元素。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/e887249e9eaf3b628a407e11fc9fd7a3.jpg)
Mac OS X Interface 2
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/051aa906824422d5174192752766f8e3.jpg)
iPhone PSD Vector Kit
非常精美的 iPhone PSD 格式矢量素材包。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/9c9c7f17e3c4cb35fdd714be5392f07d.jpg)
Squetch Wireframing Toolkit for Illustrator
用于 Illustrator 设计的免费线框图元素组件包。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/bd59b351d850497f85b8a18d3805679a.jpg)
UI Design Kit
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/7f9f690355e836504b9a293dd1c32948.jpg)
iPad Stencil for Omnigraffle
用于 iPad 应用程序原型制作的界面组件模板素材。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/88723d5fd03f087d3a85bed421a051d3.jpg)
Android GUI PSD
整套的 PSD 格式 Android 应用程序界面设计素材。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/782bc0b255f3824483722c03757b9ab0.jpg)
All elements of Maemo 5 GUI in PSD
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/9919f189270606c5e3171d079a30a6b7.jpg)
Free Full Layered Facebook GUI PSD Kit
Facebook 通用交互界面 PSD 素材包。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/e53abb1e64eb950c7e68d9b06b5fda49.jpg)
Quommunnication Stencil Kit
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/a911de1dea81b4155c755b9bb6568cd7.jpg)
Massive Web UI & Button Set
各式各样的 Web UI 和按钮集合。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/ee98746af282ac495941b6d92afcc601.jpg)
EightShapes Unify
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/0b7e4b114f6e6b52753e5fc3da53a0a4.jpg)
Web Form Elements Volume 1
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/121a68c3e231e436c803fb0460c9a50c.jpg)
Photoshop Button Templates
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/57b433c44d7316d50474362e581f932a.jpg)
iPad GUI PSD
非常精美的 PSD 格式 iPad 通用界面设计素材。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/d934c8ba56c257f3b52ca3261a58d484.jpg)
IPhone GUI as Rich Symbols for Fireworks
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030192/b94f9fc0af0e5582349a96dad9203b3a.jpg)
RIM Blackberry PSD
效果精美的黑莓 PSD 素材。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/931ab625471d71b12796f75279493d2a.jpg)
Ultimate iPhone Stencil – Graffletopia
极其有用的 iPhone 界面设计组件模板。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/1cca6621161cf291f68f7c7c8ee530d5.jpg)
iPhone App Wireframe Template
iPhone 应用的线框图模板素材。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/d87fbc5c71e59f6cea9d0aceda2f4a1e.jpg)
A4 and A3 Sketching Grid Paper
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/8682b77515b0f9aef357d0442e95cf6c.jpg)
Illustrator Template for Blueprint CSS Comps
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/b23c5229cdd0e1d1a8c5ecbaabf4c7dd.jpg)
960 Grid Template for OmniGraffle
用于 OmniGraffle 的960网格系统模板素材。![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/1c82474b2edad804e567dc5272df3e38.jpg)
Photoshop Template for Blueprint CSS Comps
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/130f33edfb79caf9672260557a3780ad.jpg)
web.without.words
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030183/35662d5821cbc5a2b758dcd248ab2857.jpg)
相关文章推荐
- 转载:45套精美的 ( Android, iPhone, iPad ) 手机界面设计素材和线框图设计工具
- 45套精美的 ( Android, iPhone, iPad ) 手机界面设计素材和线框图设计工具
- 45套精美的 ( Android, iPhone, iPad ) 手机界面设计素材和线框图设计工具
- 45套精美的手机界面设计素材和线框图设计工具
- 45套精美的手机界面设计素材和线框图设计工具
- 移动设备界面开发: 专业Android, iPhone, iPad, Palm Pre设计工具箱
- 30套精美的 iDevices(iPhone, iPad, iOS)PSD 界面素材资源
- 移动设备界面开发: 专业Android, iPhone, iPad, Palm Pre设计工具箱
- 30个免费的精美 iPhone, iPad, iOS, Mac 界面素材
- Iphone和ipad的GUi 界面设计风格
- 转载【判断 ipad,iphone,android,手机,电脑登录页面 】
- Android(OPhone) 学习笔记 - 界面设计工具
- Android组件界面设计工具 DroidDraw
- 30个真棒的(免费iPhone,iPad IOS)的GUI 界面设计元素模板 做iphone开发的福音
- iPad和iPhone App界面设计的30个案例
- 实战开发问题总结(界面设计)----android应用如何适配于多个分辨率的手机
- Android的界面设计工具——DroidDraw
- 吸墨网Android手机客户端界面设计
- android界面设计工具
- 【项目经验】Iphone和ipad的GUi 界面设计风格