火星网校
UI设计怎么高效率找到UI设计素材
发布时间：2024-03-28 11:15:08 浏览量：103次
如何高效率找到UI设计素材。
生活中的搜索工具
在日常生活中我们常常会跟各式各样的“搜索工具”打交道。比如下面这个场景尤为常见，当你身处一个图书馆，想找某一本你很需要的书时，你会怎么办？
这个时候通常会通过以下两种途径来解决问题：
- 精准查找-通过电脑检索，找到目标；
- 模糊查找-通过书架类目分类，找到目标；
然而，这里电脑和类目标识在整个找书的行为路径中就充当了查找的功能。生活中还有很多诸如此类的应用场景，比如超市购物、查字典等行为场景。
某超市货架
为什么需要搜索工具
搜索工具的本质是帮助人们提升决策效率。据全美2012年调研结果显示，每位成年人每天平均要做70个选择。然而每个选择又可能会面对大量的选择对象，这时人们的决策成本就会随着平行信息时代的发展而与日俱增。
如何帮助人们在面对大量选择对象时提升决策效率，这就成为了筛选设计的抓手也就是我们所说的设计机会点。
移动设备上的搜索工具
大量数据集合需要根据不同用户的不同需求来进行过滤，也叫做筛选。筛选依赖于用户的选择标准，从而细化搜索结果或着一组大型对象结果。常见的搜索工具设计包括：
- 直列式搜索工具
- 抽屉/折叠式搜索工具
- 列表式搜索工具
上述三类搜索工具的设计思路几乎涵盖了市场上绝大多数的应用案例，不同类型之间的搜索工具适用于不同的使用场景，下面我们可以来分辨看看各个类型的场景应用。
直列式搜索工具
与页面的元素排序逻辑以及展示方式类似，屏幕上直接显示对象结果或者对象列表。通过设计tab按钮来筛选目标对象。Google和百度都是采用单排横向式。
百度
当我对关键词进行检索后，可以在此基础上对结果进行内容类型的搜索， Google的搜索点击最右侧的“搜索工具”时，会额外展示出一列新的筛选条辅助进一步的选择。
Google Play 报亭
Google Play报停采用了双排筛选条，根据用户感兴趣的检索词匹配出“内容相关”以及“媒体相关”两类筛选偏好。
这类型的搜索工具会紧跟检索入口，这样更便于让用理解下方的单排tab元素是基于检索关键词而进行过滤的。根据格式塔定律的接近性原则，相邻的元素关系会更容易让用户理解他们之间的关联作用。
抽屉式搜索工具
CNN新闻采取的是抽屉/折叠式搜索工具，通过一个handle来提示筛选器的入口，用户通过点击可以将被折叠/收起的搜索工具浮层展示出来。
CNN NEWS
拥有成熟且稳固的分类/类目体系的内容平台更适合这种抽屉式的筛选器浮层，可以将完整的类目完全曝光，并且常驻底部的handle,可以有效的避免曝光衰减的状况。
列表式搜索工具
作为全球最大的在线旅游公司Expedia，采用了列表式的搜索工具。但Expedia有一点做的非常好，就是在搜索工具展开时如何给用户预期匹配的结果数量。
再早期的一些app上会采用对话框式的筛选器，比如说Trip Advisor，但现在他们也开始采用列表式的筛选器。
在此结构基础上还有组合设计方式，通过单排直列式 列表式，比如携程,这样更适用于较为复杂的筛选逻辑，并且可以将高频的筛选项作为预期设计提前曝光在单排的直列式筛选项中。
携程
在做列表式搜索工具时，尽量保持选项列表短，避免过多的手势滑动。考虑一个更长或多选择过滤选项过滤形式。不要过度设计搜索工具，一个简单的屏幕搜索工具或折叠搜索工具通常就足够了。
在设计搜索工具的过程中我们要记住我们的核心目标是帮助用户建立一个简单易用的概念模型来提高用户的决策效率。
在这里我相信有很多想要学习UI设计是一名从事了多年UI设计私人定制课程，今年年初我花了一个月整理了一份最适合2019年学习的学习干货及教程，从最基础到，各种框架都有整理，送给每一位UI设计取的可以关注我并在后台私信我：学习，即可免费获取
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
4. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
7. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
10. 武汉UI设计培训班费用怎么样？想学UI设计要多少钱？
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
最新文章
