上海网页设计培训班、很多人学不会代码、那是不懂方法

专业课程顾问干老师，qq：2290425711，课程咨询微信：ffeduhaha

Web全栈工程师就业班培训内容：

1.美工设计：设计美学、色彩搭配、网页创意思维、网页设计软件、网页元素设计、网页界面设计、商业项目设计实训、阶段考核
2.前端开发：HTML5+CSS3布局与样式、JavaScript交互开发、Web前端整站项目实训
3.移动端开发: H5高级功能、CSS3动画详解、webAPP开发、微信公众号开发、微信小程序开发、Vue.js实战运用、阶段考核等
4.高级框架与后台交互：Angular.js、React.js、PHP入门、DedeCMS等综合应用
5.就业指导：心态与服务、商务礼仪、毕业设计、行业分析、面试技巧、实习工作等
培训目标：能系统全面的学习界面设计、前端开发、移动端开发、后台交互开发、网页美工设计，结业后相当于有半年左右工作经验，能成功胜任设计、前端、移动端开发等职位。
认证证书：《网页设计师》《网页美工设计师》《Web前端工程师》

.......................................................................

网页设计知识分享：网页设计中搜索框加不加按钮？

这段时间遇到了一个关于搜索框的问题，其实很简单，就是跟产品经理互怼的时候他说搜索框（search box）后面必须要跟一个搜索按钮（button），但是我觉得可以不加，理由是一半都是搜索完之后直接回车就行了，体验感无阻断。产品的意思就是现在用户都是sb，你不给按钮，用户在搜索框内键入内容之后不知道回车。
本着公平、公正、公开的互怼原则，我决定做一些小调查，找一些国内外比较有代表性的网站来看看到底应该怎么设计：

搜索引擎类的

首先当然就是以搜索为本质工作的搜索引擎，这里找了百du、Google和Bing，这三个都是搜索框+搜索按钮的形式，其中Google的搜索框还加了投影，强调搜索的意味更浓一些，给用户极强的暗示感；百du的则是按钮跟框连为一体，细线框+色块按钮更加强调百du一下这个品牌，我理解的就是强调百du一下这个动作，Google可能更看重搜索本身以及结果是不是用户真正需要的，我记得有个广告就是在引导用户什么不懂你就百du一下，所谓内事不决问百du，外事不决问Google（笑）。
相比这两个，微软的Bing显得更加简洁和创新，一个白色的搜索框后面是跟一个放大镜的icon，然而这个放大镜还是一个搜索按钮可以点击，可能Bing的受众广度比不上前面两个所以这个放大镜让人一看就知道是搜索引擎。

大数据类的

上面三个依次是阿里云、腾讯云和亚马逊AWS，首先你会发现一个问题，就是三个设计好像啊，三个视觉上zui突出的区域都是注册，难不成是天下设计一大抄？其次是阿里云的搜索框相比于其他两个是zui明显的，用了一个透明色效果，不破坏整体视觉风格不说还成功引起了用户的注意，真是高明啊，腾讯的就要小器很多，缩短了框体本身，更像是个按钮，点了之后出现效果，类似apple官网搜索效果，看下面的GIF，亚马逊的aws显得更加简洁，我第yi眼进来不仔细看根本没办法发现搜索功能，一个放大镜跟在文字后面，不过他也同腾讯云类似，是一个按钮。

阿里云

腾讯云

亚马逊

可以看出阿里云的搜索有按钮（放大镜），另外两个激活搜索后没有按钮需要回车。但是他们都有异常强大的搜索推荐，根据你键入的搜索内容智能给你推荐，基本只要你键入了关键词，基本上都能给你直达，特别是亚马逊的智能推荐功能，我想这也是敢于放弃按钮的底气。

购物网站类

上面三个图分别是zappos、淘宝网、京东，他们的搜索框也是有很高的一致性，比如说框内都有推荐内容，用户直接点击搜索按钮就能直达框内推荐，也就是说这种购物类的网站都把一些热门推荐内容直接放在了框内，以方便那些目的性不是很强的用户快速了解热门。
都有搜索按钮是这类购物网站的共同点，考虑到他们面临的用户可能有的并不具备搜索后回车的使用习惯，所以保留按钮让用户在使用的时候不需来思考如何触发搜索操作，也符合交互设计里面不让用户想、不让用户烦的原则。
再者购物类网站都有一个很强的视觉线索，搜索按钮承担行动召唤的作用，即CTA，强化用户购物的动作，也是一直暗示。

音乐网站类

三个分别是虾米、QQ音乐和网易云音乐，其中虾米跟网易云音乐没有看到搜索按钮，QQ音乐其实也没有搜索按钮，但是跟前面说的一样，他把放大镜后移承担了按钮的职责，又让用户明白是搜索框的意思，这很好。
三个网站都有强大的算法推荐，其实在使用起来根本不需要搜索，因为我只要键入了某个内容他下面自动的就出现大量智能推荐，基本上我要的都在里面，用户直接点击就可以直达，搜索页面反倒只是成了一个分类列表展示页。

zui后说说一点结论，欢迎大家讨论：

1，首先是根据你网站面临的目标用户，如果说比较专业且偏技术类型的网页可以不需要搜索按钮，反之如果你的目标用户比较杂，偏向于B to C的那么多半还是需要带上搜索按钮。
2，根据网站设计风格来走的话，如果你整个网页是走极简风格的话，为了保持页面简介可以考虑不加搜索按钮，甚至极端情况只用一个放大镜代替，让网页看起来更干净、更简洁、更高效。
3，根据算法来定，如果有很强大的算法推荐，对于搜索结果有下拉列表展示，用户键入信息后可以点击直达，也可以考虑不用搜索按钮。
联系我的时候请说是在搜即讯信息网上看到的，谢谢。