响应式网站设计的基础知识有哪些

因为桌面屏幕进行网站设计的时代已经过去了，技术和移动网站的扩展推动网页设计师重新思考工作如何在各种设备上显示。响应式网页设计是一种设计和代码响应设备屏幕大小的方法，无论是在手机、还是平板，都能提供最佳观看体验。

响应式网站主要利用流体网格、灵活的图像和CSS样式来改变网站的设计，根据浏览器的宽度进行渲染，对于设计人员而言，目标应该是跨不同设备和平台无缝地定制网站设计的UI和UX。如果设计和开发了无数版本的网站，这些版本适用于所有设备，那么这个过程在时间上不实用，而且成本极高，还会让网站对未来的技术变化无效，几乎无法维护，响应式设计是面向未来的网站的有效解决方案。响应式网页设计的一个主要关键是了解受众以及用于查看网站的设备，当前的流量有多少是台式机、平板电脑和移动设备。

现在，网站中约有56%的流量来自移动设备，智能手机用户约有26亿，为不同的设备设计网站至关重要，但在不同的Web浏览器设计时会变得更加复杂，每个主要的Web浏览器都有自己的移动版本，以不同的方式呈现网站。更棘手的是，有许多版本的浏览器需要保养，不能指望每个人都使用最新版本，设计的工作原理需响应各种浏览器版本。

对于所有浏览器版本以及硬件设备来说，适应行业中的每个用户都是有必要的，最好在尽可能多的新设备上测试网站。标准网站的大小，数百种设备，模型大小和屏幕分辨率一直都在变化，每个网站都会吸引不同设备上的用户

通过分析，可了解哪些浏览器和网页尺寸适合网站，通过浏览器大小和设备的组合，如何在不失去理智的情况下进行响应式设计。响应式网站设计应至少具有3种不同浏览器宽度的布局，如何使用不是硬性规则。这些布局中的每一个都应包含相同的文本和图形元素，但每个布局应设计为最好的显示基于用户设备的内容，按比例缩小页面适应较小的屏幕尺寸会使内容不可读，但如果相对于彼此缩放内容切换，会更具可读性。

说网站在2018年已经成为一种必需品是一种可笑的保守说法。我们许多人甚至会说，我们不能没有互联网，虽然这不是严格的事实，但它肯定形成了许多人的生计的基础。

事实是，今天，即使是最模糊的想法也有机会在网上实现。例如，我们可以邮寄一个土豆。活着是多么神奇的时刻啊!但有一件事是肯定的——如果你想获得成功的最佳机会，那么你在网上的表现应该令人印象深刻。

因为现在，一个商业网站很可能是你的客户与你的公司唯一的互动。意思是，如果它不直观、不吸引人、不容易理解，那么你的客户可能会选择其他地方。为此，我们要感谢网页设计师。

但是，如果web设计人员不存在呢?这将如何影响我们这些今天正在寻求建立一个新的网站，电子商务商店或其他类型的在线业务?让我们思考一下这个场景。

如果Web设计人员不存在，那么

网站看起来会和90年代初一样

信不信由你，首批网站已经有20多年的历史了。1991年，蒂姆伯纳斯-李(Tim Berners-Lee)发布了世界上第一个网站，不过是一页文字。本质上，它类似于带有超链接的Word文档。没有图形，没有图像，没有动画——什么都没有。多么乏味。

到了90年代中期，表格和背景图像开始渗透到当时的网站中，到了90年代后期，Flash出现了，事情真的开始起飞。当然，如果没有早期网页设计师和开发人员的帮助，这一切都是不可能的。可以这么说，如果网页设计师不存在，我们仍然会有这样的网站:

定制设计是不可能的

大多数情况下，当我们决定建立一个网站时，我们已经有了一些想法，我们想要它的外观，感觉和行为。当你雇佣一个专业的网页设计师(或网页设计机构)，你知道你的网站将创建完全适合你的业务需要。理想。

