APP设计灵感|空白页空状态界面也可以这么设计

最新推荐文章于 2021-10-12 21:03:51 发布
最新推荐文章于 2021-10-12 21:03:51 发布
阅读量617 收藏
点赞数
分类专栏： UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/awayaya1/article/details/113861003
版权

在用户使用产品的过程中，“空”往往意味着没有内容，失去连接，发生错误。有趣的空状态设计能让用户会心一笑，减少不悦感。自己灵感不足的时候，多借鉴大师的作品，是个不错的选择，更多的设计师到集设网www.ijishe.com交流学习社区进行头脑风暴，来看看空白也有情，12个空状态界面欣赏 - 集设，学习这些界面是怎样借助插画和创意去尝试的吧！

最低0.47元/天 解锁文章
awayaya1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
前端开发：基于移动端的占位符（空状态）使用
软贱开发攻城狮
09-10 2122
前言 在基于移动端的前端开发的时候，需要做到仿原生app的功能效果，尤其是UI布局，以及操作流程和方式，都应该跟移动端原生开发的时候保持高度相似。本篇博文分享一个关于基于移动端的前端开发的时候，无数据时候的占位符（空状态）使用的方法。 本文分享两种占位符的使用方式，一种是直接通过使用Vant的Empty组件，另外一种是自己实现自定义占位符组件。 一、Vant自带的Empty组件 首先来讲一下基于Vant的占位符（空状态）组件，Vant的占位符组件使用起来很简单，直...
App设计灵感之十二组精美的移动支付App设计案例
╰つ栺尖篴夢ゞ
10-12 509
移动支付方便快捷，在保证其安全性的前提下，界面的设计样式多种多样。更美观、合理的界面能够让用户更乐意使用移动支付的方式来进行消费。 ① Wallet App Design by Imran Hossen ② Split Bill - App Design by Budiarti R ③ Roava App Design by Cuberto ④ Online Digital Loan Exploration by Azie Melasari ⑤ Monety - Expense Tracker Ap
android 空界面_转到空界面说明
cuk0051的博客
08-29 136
android 空界面An interface in Go specifies a method set. Any type that implements this method set is said to implement the interface. Go中的接口指定方法集 。 任何实现此方法集的类型都称为实现接口 。 An interface is implemented imp...
App设计灵感之十二组精美的电商App设计案例
╰つ栺尖篴夢ゞ
10-11 1273
电商界面需要给用户清晰的展示出产品的特点，不同的产品，运用不同的界面风格，将产品更好的展现出来，提高用户购买欲望。 ① Zummedy App Store by Manuel Rovira ② Watch Shop App by Mostafa_taghipour.uix ③ Watch : E-commerce Mobile App by Sumiya ④ Sneakers Store App by Purrweb UI ⑤ Smart Shopping Showcase by Cuberto
App设计灵感之十二组精美的外卖App设计案例
╰つ栺尖篴夢ゞ
10-12 934
外卖 App 界面多以单色作为食品展示的背景色，目的在于突出食品，更好的吸引用户，让用户可以更快的做出选择。 ① Sushi Apps Exploration by Azie Melasari ② Recipe App by Arya Wijaya Kusuma ③ Fresh Juice Mobile App by Ghulam Rasool ④ Food Recipe App by Herdetya Priambodo ⑤ Food Mobile App by Soni ⑥ Food deli
设计灵感|App中的页面空状态应该如何表现？
awayaya1的博客
01-13 581
什么是空状态？ 空状态：顾名思义就是空白的状态，空状态是对没有数据页面的补充，一种对零数据的设计形式（如下图所示：无网络、订单为空、没有关注的人以及无法连接网络等等这些页面就是所谓的“空状态”。） 空状态是APP设计中不可或缺的一部分，特别是新用户初次接触到产品APP时，必然会面对很多空状态。 基本原则 准确：空状态需要清晰明确地将当前系统状态传达给用户 直观：简言之就是画面要“小而美”→简单 高效：提供用户快速有效地摆脱空状态的方法 App设计中的空状态能够明确提示用户，当前页面没有内...
移动应用的＂空＂状态界面设计
03-03
也正是因为这样的原因，空状态界面留给用户的印象大体上就是晦涩难懂的文案以及缺乏视觉设计风格。要想打造完美的整体体验，作为设计师，我们不能放过任何一个用户有可能接触到的界面状态。空状态界面大致包括三种...
交互干货必收|App界面交互设计规范
02-20
在上篇《APP界面设计风格》确定下来后，产品经理（兼交互设计）还不用着急将所有的交互稿扔给设计师进行细致的界面设计。在细节设计启动前，拉上设计师和安卓前端开发、ios前端开发一起商议确定设计规范先吧！APP...
MATLAB APP design-APP登录界面的设计
最新发布
02-19
在账号和密码提示框中输入相关信息，当输入的账号和密码正确时，点击登录按钮后，登录界面会跳转到工作界面，如果输入的账号和密码错误，则会提示账号和密码错误的信息...跳转界面可以通过修改程序中的Run函数来实现。
聊聊空状态设计
网易数帆社区博客
08-24 562
本文来自网易云社区空状态作为一种页面形式，通常被定义为页面的特殊状态。交互设计时空状态多为最后的产出物，甚至是等到开发/QA询问到边界情况时才豁然发现速速补充的产物。产品迭代中它既不属于功能新加、也不属于bug修补，充其量是一种体验的优化。或许就是因为它们并不涉及什么产品逻辑才总是被我们所忽略遗忘。 空状态，顾名思义就是指页面的空白状态。这个不难理解，譬如一些应用，用户首次打开时因为没有任何操作，...
移动应用的空状态界面设计
呆萌院长
03-14 791
“空状态”是指移动应用界面在没有内容或数据时呈现出的状态。长久以来，空状态界面一直是被忽视的，因为设计师们通常会将全部精力集中在怎样更好的呈现内容和数据上，只有开发人员才会比较频繁的与这类相对“意外”的状态打交道。也正是因为这样的原因，空状态界面留给用户的印象大体上就是晦涩难懂的文案以及缺乏视觉设计风格。 要想打造完美的整体体验，作为设计师，我们不能放过任何一个用户有可能接触到的界面状态。空
App设计灵感之十二组精美的健身App设计案例
╰つ栺尖篴夢ゞ
10-12 1135
随着人们对身体健康的不断重视，健身运动 App 也随之繁衍，层出不穷。如何让自己的设计更加吸引用户？来看看这十二组健身 App 的界面设计，也许会带给你一些不错的灵感。 ① Workout App by Irfanaffian ② Sport App by Purrweb UI ③ Pink Dragon App Design Part 2 by YueYue ④ Mobile Fitness App by Justin Comstock ⑤ Home Workout App by Cuberto
空白页设计
bat1992的博客
12-15 1848
近期因为项目需求，整理了产品中的各类空白页。简单而重复的梳理工作，希望能透过现象对空白页本质有更多的理解。 某研究机构于2016年公布的数据：有77%的用户在安装新app的前三天将会卸载这个产品。在前30天内，80%的日活用户将会离开这个新产品。这些产品中的低回归率是因为产品的程序崩溃么？事实并不是这样。我们作为设计师总是先开始设计一些流行界面元素的页面。但是空白页总是我们最后设计的一项
记一次开发软件的灵感或者说冲动
挪威的森林
02-13 574
我灵感的来源：   常用TCP和UDP的人都知道，编写客户端或者服务端程序，在本机测试还需要再编写相对应的程序进行测试（客户端程序需要编写简单的服务端接收连接，服务端程序需要编写客户端进行测试）。   当然，市面上现在存在一些测试软件，我找到的一个是测试tcp和udp的SocketTool，一个是测试http接口的Postman。前面的SocketTool创...
设计师最常忽略的UI页面状态：空白状态
args_的博客
06-30 558
 设计师必须让用戶在 “首次使用" 就有好的体验！本篇就要探讨设计师最常忽略的页面 – 空白状态（empty state） 页面。 大多 app 平均会失去 77% 的用户（用户下载后三天）。更糟的是，在 30 天内， 将近 80% 的用户不再使用。造成如此低的用户留存率（retention rates）是因为 app 制作或概念不良吗？恐怕有其他原因。基本上，使用者会下载许多 app
