网站制作机会和挑战性20118月7.12%全球所有网站点击量来自手持手机。由8月的2012，这个数字已经上升到11.78%。大家可以从字面上看平板电脑和智能手机成为连接到网络的默认的选择。大家早已习惯了互联网作为他们日常不可或缺的一部分，不想多活一天，甚至一刻没在持续的联系。
这种转变，从桌面到移动需要设计师重新。不必须要离得远远的桌面的设计，但一定对手机设计。有接近移动互联网存在的几种方法，如一个独立的移动网站或移动应用程序。最新的和日益时尚的办法是响应式网站制作。
响应式设计解决了网页设计人员，失去的事实，它抛出了我们的问题，比较容易看到一个巨大的问题。在这篇文章中我想讨论的机会和挑战，来响应设计。我将揭示一些新的思维方法，帮你为你的下一个项目做一个明智之选。
通过响应式网站制作的机会响应网站制作是所有关于维持简单。这个想法是创建一个网站，合适几乎所有些屏幕尺寸，无论是台式机或手提电脑的屏幕，平板电脑或智能手机在横向或纵向模式。响应式网站建设灵活的网格。他们用媒体查看来确定每个人网站访问的屏幕大小和缩放内容。让大家来响应的设计办法的优点，一看。
1。低维护一个响应式设计，你仅需维护一个网站。而布局的变化，内容不变，在不同设施。你可以同时更新内容或修正错误的所有设施。
比如，新闻网站 如breakingnews.com这是一个非常大的优点。迅速变化的内容和频繁的更新，需要非常高的维护。一个响应式设计不只节省时间，也没钱。你可以集中在一个单一的网站，把你所有些资源转化为该网站SEO与维护。不再需要优先考虑或处置你的网站 分别不一样的版本。
2。品牌的一致性有一个网站，在桌面和移动屏幕上的作品，你会发现它维持一致的品牌形象更容易。没更多的风格指南，需要多个参与方之间的交流，如不一样的机构为桌面和移动版本网站。
外观和感觉一个响应式网站将在所有些屏幕尺寸是一致的。spigotdesign.com 维持独特的品牌体验对所有设施。这使大家认识到网站比较容易，不管他们在哪儿与怎么样访问。
3。可用性响应网站制作是很用户友好的。不仅能够浏览者更好地与你的品牌假如他们认识到移动你的网站，他们也了解怎么样更好的用法它。风格的一致和一致的内容要紧是由于用户不期望它是不一样的由于他们用不一样的设施。
好的可用性的一个要紧方面是满足用户的期望。假如你做到了这一点，他们会更容易浏览你的网站。smashingmagazine.com 使得他们的读者浏览网站上的所有设施比较容易，维持一个积极的客户体验。一个非常不错的经验，增加了重复访问的机会。
4。没重定向你只有一个网站的所有设施也意味着你有相同的页面的URL的内容提供给你所有些用户。你无需担忧不同设施之间的重定向或不兼容。在推进一个链接，你可以一定的是，大家可以直接访问它，无论他们在哪儿，或者他们怎么样访问你的网站。比如，当发送简讯，机率非常高，你的读者会在手机上打开你的邮件。你不想让他们需要切换到台式电脑或手提电脑才能打开你的链接。任何内容，你推广也应该可以，无论是在移动或不。
5。加载时间那些游客，哪个访问你的网站有一个稳定的无线或有线连接会有点小麻烦下载数据比较大的块，如特殊的动画或图片。其次，移动用户，哪个用3G或4G连接，将感激尽量小的数据。波士顿环球报
第三，新闻网站，如BostonGlobe.com 常常在去，譬如天天上下班。响应式设计允许他们选择为每一个设施特定的内容，或预压缩图像。
通过响应式网站制作提出的挑战响应网站制作是一个相对较新的移动网站建设办法。有人说这只不过一种趋势，也有人说这是一种新的思维方法。就我而言，我相信在迅速和不断变化的Web框架，所有都可以被视作一个趋势。让大家不要去太深。相反，让大家来看看这个挑战需要大家去克服打造成功的网站响应。
1。开发时间可能最明显的负一点关于打造一个响应式网站，它需要更多的时间。显然，对于一般的桌面网站，你需要较少的筹备时间，更少的资源来构建，并测试它需要较少的努力。它一般需要更长的时间来将一个现有些网站为响应比从头开始构建一个。假如你要移动的思维，如此做使你的网站的响应，不要低估你的工作也会给你现有些桌面版。
2。不一样的设施是不一样的的想法，你可以打造一个网站，同样适用于任何装置是一个神话。当然，只有一套代码，你的网站仍然是相同的有关内容和结构，但不一样的设施需要不一样的思维方法。大家会浏览你的网站依据我们的特定需要和目的，而不提独特的用法语境。选择反应设计师从choiceresponse.com 显然优先考虑的内容为移动用。而桌面版本可以显示不少内容时，对于较小的屏幕，你需要了解任何事情。
想象一下，你正在负责一个公共交通网站。一个用户或许会访问桌面版，浏览的耐心，期望找到他的周末旅游特价产品。同时，别的人或许会检查手机版，期望能找出他应该运行在不到一分钟他的火车前的平台。一个网站，两种状况，和完全不一样的两个用户场景。为了你的所有用户创建出色的客户体验，你需要考虑的人会用不一样的状况和不一样的目的，不一样的设施。
3。不一样的设施提供不一样的相互用途你的桌面版本不只不同于在一个假设的移动版，而且在一个很实质的方法。互动装置作品的一个非常可能是另一个不相干的。这主如果由于大家与桌面和手机的交互方法不同。当大家用键盘快捷键和一个概念鼠标指针来浏览一个网站的一个装置，大家没什么比大家的手指在其他。
而桌面版forefathersgroup.com 包含一个悬停成效的几个环节，设计师运用了这类影响的内容，不让它移动版。第三，要优先考虑内容是尤为重要的在响应式设计。
4。媒体查看支持有限响应式网站与媒体查看来确定每一个访问者的屏幕大小并显示正确的布局。这里的问题是，旧的浏览器，尤其是Internet Explorer版本8及以上的，否认媒体查看。现在全球14%互联网用户仍然用IE8。14%是你的观众的非常大一部分，取决于你的目的人口的数字或许会更高。这并不意味着没方法在这类老的浏览器中显示你的网站。你仅需了解这个工作与媒体查看时。有防止问题的几种办法，如用一个完全独立的样式表的浏览器，或者你的网站建设的移动第一。沼泽以移动第一种办法意味着只有风格，应该适用于更广泛的布局的版本是一个媒体查看里面，不是那些为移动版。如此，不支持媒体查看的浏览器只能看到移动版。
5。可扩展的图像细节丢失另一个限制响应式设计是图像缩放。缩放图像的细节，从而飞速失去其意义。基本上，这里真的的限制是不结垢，但事实上结垢发生严格依据屏幕大小而不是上下文。奥利弗罗素打开（放）oliverrussell.com这个问题解决得非常不错 。图像的重新安排使他们可以横跨整个屏幕，假如有必要的话。这创造了足够的空间让大部分图像被调整在所有。另一种可能是作物的缩放图像。还是他们的意义和经验，它最后会被改变。
6。导航菜单最后但并不是最无关紧要的，导航菜单弥补任何网站的要紧组成部分。尤其是在比较复杂的桌面网站大家用于多层下拉菜单。在较小的设施，你一直会遇见有限的屏幕房产，这使得设计直观的导航菜单的一个挑战。
星巴克设计师Starbucks.com 决定默认隐藏在小尺寸屏幕的导航菜单。只有当跨栏小图标左上角的不同内容类别出现手指友好的按钮。在任何设施上，经验法则是打击容易获得信息和一个不显眼的设计之间的平衡。不要重新创造轮子，假如你没。需要考虑的事情是不是去响应最后到你，但假如你决定给它一个尝试，这里有一些你应该在你开始之前考虑的事情。
筹备是重要彻底的响应式网站制作之前，你的第一个PS图象处置软件模型开始。在你的第一个线框还长。好的筹备是成功设计的重要。你越是有筹备的，更多的时间和资金你会拯救到底。
由于你的网站会有所不同，在不一样的设施上，你需要有一个怎么样组织你的内容，这类设施在头脑明确的画面。较小的装置，你拥有越多的选择做出关于你的内容优先。
从零开始假如你已经有一个现有些台式设计，你考虑的首次移动的存在，仔细想想。你可以从你的旧桌面网站收购的设计，但修改代码可能要比从头开始再。
不要重新创造轮子有很多的在线工具和资源来帮你开发一个响应式网站。不要试图另起炉灶创建一个新的办法。从其他人的错误中学习，会加快你的开发时间。
测试，测试，再测试这完全是新的，而不应该是一个惊喜。早期的和重复的用户测试，任何成功的设计是必不可少的，或是不。并在同一时间两个触摸和一般屏幕设计的挑战不一样的行为需要一些过度测试。开始对所有你拥有些设施的试验。假如所有顺利，借朋友和家人的设施和测试这类。最后但并不是最无关紧要的，访问一个电器店试一试你的网站在他们的设施。
网页题目网站制作机会和挑战性