一个好的网页设计师会与你密切合作，提供一个网站，展示你的产品和服务在最好的光，以及响应，最新和专业。不管你是只需要一个宣传册网站，还是需要一些更有针对性的东西，你基本上都能得到你想要的东西。

当然，除非没有网页设计师。这时，定制设计就变得不可能了。你有两种选择——选91年的款式，或者自己动手做网站。

更多的人会使用DIY网站建设者

它们的数量每年都在增加，而且它们的质量差异很大，从你的超级基础网站构建器(如Wix和Squarespace)，到你的开源内容管理系统(WordPress)和托管电子商务商店构建器(Shopify)。无论你选择哪一种，它们通常都是一种简单而廉价的在线展示方式。

网站建设者，在很大程度上，是相当简单的。他们有可视化的页面编辑器，可以让你自己编辑网站的不同元素，通常带有一系列时尚的主题。但是他们很少给你完全的自由和灵活性去做你想做的任何事情。虽然对于宣传册网站或简单的电子商务设置很好，但任何更复杂的东西通常都要由专业人士负责。

当然，如果我们非常挑剔，那么我们必须承认，网页设计师首先创建了这些网站建设者主题。但是为了便于讨论，我们假设主题存在，但是不再有web设计人员。很快，所有的网站都会变得非常相似。主题变奏曲，如果你愿意。

建立一个网站会不会更便宜?

是的，从表面上看，建立一个网站会更便宜。有了网站建设者，你经常得到主机和域名注册包括在内，往往价格在30-50美元一个月左右。

使用WordPress这样的软件，你必须自己找到网络主机，但每月可能要花5美元。除此之外，你还有域名注册;每年大概花费10-20美元。

但是我们必须记住，通过选择自己动手的路线，你还必须考虑到你将花在这件事上的时间。正如它的名字所暗示的那样，你会自己做这件事。然而，如果你雇佣了一名专业人士，整个网站就会为你完成，让你有时间从事业务的其他领域。

让一个网页设计师来创建你的网站可能会花费你2000到10万美元(这取决于你的业务性质和规模)，但你知道你得到的是真正的交易。你的网站将很快完成，更重要的是，你将不必投资更多的钱在更新和维修。就你的网站能做什么而言，与DIY相比，可能性是无限的。

人们会更愿意冒险

低成本网站无疑降低了新手的门槛。如果你有一个你想尝试的商业创意，你可能愿意花100-200美元去探索它，但你不一定会为了一个你刚刚尝试的创意而在网站上花费数千美元。

对于我们这些没有web设计或开发经验的人来说，直到最近才有了这个选项。如今，网络企业家是一种东西，他们中的许多人白手起家。他们当然没有10万美元来投资一个专业网站。

如果购买和销售是你的游戏，那么在eBay或Amazon上销售的下一个合乎逻辑的步骤便是拥有自己的电子商务商店。对于几乎所有人来说，电子商务商店的建造者使这一目标相对容易实现。然而，当风险降低时，就会有更多的人尝试创意，因此就会有更大的竞争。

对于那些想要定制平台的人来说，如果没有专业网页设计师的帮助，商店老板可能会发现，在众多现成的网站中很难脱颖而出。

网站将会非常混乱

我们并非都天生整洁。就像在我们的家里和购物中心，网站上的所有东西都应该存储在一个合理的地方。也就是说，如果你希望你的访问者能够找到他们正在寻找的内容。

站点导航本身就是一门艺术，对你有意义的东西，对其他人可能没有意义。因此，遵循适用于整个web的通用准则非常重要，例如将产品分组到符合用户期望的类别中。导航不仅要合乎逻辑，而且要一致。

第一印象很重要，尤其是在网站上。你只有几秒钟的时间来说服新访客你的网站是值得他们花时间的，如果它组织的不好，你可能会失去他们。颜色和图形的使用也很重要，不仅是为了外观，也是为了理解和影响现场行为。

