手机的控制按钮,原则上是在什么样的范围内设计?

2021-10-12 15:34发布

11条回答
20200921文 - 做更棒的自己!
2楼 · 2021-10-13 11:20

图形设计中比较关键的设计元素有:点、线、面。 在图形设计中的关系是相对产生的,它们相互依存、相互作用,使原有图形产生共同因素,让图形更丰富,达到形式感的统一。 点应该是有面积的形,线应该是有位置、方向、粗细和长宽的形,如果这些面积和宽度的量增大时,点、线的形象就会减弱,面的形象就会增强

羊羊0531
3楼 · 2021-10-13 14:32

手持设备中,一般有7种触屏手势,是哪7种?

轻点,长按,拖曳,快速拖曳,双击,多点触控,双指长按。

图形设计中,什么是比较关键的设计要素?

色调、风格、界面、窗口、图标、皮肤

在Android设计中72,48,36的图标安全范围应该是多少?

60,40,30 (如果72的图标单位px、那么回答的安全范围就是60px~72px之间)。

手机的控制按钮,原则上是在什么样的范围内设计?

在手指的大拇指可控制的范围内设计。(一般44px为宜)

手持设备上,色系应该尽量保持多少个色系?

最好保持在5个色系范围内,相似的颜色不做为计算。



欧文诺啊
4楼 · 2021-10-13 15:21

色调、风格、界面、窗口、图标、皮肤

橘子奶茶冻
5楼 · 2021-10-13 15:32

一、按钮就是按钮

当涉及到与用户界面交互时,用户需要立即知道什么是“可点击的”,什么不是。设计中的每一个项目都需要用户进行解码,一般来说,用户解码需要的时间越多,可用性就越差。

但是用户如何理解某个元素是否具有交互性呢?他们靠以前的经验和视觉符号来判断界面中元素的含义,这就是为何创建按钮时必须使用恰当的视觉元素(比如尺寸、形状、颜色、阴影等)。视觉符号具有重要的信息价值——有助于在界面中创建可视性。

不幸的是,在许多界面中,交互性的符号很弱,大大地减少了可发现性。如果交互不够清晰,用户连哪些是可以点击的,哪些是不行的都弄不清楚的话,设计做的再酷也没什么意义了。

对于移动端的用户来说,这个问题就更严重了。在尝试了解单个元素是否具有交互性时,PC端用户可以将光标移到元素上,并检查游标是否改变了状态。然而移动端用户就没这种机会了,他们只能点击,除此之外没有别的方法可以检测了。

不要以为对用户来说,界面中的东西都是显而易见的。

在许多情况下,设计人员故意不将按钮标识为交互元素,因为他们认为交互元素对用户来说是显而易见的。在设计界面时,您应该始终牢记:使用熟悉的设计创建按钮,用户理解交互元素的能力是远不及你的,因为作为设计师,你当然知道你的设计有什么用。

下面给几个绝大多数用户都会熟悉的按钮:

  1. 带有正方形边框的填充按钮

  2. 充满圆角的按钮

  3. 充满了阴影的按钮

  4. .幽灵按钮

在以上的例子中,“充满阴影的按钮”对用户来说是最清晰的,用户一看到这个按钮的维度就知道这是可以点击的。

不要忘记留白!

按钮本身的视觉固然重要,其周围的空白部分也很关键。以下面的“幽灵按钮”为例,有些用户也许会把它当成是信息框。

二 、把按钮放在用户想要的地方

按钮应该放在用户容易发现的地方,不要让用户满世界的找按钮。如果用户找不到按钮,他们就不会知道这个按钮的存在。尽可能使用传统的布局和标准的UI模式。

传统的按钮布局提高了可发现性;采用标准的布局,用户可以很容易地理解每个元素的目的——即使它是一个没有强指针的按钮。将标准布局与干净的视觉设计和充足的空白相结合,将使布局更容易被理解。

不要和用户玩按钮游戏,测试设计的可发现性,当用户第一次来到包含一些可操作行为的页面时,他们应该很容易就找到相应的按钮才对。

三、标注按钮的功能

带有通用或误导性标签的按钮可能会给用户带来巨大的挫败感,编写按钮标签时要清楚地解释每个按钮的功能。理想情况下,按钮的标签应该清楚地描述它的作用。

你得让用户清楚的知道点了某个按钮之后会有什么反应。来看个简单的例子,假设用户不小心点了“删除”按钮,就会看到以下消息:

在这个语境里,“OK”和“Cancel”到底代表什么意思?大多数用户都会问自己:“如果我点了Cancel会发生什么?”

所以,不要设计一个只由两个按钮“OK”和“Cancel”组成的对话框或表单。

用“Remove”作为标签就比“OK”清晰多了,用户看了就知道到底是什么意思。另外,如果“Delete”是一个潜在的危险操作,你可以用红色来标注一下。

四、按钮的大小要适当

按钮大小应该反映该元素在屏幕上的优先级,大按钮意味着更重要的动作。

优先级高的按钮:让最重要的按钮看起来就是最重要的,增加它的尺寸(按钮更大对用户来说就是更重要),使用对比色来吸引用户的注意力。

做按钮时要考虑移动端用户的操作友好性,很多APP里的按钮做的太小了,导致用户常常误操作。

麻省理工学院的触觉实验室研究发现:

手指垫的平均长度在10-14mm之间,指尖的长度为8-10mm,所以10mm x 10mm就是一个很好的最小触摸目标尺寸。

五、注意顺序

按钮的顺序应该反映用户和系统之间交互的本质。问问你自己,用户期望在这个屏幕上看到的是什么样的顺序,并据此设计。

