?上一篇笔记讲了搜索暗词的设计，感兴趣的伙伴可以进主页查看，这次咱们继续讲搜索按钮的设计！
1⃣️按钮与品牌融合：以飞猪为例，加载过程中，展示品牌形象动画，最后过渡为搜索按钮。动画可以巧妙吸引用户注意力，但也需注意避免过于干扰用户。
2⃣️搜索文字图标化：将【搜索】文字替换为图标（仅适用于大众熟知的图标），节省搜索框空间，点击可直达搜索结果页。也适用于需适配多语言的产品，避免多语言按钮文字变长的适配问题。
3⃣️ 与背景保持协调：以盒马为例，按钮默认颜色为蓝色，切换 banner 时，按钮会根据 banner 颜色而切换对应颜色，以保持页面整体风格的协调。
4⃣️ 视线吸引力：按钮的设计方式很多样，如果想加强按钮吸引力，最直观的方式是加强视觉重心。下图是按钮吸引依次递增的效果，实际设计中，需注意整个页面观感的平衡。
#交互设计 #用户体验设计 #ui设计 #不懂就问有问必答
1⃣️按钮与品牌融合：以飞猪为例，加载过程中，展示品牌形象动画，最后过渡为搜索按钮。动画可以巧妙吸引用户注意力，但也需注意避免过于干扰用户。
2⃣️搜索文字图标化：将【搜索】文字替换为图标（仅适用于大众熟知的图标），节省搜索框空间，点击可直达搜索结果页。也适用于需适配多语言的产品，避免多语言按钮文字变长的适配问题。
3⃣️ 与背景保持协调：以盒马为例，按钮默认颜色为蓝色，切换 banner 时，按钮会根据 banner 颜色而切换对应颜色，以保持页面整体风格的协调。
4⃣️ 视线吸引力：按钮的设计方式很多样，如果想加强按钮吸引力，最直观的方式是加强视觉重心。下图是按钮吸引依次递增的效果，实际设计中，需注意整个页面观感的平衡。
#交互设计 #用户体验设计 #ui设计 #不懂就问有问必答