你可以独立完成这些工作，但是web设计师的工作是确保你的配色方案、文本和导航都是用户友好的。你不希望你的网站变成这样:

技术将取代

互联网不是静止的。它一直在变化，每周都有新的代码、技术和最佳实践出现。专业的网页设计师会跟上这些更新，所以你不需要。他们知道你的网站需要的数字技术，并将在这一过程中帮助你适应和作出改变。

许多(但不是所有)DIY网站创建者的问题是，你可能很难实现这些更新。一个拥有24小时支持的系统可能是你在没有网页设计师的情况下最接近网站更新的系统。但是没有什么能比得上拥有自己的专业人士。

正如我将在我的最后一点讨论，没有网站是永远“完成”。如果你想让你的在线业务保持良好的工作秩序，持续的维护是必要的。

维护会很麻烦

所以就像我说的:没有一个网站是真正“完整”的。如果你想保持相关性，让你的网站保持现代和愉快，那么定期维护是重要的，不，是至关重要的。谁来负责维修呢?

当你与一个专业的网站设计自由职业者或代理机构合作时，你会从他们的网站管理员服务中受益，以保持网站功能和外观的新鲜感。这对你持续的成功至关重要。俗话说:如果你认为聘请一个专业人士来做这项工作很贵，那就等到你聘请一个业余人士吧。从设计理论到CSS，网页设计师阻止我们创建让用户想要这样做的网站:

一般人可能没有意识到好的网页设计的至高无上的重要性。因此，他们没有看到一个糟糕的网站可能对他们的业务造成的伤害。那为什么要冒险呢?幸运的是，web设计人员确实存在，我们很幸运有他们。虽然聘请专业人士意味着更高的前期投资，但你获得独特高质量成果的机会要高得多。

感谢所有的网页设计师，如果不是因为你，这个网页可能会是这样的:

最近，各大院校的美术专项招生考试启动报名（以下简称“校招”）。可考试还没开始，许多2019届高考艺考生就倒在了报名这一关：报名网站瘫痪了。

刚刚过去的这个周末，艺术类高考生和他们的家长过得无比焦灼。昨天，此事还一度上了微博热搜：

所谓“艺术升”，并不是指“艺术生”，而是今年多所艺术院校的校招报名通道——

“艺术升”自称是中国“八大美术学院”及国内艺术院校联合推出的智慧艺术服务平台，向高校及艺术生提供专门的艺考信息技术服务。除了整合全国多所艺术院校报名系统外，艺术升还为部分考生，提供额外的网上确认和打印准考证服务。

2019届艺考生晒出的”艺术升“报名通道截图

从上周起，一些艺术类院校陆续校考报名，让家长和考生们没想到的是，这个涵盖国内多所艺术院校的报名系统，从最开始的速度缓慢，到上个周末，被彻底挤爆。许多考生无法登陆，导致报名失败。

一位妈妈描述了自己的经历：前一天半夜12点睡的，第二天早上3点醒，开始等待，终于等到6点，躺床上刷手机，刷到6点半，进不去网页，赶紧到附近的网吧，手机、电脑一起上，但都没有报名成功。一直刷到中午12点半，被告知报名网站暂时关闭了。

这到底是怎么回事？学生们还能报上名吗？会影响他们接下去的艺考吗？

考生：一刻不停刷六小时

1月6日，是天津美术学院开放网上报名的第一天。按照招生简章规定，所有考生必须先在网上报名并缴费，天津美术学院将“不再接收没有参加网上报名的考生”。

“今天早上6点开始，我的手就一直没停过，到中午12点还是没报上名。”杨嘉树说，她的手指到现在，还在不自觉地抽动。

天津美术学院提供的报名通道有两个，官网或是一家名为“艺术升”的第三方网站。但事实上点开官网的报名入口后，跳转到的依然是后者。

