App设计中可点击元素有哪些？

2021-12-01 21:25:18

阅读 12510次标签： app设计作者： dreanman

　　开发一款app，团队中主抓产品设计、UX/UI设计、部分前端开发，少量运营。本文主要总结APP设计中的可点击元素的设计，APP可点击元素包括哪些?APP可点击元素要如何设计?下面一品威客小编为您道来。

　　一、APP可点击元素包括哪些?

　　关于按钮控件，在软件工程里，是这么定义的：按钮控件，是一种基础控件。按钮控件根据其风格属性可派生出：命令按钮、复选框、单选按钮、组框和自绘式按钮。

　　文字都是可以点击的，没有使用图标，也没有使用具象的按钮形式。仅仅使用文字作为可点击元素存在，而不使用图标作为可点击元素，这样使得这款阅读古诗词的 app别有一番风味，其产品的气质体现得很到位。其实，app的所有构成内容都可以是可点击元素。包括文字，图片，图标等等，点击后都可以有各种各样的回应。

　　点击的概念比按钮更广泛，文字、图片、图标、按钮、输入框等等，都是可点击的。那么，点击背后会出现什么?这种回应会造成用户困惑吗?这需要UI&UX设计时好好考虑，为了降低用户的困惑，我们需要用可点击元素给用户明确的提示。

　　二、纯文字跟图片作为可点击元素，语义表达是最准确的。

　　三、卡片式，点击卡片任意位置打开详页，可以使app逻辑简单明了。

　　同时，卡片UI可以做得比较丰富，图片、标题、简介、按钮等元素都尽情表达。还有一类稍复杂点的卡片，卡片上栏跟下栏分别进入不同的详页。

　　四、图标应尽量使用语义化高的，适当使用文字作为提示。

　　①图标需要具有高度可识别性，具有高度识别性的图标我称为“语义化图标”，因为看到这些图标，已经不需要更多的文字来解释它的具体含义了。

　　②文字辅助图标表达更准确的含义，在图标不能完全表达意思的时候，通常增加文字辅助表达。

　　③关于图标，给大家推荐几个网站：

　　https://thenounproject.com/

　　http://www.easyicon.net/

　　http://www.iconfont.cn/

　　https://icomoon.io/app/#/s elect

　　可以用thenounproject查看下表达一个意思的图标到底有几种形式，我尝试了下搜索“分享”，得到下图的结果，做设计的时候可以多参考下惯用的表达形式。

　　最后，总结下：

　　一、可点击元素包括这些：纯文字、图片、卡片式、语义化的图标。

　　二、纯文字跟图片作为可点击元素，语义表达是最准确的。

　　三、卡片式，点击卡片任意位置打开详页，可以使逻辑简单明了。

　　四、图标应尽量使用语义化高的，适当使用文字作为提示。

　　以上就是关于APP设计中可点击元素的介绍，如果您对APP设计还有其他的疑问或者需求，欢迎前往一品商城，一品商城汇聚APP设计高手，拥有丰富的APP设计经验，为您服务。

下一篇：按钮图标设计注意事项简约风墨鱼形象logo设计请欣赏... 上一篇：