首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

怎样引导不再是无用小透明

在接触一款新应用的时候用户常常会看到一些引导页,但在操作的时候直接当透明的就快速滑过或跳过了,这种时候,大家一定会有“这些引导好无用啊”的无力感。...而且这组引导的文案不是生硬的功能讲解,而是通过一些通俗易懂的语句配合与之相对应有趣的图示传达相关的的信息,用户在看和操作的过程感受轻松,而且这套引导整体风格都保持一致,人对产品印象稳固起来,倍显亲和...除了好看的图和与之搭配的字体所渲染的氛围,这组引导里面,文案占据了很重要的比重,也正是这些文案使得这组引导上了一个档次,文案用的字词通俗,用户觉得不疏远,引导不仅说明了产品特性一边强调了格调同时也宣扬美好...第一张是“无痕聊天”的缺省引导,“无痕聊天”(也就是阅后即焚)在国内对不少用户来说还是个比较陌生而且略为抽象的概念,为了用户更易于理解这个概念,我们通过把这个概念细解,转化发散,然后收拢成一个在大家认知较为熟悉的具象事物...好的引导是怎样的,在前面已经细说,但起说到底,它的核心还是做到自然。这个自然是通过它符合人对事物的常识理解、符合生活经历、符合内心感受等共同作用的,因此,设计师需要对生活有敏感的洞察。 3文案!文案!

73750

怎样引导不再是无用小透明 - 腾讯ISUX

在接触一款新应用的时候用户常常会看到一些引导页,但在操作的时候直接当透明的就快速滑过或跳过了,这种时候,大家一定会有“这些引导好无用啊”的无力感,目前甚至有着“如果一个产品需要引导,说明该产品缺乏友好的元素...而且这组引导的文案不是生硬的功能讲解,而是通过一些通俗易懂的语句配合与之相对应有趣的图示传达相关的的信息,用户在看和操作的过程感受轻松,而且这套引导整体风格都保持一致,人对产品印象稳固起来,倍显亲和...除了好看的图和与之搭配的字体所渲染的氛围,这组引导里面,文案占据了很重要的比重,也正是这些文案使得这组引导上了一个档次,文案用的字词通俗,用户觉得不疏远,引导不仅说明了产品特性一边强调了格调同时也宣扬美好...第一张是“无痕聊天”的缺省引导,“无痕聊天”(也就是阅后即焚)在国内对不少用户来说还是个比较陌生而且略为抽象的概念,为了用户更易于理解这个概念,我们通过把这个概念细解,转化发散,然后收拢成一个在大家认知较为熟悉的具象事物...好的引导是怎样的,在前面已经细说,但起说到底,它的核心还是做到自然。这个自然是通过它符合人对事物的常识理解、符合生活经历、符合内心感受等共同作用的,因此,设计师需要对生活有敏感的洞察。 3.文案!