同一天开启报名的还有西安美术学院，一样只提供了“艺术升”作为唯一报名通道。

实际上，民间所谓的九大美院(中央美院、 中国美院、 鲁迅美院、四川美院、 广州美院、 天津美院、 西安美院、 湖北美院、清华大学美术学院)，绝大多数都将“艺术升”作为了唯一报名通道。

“每次都是卡在最后一步，不是错误就是跳转不出来。”情况还在变糟，到中午时，杨嘉树甚至无法登陆报名系统。

家长：手机电脑都不行

1月6日早上5点，许先生起床，拿出手机、电脑、IPAD，打开支付宝，准备好登陆报名。许先生是台州人，他的孩子是2019届艺术考生。

“前一天开始，报名网站就出现打不开、登录不上去的情况，我怕抢不到报名名额，一早就起来了。”许先生用上了4G、WIFI，家里三个人分别在手机、电脑上登录操作。

6点钟，报名开始，让他崩溃的是，“艺术升”的报名网站一直打不开。到昨天中午为止，天津美术学院和西安美术学院，许先生一所都没有报上，他觉得基本无望了，“这么长时间都报不上，名额肯定早就没有了。”

杭州徐女士的孩子学画三年，也是今年的艺考生。1月5日，鲁迅美术学院开启报名一个多小时后，桂林和杭州考点报满，之后郑州和成都考点也在中午报满，一天下来有近5万人报名。徐女士没报进，于是第二天早上，她和老公两人5点准时起床，守到当天中午，依然没有成功报上。“要么是打不开，要么是登陆上了，资料填好，但就是提交不了。眼睛一刻都不敢离开电脑和手机屏幕，生怕错过去了，我现在眼睛看东西都是花的。”

考生和家长们都很焦虑，这个问题如何解决？

艺术升官方昨天发布公告称，“报名系统访问量过大，超出了艺术升报名系统的承载负荷能力。将逐步优化控制服务器流量，对系统进行架构升级。”随后，暂停了所有报名服务。

这个访问量到底有多大？记者昨天拿到的数据是：1月6日上午“艺术升”系统同时在线报名人数突破30万人次，远超去年平均3万人次的流量。显然，这个平台完全没有预计到这么火爆的报名情况，也没能提前做出相关的安排。

昨天下午，艺术升官方终于发出通知，称将在当天下午5点半、6点、6点30三个时间点，开放郑州、成都、沈阳三地的西安美术学院考点报考业务。昨晚，“艺术升”又陆续开放了杭州、桂林、兰州等地的报考业务，其余考点将在明天陆续开放报名。但截至记者发稿，很多家长和考生仍然打不开网站，或者报不上名。

记者拨打了“艺术升”的值班，但电话一直处于占线状态。记者发现，在App Store商城里，“艺术升”自称是中国“八大美术学院”及国内艺术院校联合推出的智慧艺术服务平台，向高校及艺术生提供专门的艺考信息技术服务。除了整合全国多所艺术院校报名系统外，艺术升还为部分考生，提供额外的网上确认和打印准考证服务。

记者随后采访获悉，“艺术升”网站由杭州亦闲信息科技有限公司开发，办公地点位于杭州市余杭区仓前街道。这家成立于2015年8月的新企业，在很短的时间内就成了不少艺术类院校招考的唯一通道。

2016年年初校考时，尽管在招生简章中没有明确说明，但包括天津美术学院等学校在内的多家美术类院校，就已将“艺术升”网站作为网上报名的入口。到2017年，在当时的官网上，“艺术升”自称已包含八大美院、四大艺术学院、三大传媒学院等共计87所艺术类校考院校的在线报名系统。

为什么各大院校不分别组织自己的校考，而将报名通道垄断在“艺术升”手中呢？