例如,如何在分页中排列“向前/向后”按钮? 一般来说,向前移动的按钮应该在右边,向后移动的按钮应该在左边。

六、避免使用过多的按钮

很多APP和网站都存在这个问题,提供的选项太多,用户反倒什么也不会做了。设计APP或者网站的页面时,多想想你认为用户最应该进行的操作是什么吧。

七、提供视觉或听觉反馈

当用户点击按钮时,他们希望界面可以给些恰当的反馈。如果没有任何反馈,用户会以为系统没有收到他们的操作,然后就会重复点击。这种行为常常导致多个不必要的操作。

为什么会这样?作为人类,在与某物进行互动之后我们总是期望能得到反馈的。不管是视觉的、听觉的或者触觉的,总得让我们知道互动成功了。

对于某些操作,比如下载,它不仅需要确认用户输入,而且还显示进程的当前状态。


不吃鱼的猫
6楼 · 2021-10-13 20:10

适用性,实用性原则,简洁性

一个Ai
7楼 · 2021-10-14 14:44

在手指的大拇指可控制的范围内设计。



帅帅马
8楼 · 2021-10-14 15:47

在手指的大拇指可控制的范围内设计。(一般44px为宜)

请叫我雷锋叔叔啊
9楼 · 2021-10-17 20:58

在手指的大拇指可控制的范围内设计

相关问题推荐

  • 回答 195

    你好:关于需要学习几个月能找工作,我的理解和建议如下:1. 首先要确认自身是否有相关的专业积累?因为UI只是设计者手中的工具,它是内在设计思想有效的表达途径。学习软件很容易,但只是掌握工具的运用是远远不够的。2. 如果有相关专业的知识积累,那么工具...

  • 回答 166

    哈哈哈哈  看你是想成多少资产的富婆喽能担起富婆这个称号起码要过百吧UI设计的平均工资是挺高的月入过万不是梦但是在现在这个高消费的社会环境下光靠这个还不够毕竟你一年不吃不喝才12万你可以做UI多赞些钱,然后再做副业...

  • UE和UI是一样的吗2020-11-23 15:33
    回答 98

    UI是英文User Interface的缩写。翻译成中文就是:用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还包括某种特定的机器,设备,复杂的工具等。UE是英文User Experience的缩写,翻译成中文就是用户体验。是指用户...

  • 回答 8

    不麻烦 首先把这个部分解组 快捷键是 CTRL+SHIFT+G 然后点这个区域 如果点到不需要的元素 就CTRL+3 锁定隐藏,然后再继续点 点到只剩下需要的元素, 把元素弄出来 然后 CTRL+SHIFT+3 显示锁定隐藏,把没用元素删除就可以了。 如果直接点到了需要的元素 同样CT...

  • UI要学多久2020-08-10 19:00
    回答 95
    已采纳

    学会到就业的程度 一般时间为4个月左右,120天时间。 这里说的4个月时间,并不是所有人都是4个月可以学会的, 和学习方法,学习用心程度,学习时间都有关。 如果用错误的学习方法,学4个月是不可能学会的。...

  • 回答 86
    已采纳

    对于UI设计来说,更加看重的是个人的设计能力和理念,以及操作能力,和男女的性别没有太大的关系。

  • 回答 76
    已采纳

    靠谱肯定都靠谱的,就看你自己的兴趣爱好,发展前景都很好,大前端是一种网站搭建,小程序开发等用户端口开发的技术,UI设计就是纯纯的设计师岗位,将设计思维和理念融入到产品运营的每一个交互环节中...

  • 什么叫交互性?2020-04-23 11:40
    回答 6

    其实生活中也有交互性,比如两个人之间的聊天沟通,带有双方的互动都叫做交互。互联网中的交互更多体现在任何互联网设备之间的使用和反馈。

  • 回答 2

    1、初步调查  前期调研对于LOGO设计非常重要。具体周期看项目规模和预算。免费提供logo设计建议和各行业logo设计参考案例。一般情况下,这个时间大约是3天,我们会详细了解企业,对竞争对手的企业logo进行调查分析,这样可以更准确的控制方向,避免logo设计...

  • 回答 1

       永远不要忘记调研  好的设计总是从调研开始。品牌创建需要你预先考虑到所有的细节。  创建品牌、设计LOGO之前需要进行广泛的调研。考虑到在这个过程中你需要对环境和背景中所有的细节都有所掌控,在预算上就一定要留下足够的余地。  此外,你的解...

  • 回答 1

     一、具象表现形式:  具象表现是忠实于客观物象的自然形态,对客观物象采用经过高度概括与提炼的具象图形进行设计的一种表现形式。它具有鲜明的形象特征,是对现实对象的浓缩与精炼、概括与简化,突出和夸张其本质因素。标志设计的形态不可能像绘画的形式...

  • 回答 1

    1.设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。2.设计须充分考虑其实现的可行性,针对其应用形式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式(如印刷、广告、映像...

  • 回答 1

    Looka Smashinglogo Freelogodesign Hatchful 

  • 回答 1

    1、沟通收集信息  在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...

  • 回答 1

      Naldzgraphics这个网站据说是个人创办的网站,上面所有的内容都是站主本人在日常中通过手机整理上传的。不过就算如此,网站还是收集了大量的平面设计素材。  Brandsof theWorld是世界知名LOGO资源库网站。上面收录了海量的世界知名Logo图标,而且还提供EP...

  • 回答 1

    1、沟通收集信息  在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...

没有解决我的问题,去提问