App设计灵感之十二组精美的租车类App设计案例
╰つ栺尖篴夢ゞ
10-11 683
对于租车 App 来说，需要展示给用户的包括车辆基本信息、价格以及使用条件等，如何让用户可以更快的找到这些信息，这十二组设计案例也许会为你带来灵感。 ① Car Rental App Design Concept by Ronas IT | UI/UX Team ② Premium Car Rental App by Conceptzilla ③ Porsche Rental Car - Mobile App by Wildan Wari ④ Luxury Car Rental App Concept
App设计灵感之十二组精美的旅行App设计案例
╰つ栺尖篴夢ゞ
10-12 1210
有哪些名胜古迹可以去旅行，旅行目的地的食宿如何解决，这些都可以通过旅行 App 来解决。来看看这十二组旅行 App 给你的灵感吧。 ① Trip time mobile app screens by Taras Migulko ② Travel UI exploration - Mobile App by Zesan ③ Travel service - Mobile App by Abdullah Mamun ④ Travel service - Mobile App by Anastasia ⑤
android App设计的工具＋灵感
chenxuxu的专栏
10-18 1241
我个人认为，每个程序员都要学会一些设计。就例如我是 android 开发工程师，那么我通过一些简单的设计，就可以做出自己的项目发布到网上。以下是我接触过认为不错的网页工具，可以辅助我们设计 android 应用软件。 大家如果有更好的网页工具，可以在评论中推荐。此博客会持续更新。1. 阿里巴巴图标库（超级好用，可以换图标颜色和大小） 对于设计一个 app 来说，图标是最难找，也是最难设计的。阿里
iOS 7界面设计全攻略：为App开发者打造完美用户体验
iOS 7界面设计指南是一份详尽的官方文档，旨在帮助APP开发者理解和遵循苹果公司的设计规范，创建出与iOS 7操作系统相协调、易用且一致的用户体验。这份中文完全版涵盖了iOS人机界面准则的核心原则，包括但不限于： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

awayaya1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值