中国美术学院招生办主任李都金接受记者采访时表示，“总体而言，‘艺术升’这个APP为广大艺考生以及艺术院校都提供了比较方便的服务。比如考生只需要在这个系统上注册一次，所有的院校都能共享数据，免去了考生分别到各大院校去注册报名信息的繁琐。此外，如果考生在校考时发生违规的情况，这个信息也是可以共享的。”

那为何不由各地考试院、教育职能部门来组织艺考生的信息呢？

知情人士分析，主要因为各级地方考试院无法跨地区管辖外地院校。

对于昨天出现的美术艺考生报名爆满的情况，记者采访获悉，这与教育部最近发布的艺考新政有一定关系。

2018年12月29日，教育部发布《教育部办公厅关于做好2019年普通高等学校部分特殊类型招生工作的通知》，其附件《2019年普通高等学校部分特殊型招生基本要求》中指出：“除经教育部批准的部分独立设置的本科艺术院校（含部分艺术类本科专业参照执行的少数高校）外，2019年高校美术学类和设计学类专业一般不组织校考；2020年起使用省级统考成绩，不再组织校考。”

“以前综合类院校的美术专业都有校考，今年很多学校没有了，所以报名有校考的艺术院校的考生就增多了。”李都金告诉记者，“另外一个原因是这几天是很多院校校考报名的集中时段，也间接导致考生一窝蜂拥挤。”

这点，记者也在艺考生的群里得到了印证，教育部的通知使得原定校考的许多学校迟迟没有确定校考时间。“到现在，校考学校列表还是没有音讯。”一位艺考生向记者透露，“大家很迷茫，于是一看到率先开始校考的学校，大家就赶紧报名，毕竟报10个学校才2000元，报不上就惨了。”

艺术类院校介绍

31所独立设置的本科艺术院校

中央美术学院

北京电影学院

中央音乐学院

南京艺术学院

上海音乐学院

山东艺术学院

四川音乐学院

中国美术学院

上海戏剧学院

中央戏剧学院

鲁迅美术学院

西安音乐学院

吉林艺术学院

北京舞蹈学院

武汉音乐学院

中国戏曲学院

西安美术学院

云南艺术学院

新疆艺术学院

中国音乐学院

天津音乐学院

天津美术学院

沈阳音乐学院

湖北美术学院

广州美术学院

星海音乐学院

广西艺术学院

四川美术学院

中国人民解放军艺术学院景德镇陶瓷学院

山东工艺美术学院

13所参照独立设置艺术类院校

中国传媒大学

中央民族大学

浙江传媒学院

中央民族大学

浙江理工大学

北京印刷学院

天津工业大学

北京服装学院

内蒙古大学

江南大学

苏州大学

清华大学

东华大学

可招收艺术类专业的普通高校

合肥工业大学

陕西师范大学

北京工商大学

北京交通大学

华中师范大学

西南民族大学

北京工业大学

华东理工大学

东北师范大学

艺考专业介绍

音乐类：

音乐表演、作曲与作曲技术理论、音乐学音乐教育、乐器维修技术（提琴制作、钢琴调律）

美术类：

含绘画（如中国画、油画、版画、壁画）、雕塑、美术学、美术教育、摄影（如商业摄影、图片摄影、新闻摄影等）、艺术设计学、书法、戏剧影视美术设计、动画、服装设计、戏剧影视美术设计

舞蹈类：

舞蹈表演（如芭蕾舞、中国古典舞、现代舞、国际舞等）、舞蹈编导、戏剧影视文学

广电、影视、戏剧类：

含播音与主持艺术（如录音工程等）、广播电视编导、录音艺术、摄影摄像、影视照明、电视节目制作、表演（如影视表演、戏曲表演、戏剧表演等）、导演、戏剧学

管理类：

公共事业管理（如影视制片管理、艺术管理）等

公共关系学类：

含空中乘务、宾馆服务等

理论类：

含编导史论、文艺编导、音乐理论、舞蹈史论、美术史论、艺术设计史论等