55120
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    C++MFC Tab Control控件的使用详解

    删除对话框上默认添加的三个控件. 添加Tab Control控件并在Property属性设置ID为IDC_TABTEST 在More Styles里勾上Bottom....在CMyTabDlg类添加三个成员变量m_para1, m_para2, m_result, 分别是三个子对话框的实例....在IDD_PARA1对话框上添加静态文本控件内容为"参数一" 再在后面插入一个文本框控件, 用ClassWizard将其关联为一个int型变量,名为m_nPara1; 在IDD_PARA2对话框上添加静态文本控件内容为..."参数二" 再在后面插入一个文本框控件, 用ClassWizard将其关联为一个int型变量,名为m_nPara2; 在IDD_RESULT对话框上添加静态文本控件内容为"结果" 再在后面插入一个文本框控件...添加Tab Control控件的TCN_SELCHANGE事件响应函数OnSelchangeTabtest(NMHDR* pNMHDR, LRESULT* pResult) ,函数体代码如下: 1 2

    3.4K60

    vs如何所有控件居中_android自定义控件

    如何一个控件在另一个控件下面,直接操作下面代码: <LinearLayout android:id="@+id/ly_dialogPersonCode_Title" android:layout_width...兄弟控件可以有很多,通过控件id来唯一区分,当以兄弟控件为参照物时,属性值为兄弟控件的id。...:设置该控件是否与父容器右端对齐; android:layout_toRightOf:设置该控件位于给定的ID控件的右侧; android:layout_toLeftOf:设置该控件位于给定的ID控件的左侧...:设置该控件与给定的ID控件的上边界对齐; android:layout_alignBottom:设置该控件与给定的ID控件的下边界对齐; android:layout_alignLeft:设置该控件与给定的...ID控件的左边界对齐; android:layout_alignRight:设置该控件与给定的ID控件的右边界对齐。

    1K30

    WinForm企业应用框架设计【四】动态创建业务窗体

    控件涉及的属性和公开的事件属性 /// /// Tab标题 /// public string Caption...{ InitializeComponent(); this.TopLevel = false; } 一般顶层窗体是不允许被当作子控件放在容器控件的...按钮, FormHistory的Remove和Insert主要是为了系统记住哪些窗体是最近显示过的; MainContainerP的Clear和Add是为了窗体显示在容器控件内 如果从显示变为隐藏...TAB按钮取消选中, 子菜单的背景颜色变成透明的,(其实就是子菜单取消选中) 事件处理的开始取消了事件注册 事件处理的结束有把事件注册进去了 这样做主要是为了避免多次触发事件 Utils.GetMainForm...按钮的位置(主要是被关闭的tab按钮的右边的tab按钮) 删除tab按钮 三:动态创建业务窗体 我们在上一节只讲了子菜单的滑入和滑出事件,而没有讲单击事件 单击事件就是创建业务窗体的事件了 来看一下代码

    68630

    Excel催化剂开源第23波-VSTO开发辅助录入功能关键技术

    一般来说控件都是放到窗体或任务窗格,但Excel同样支持将控件放到工作表单元格上,如前面提到的picturebox容器,放到单元格区域上,然后在容器上发图片,实现插入图片功能,同样地也可以存放单选、复选这些控件...自定义控件,可直接用到工作表单元格 具体实现原理 通过用户配置操作,将需要进行快速录入的区域记录下来,用SelectionChange事件来响应,若用户选择到这些单元格时,就激发事件方法,显示自定义控件...,并光标定位到自定义控件的查找控件TextBox等待用户输入。...输入过程动态控制下方DataGridView的查找结果,用户可以按方向箭下上在结果中选择对应的条目,再按Enter或Tab键确定内容录入。...怎样控制默认的Enter和Tab键的功能,默认为窗体退出键和TabIndex跳转键,这里有个对一个方法进行重写即可。

    1.3K10

    【QT】Widget 控件核心属性

    在 Qt Designer , 随便拖⼀个控件过来, 选中该控件, 即可在右下⽅看到 QWidget 的属性 这些属性既可以通过 QtDesigner 会直接修改, 也可以通过代码的⽅式修改. 1....Qt::NoFocus:控件不参与焦点管理,即⽆法通过键盘或⿏标获取焦点 Qt::TabFocus:控件可以通过Tab键获得焦点 Qt::ClickFocus:控件可以通过⿏标点击获得焦点 Qt:...⽐如某个控件能否⽤⿏标选中或者能否通过 tab 键选中. Qt::FocusPolicy 是⼀个枚举类型....取值如下: Qt::NoFocus :控件不会接收键盘焦点 Qt::TabFocus :控件可以通过Tab键接收焦点 Qt::ClickFocus :控件在⿏标点击时接收焦点 Qt::StrongFocus...:控件可以通过Tab键和⿏标点击接收焦点 (默认值) Qt::WheelFocus : 类似于 Qt::StrongFocus , 同时控件也通过⿏标滚轮获取到焦点 (新增的选项, ⼀般很少使⽤).

    7110

    Human Interface Guidelines —— 导航栏(Navigation Bars)

    split view(分割视图) ·Navigation Bars是半透明的,可以具有背景色,并且可以配置为当键盘出现在屏幕上 / 使用手势 / 视图大小调整时隐藏。...如果你实现这类行为,用户用简单的手势恢复导航栏,如点击。 替代 在不需要导航时使用toolbar,或者需要多个控件来管理内容。...在某些app,大标题的大号加粗文本可以帮助用户在浏览和搜索时知道自己所在位置。 例如,在 tabbed layout,大型标题可以帮助看清当前活动tab,并在用户滚动到顶部时通知用户。 ...大标题在所有应用程序没有意义,永远不会与内容竞争。  尽管闹钟app具有tabbed layout,但大标题并不是必要的,因为每个tab都具有明显的、可识别的布局方式。 ...人们知道标准的后退按钮可以他们通过层级的信息返回。但是,如果您实现了自定义后退按钮,请确保它仍然看起来像后退按钮,直观,与剩下的页面交互方式保持匹配,并始终贯穿于您的应用程序

    2.4K110

    Human Interface Guidelines —— Tab Bars

    Tab Bars是半透明的,可以具有背景色调,在所有屏幕方向上保持相同的高度,并且在显示键盘时隐藏。 Tab Bars可能包含任意数量的tabs,但可见tabs的数量因装置大小和方向而异。...如果由于水平空间有限而无法显示某些选项卡,则最后几个可见tab将变为“更多”tab,从而在单独的屏幕上显示列表的其他tabs。...·严格使用tab bar进行导航  tab bar按钮不应该用于执行操作。如果您需要能够对当前视图中的元素起作用的控件,请改为使用toolbars。...例如,如果iOS设备上没有歌曲,则音乐app的我的音乐tab将介绍如何下载歌曲。...(空状态) ·始终只在对应视图中变换 为了界面保持可预测性,选择一个tab将会直接影响这个tab对应的视图,而不是屏幕上其他视图。

    1.4K150

    大屏时代的生态变迁,看平板手机的拇指热键与界面布局

    在平板手机上,仍然需要将导航及高频功能控件放置在屏幕底部。无论用户怎样持机,平板手机的屏幕顶部区域总是相对难以触及。...虽然根据Android设计规范的要求,我们应该在小屏手机中将App的导航与功能控件放置在顶部,以避免与底部的系统导航栏产生冲突,但是在大屏设备上,可以将一些高频控件从标准的Action Bar移出,并放置到屏幕底部...但是,鉴于平板手机巨大的屏幕尺寸,单手状态下又难以触及屏幕顶部区域,所以权衡下来,将一部分控件移到底部的做法还是合理的,哪怕要冒一定的风险,也至少可以人们在单手操作的时候能够轻松点击。...此外,也可以尝试将控件放置在顶部,但使其能够响应某种作用于屏幕下方的辅助交互形式。例如,可以将Tab导航放在内容上方,但使其切换能够被内容区域的左右滑动手势控制,这也是一种变相的拇指友好模式。 ?...在小屏手机上,用户可以相对轻松地点击顶部Action BarTab;而在平板手机上,直接在内容区域左右滑动实现切换显然是最为便捷的。

    2.3K10

    Flutter完整开发实战详解(二、 快速开发实战篇)

    ( ̄^ ̄)ゞ] 前言  本篇内容结构如下图,主要分为: 基础控件、数据模块、其他功能 三部分。每大块的小模块,除了涉及的功能实现外,对于实现过程笔者遇到的问题,会一并展开阐述。...本系列的最终目的是: 你感受 Flutter 的愉悦! 那么就让我们愉悦的往下开始吧!(◐‿◑) [我是简陋的下图] 一、基础控件  所谓的基础,大概就是砍柴功了吧!...如下代码,和底部Tab页的区别在于: 底部tab是放在了 Scaffold 的 bottomNavigationBar 。...顶部tab是放在 AppBar 的 bottom ,也就是标题栏之下。  ...大家都知道在 Flutter ,是通过实现 State 与 setState 来渲染和改变 StatefulWidget 的。如果使用了flutter_redux 会有怎样的效果?

    5K30

    Flutter完整开发实战详解(二、 快速开发实战篇)

    ( ̄^ ̄)ゞ 前言  本篇内容结构如下图,主要分为: 基础控件、数据模块、其他功能 三部分。每大块的小模块,除了涉及的功能实现外,对于实现过程笔者遇到的问题,会一并展开阐述。...本系列的最终目的是:你感受 Flutter 的愉悦!那么就让我们愉悦的往下开始吧!(◐‿◑) ? 我是简陋的下图 一、基础控件 所谓的基础,大概就是砍柴功了吧!...页面效果   既然底部Tab页面都实现了,干脆顶部tab页面也一起完成。如下代码,和底部Tab页的区别在于: 底部tab是放在了 Scaffold 的 bottomNavigationBar 。...这里需要注意 GlobalKey 需要全局唯一,一般可以在build 方法创建。 2、上下刷新列表 毫无争议,必备控件。...大家都知道在 Flutter ,是通过实现 State 与 setState 来渲染和改变 StatefulWidget 的。如果使用了flutter_redux 会有怎样的效果?

    5.1K10

    Human Interface Guidelines —— 工具栏(Toolbars)

    Toolbar是半透明的,可能具有背景色,并且当人们不太可能需要它们时,它们通常隐藏。 例如,在Safari,当您开始滚动页面时,工具栏会隐藏,因为您可能正在阅读。...例如,在日历,使用文本是因为图标会令人困惑。文本的使用还允许收件箱按钮显示日历和事件邀请的计数。...·避免在toolbar中使用分段控件(segmented control) 分段控件允许人们切换上下文,而工具栏是特定用于当前屏幕的。如果您需要提供切换上下文的方式,请考虑使用tab bar。...TIP 理解toolbar和tab bar之间的区别很重要,因为这两种类型的栏都出现在应用程序屏幕的底部。 ...Tab bar可让用户在app的不同部分之间快速切换,例如,时钟应用程序的闹钟,秒表和计时器tab。  Toolbar和tab bar永远不会出现在同一个视图中。

    1.2K100

    iOS 9人机界面指南(四):UI元素(上) - 腾讯ISUX

    尤其是,你不能让用户觉得轻击状态栏之后可以获取内容或激活你的应用控件。 隐藏状态栏时请慎重。由于状态栏是透明的,通常情况下不需要隐藏它。...考虑在tab上加入红色的小气泡(Badge)以低调地传达信息。你可以通过添加小气泡来告知用户该标签包含新的内容。 根据控件的标准含义来选择系统提供的图标。...4.2.8 浮出层 浮出层是当用户轻点某个控件或页面的某一区域时浮出的,半透明的临时视图。 ?...导航栏,工具栏,和标签栏 可以操作当前app视图中的对象的各种控件或对象 (默认情况下, 浮出层的表格视图,导航栏和工具栏的背景都是透明的,这样会浮出层的毛玻璃效果展示出来) 在横屏的情况下,动作列表总是出现在浮出层里...除了以上表格列举的元素外,iOS定义了刷新控件用户可以刷新当前的表格内容。想要了解更多关于刷新控件的用法,可以参考文档本章第三节控件的刷新控件

    10.1K51
    领券