ui设计搜索框怎么制作

1、使用放大镜图标
 

如今，搜索的概念和放大镜图标之间的关系已经深深扎根于人们的心中，在日常生活中较常用和较容易识别的图标中，放大镜所代表的搜索图标就是其中之*。
 

即使在没有文本标签识别的情况下，用户也可以容易地识别图标的含义。
 

小贴士:使用较简单和较直观的放大镜图标，细节越少，就越容易识别。
 

2、显眼的搜索输入框
 

如果搜索是你的网站或app的重要功能，你应该让搜索框足够显眼，以便用户能尽快找到它。
 

显示完整的输入框非常重要，隐藏在按钮后面的输入框感觉不那么明显，用户也不容易找到，需要单击才能看到它。
 

3、提供搜索按钮
 

按钮的存在是让用户能够理解搜索的触发方式——也就是说，通过触发按钮来完成操作。
 

小贴士：控制搜索按钮的大小，以便用户可以轻松找到并使用光标单击它，并使触发区域的大小合适。
 

允许用户通过回车键提交搜索，许多用户仍然习惯于通过点击键盘键来触发搜索。
 

4、每页都保留搜索输入框
 

你应该让用户拥有在每一页都能搜索的权限，如果你的用户在特定的页面上找不到他们想要的，可以通过搜索获取内容，不管他在网站上的什么地方。
 

5、让搜索框尽可能简单
 

设计搜索框时，尽可能使它看起来就像一个搜索框并且易于使用，可用性研究表明，默认情况下不显示*选项的搜索框看起来更友好，因此通常较好不要给用户提供的搜索框有*搜索选项。
 

6、搜索框处在用户期望的位置
 

当用户想要搜索内容时，还需要花费精力去寻找搜索框，这就显得非常尴尬了，这意味着搜索框本身不容易被察觉到。
 

研究表明，网站的左上角和右上角是用户期望的搜索框位置，用户在使用F型查看内容时可以轻松找到搜索框。研究还显示，右上角的区域是用户搜索输入框的选区域。因此，如果输入框位于右上角或中间，用户会主动搜索这个位置的搜索框。
 

小贴士：在理想的情况下，搜索框的设计应该与整个网站的设计风格相一致，同时，它应该在视觉上略微突出，以便用户能够容易找到它。
 

如果网站上有足够的内容，搜索框应该在设计上更加突出，如果搜索功能对你的网站至关重要，那么应该使用更大的对比度，确保输入框和按钮从背景中脱颖而出。

更多培训课程，学习资讯，课程优惠等学校信息，请进入 芜湖镜湖区平面设计培训芜湖镜湖区淘宝美工培训芜湖镜湖区UI培训芜湖镜湖区PhotoShop培训 网站详细了解，免费咨询电话：400-998-6158