分享一套超棒的iOS “空状态” (empty state) 界面UI设计

旧城等待， 2022-03-31 08:28 423阅读 0赞

日期：2013-2-1  来源：[GBin1.com][]

大家在程序开发或者界面设计中常常会遇到这样一些情况：

*  404 error
 *  内容未找到
 *  账户余额不够
 *  文件没有找到
 *  等等

这 些典型的属于empty state的[界面设计][Link 1]， 可能很多人都觉得并不重要，特别是做开发的开发人员，往往容易被忽视，但是这类的界面对于普通用户来说可能是经常会面对的，如果能 够在这类UI设计上好好的把握，会让用户的体验更丰富，在今天的这篇文章中，我们收集了一套iOS的“空状态”界面UI设计，希望能够给大家带来新的UI 设计灵感，如果你也有好的设计，请给我们投稿！

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 1]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 1]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 2]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 2]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 3]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 3]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 4]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 4]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 5]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 5]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 6]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 6]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 7]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 7]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 8]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 8]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 9]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 9]

[![12.jpg][]][12.jpg 1]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 10]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 10]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 10]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 10 1]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 11]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 11]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 12]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 12]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 13]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 13]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 14]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 14]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 15]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 15]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 16]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 16]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 17]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 17]

[![分享一套超棒的iOS “空状态” (empty state) 界面UI设计][iOS _ _empty state_ _UI 18]][iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 18]

via [ gbtags ][gbtags]

来源：[分享一套超棒的iOS “空状态” (empty state) 界面UI设计][GBin1.com]

[GBin1.com]: http://www.gbin1.com/tools/design/20130201-empty-state/
[Link 1]: http://gbin1.com/bloghome.html?tag=ui
[iOS _ _empty state_ _UI]: http://www.gbin1.com/tools/design/20130201-empty-state/1.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI]: http://www.gbin1.com/gb/networks/uploadimg/520006cb-cf7d-45e7-b21e-e9711d429a60.png
[iOS _ _empty state_ _UI 1]: http://www.gbin1.com/tools/design/20130201-empty-state/2.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 1]: http://www.gbin1.com/gb/networks/uploadimg/feb4ccc3-41ae-456f-9e0e-26dfae47bd32.png
[iOS _ _empty state_ _UI 2]: http://www.gbin1.com/tools/design/20130201-empty-state/3.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 2]: http://www.gbin1.com/gb/networks/uploadimg/5ef65dd5-db57-46c1-a6eb-a855fa2611d9.png
[iOS _ _empty state_ _UI 3]: http://www.gbin1.com/tools/design/20130201-empty-state/4.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 3]: http://www.gbin1.com/gb/networks/uploadimg/41a78985-6760-4f2d-9327-7fd5034c05d1.png
[iOS _ _empty state_ _UI 4]: http://www.gbin1.com/tools/design/20130201-empty-state/6.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 4]: http://www.gbin1.com/gb/networks/uploadimg/7ddd942d-580c-4de7-89a7-ccec700a4321.png
[iOS _ _empty state_ _UI 5]: http://www.gbin1.com/tools/design/20130201-empty-state/7.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 5]: http://www.gbin1.com/gb/networks/uploadimg/f454c2b5-a7e8-428a-a177-503e831c02e6.jpg
[iOS _ _empty state_ _UI 6]: http://www.gbin1.com/tools/design/20130201-empty-state/8.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 6]: http://www.gbin1.com/gb/networks/uploadimg/03fc9be4-93c1-4d1f-a65e-242b3ffd8669.png
[iOS _ _empty state_ _UI 7]: http://www.gbin1.com/tools/design/20130201-empty-state/9.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 7]: http://www.gbin1.com/gb/networks/uploadimg/9bc826ce-640c-4fa0-9efc-84e27181c19d.png
[iOS _ _empty state_ _UI 8]: http://www.gbin1.com/tools/design/20130201-empty-state/10.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 8]: http://www.gbin1.com/gb/networks/uploadimg/01b09196-5c40-4bde-be40-f145745e1128.png
[iOS _ _empty state_ _UI 9]: http://www.gbin1.com/tools/design/20130201-empty-state/11.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 9]: http://www.gbin1.com/gb/networks/uploadimg/d6b2a105-86e8-4ab6-af1e-9e44687255b6.png
[12.jpg]: http://www.gbin1.com/tools/design/20130201-empty-state/12.jpg
[12.jpg 1]: http://www.gbin1.com/gb/networks/uploadimg/83a1a667-a4c3-401d-8c93-738bdc0774f1.jpg
[iOS _ _empty state_ _UI 10]: http://www.gbin1.com/tools/design/20130201-empty-state/13.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 10]: http://www.gbin1.com/gb/networks/uploadimg/851ca79d-28b5-4457-a961-1c277562418b.png
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 10 1]: http://www.gbin1.com/gb/networks/uploadimg/3bfdd756-89b8-455b-956b-7323d337e5f9.jpg
[iOS _ _empty state_ _UI 11]: http://www.gbin1.com/tools/design/20130201-empty-state/14.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 11]: http://www.gbin1.com/gb/networks/uploadimg/c70deb44-2635-43b8-8e1b-68c851aa1509.jpg
[iOS _ _empty state_ _UI 12]: http://www.gbin1.com/tools/design/20130201-empty-state/15.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 12]: http://www.gbin1.com/gb/networks/uploadimg/99291684-3b72-496c-a1ba-fee8823f1ec4.jpg
[iOS _ _empty state_ _UI 13]: http://www.gbin1.com/tools/design/20130201-empty-state/16.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 13]: http://www.gbin1.com/gb/networks/uploadimg/ee5799af-1642-44e1-8928-2be7fe36d17f.jpg
[iOS _ _empty state_ _UI 14]: http://www.gbin1.com/tools/design/20130201-empty-state/17.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 14]: http://www.gbin1.com/gb/networks/uploadimg/968bdd0d-9a9e-4da2-bcd6-17251bb6e905.jpg
[iOS _ _empty state_ _UI 15]: http://www.gbin1.com/tools/design/20130201-empty-state/18.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 15]: http://www.gbin1.com/gb/networks/uploadimg/35bde20e-a1a2-4cc5-b2f3-a9083d9073df.jpg
[iOS _ _empty state_ _UI 16]: http://www.gbin1.com/tools/design/20130201-empty-state/19.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 16]: http://www.gbin1.com/gb/networks/uploadimg/fdfae654-c8ae-407f-9dee-ce78445df5b6.png
[iOS _ _empty state_ _UI 17]: http://www.gbin1.com/tools/design/20130201-empty-state/20.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 17]: http://www.gbin1.com/gb/networks/uploadimg/689dd694-abad-440d-bf39-7efc946aacd5.jpg
[iOS _ _empty state_ _UI 18]: http://www.gbin1.com/tools/design/20130201-empty-state/21.jpg
[iOS _ _empty state_ _UI_iOS _ _empty state_ _UI 18]: http://www.gbin1.com/gb/networks/uploadimg/ca982840-386a-477b-bf4f-f05b47e21026.jpg
[gbtags]: http://www.gbin1.com/gb/share/326.htm