W Design & NEWS

一种启发式方法的响应网设计

W-design2015.09.11

    随着网络的发展,我们可以使用它的技术和范围来与它进行接触。随着屏幕的范围的增加,更高分辨率的显示器正在成为标准,而在同一时间,无论是更大的和更小的屏幕变得更加普遍比以往任何时候。作为设计师,我们有一个选择。我们继续为“安全”标准设计960px宽还是我们扩大我们的视野,开始思考灵活甚至响应式网页设计。网站看起来不同,取决于他们的屏幕大小不同的用户是不是一个新事物,移动网站已存在多年,但响应的设计提出了完全不同的东西,设计的规模,任何从iPhone到52″高清晰度电视屏幕。

    在这里做广告3种方式建立一个响应的网站首先,流体布局流体布局已经存在多年,许多的第一个网站,在早期的网络,这样,他们将扩展到任何大小的浏览器可以处理。这些网站只需要一个设计和一组代码的好处,但是当一个网站可以显示在任何宽度有可能永远不会有任何一致性的信息是如何呈现,往往会导致混乱的网站。一个流行的使用流体宽度的网站可以看到许多的雅虎!有一个固定宽度的列有界的流体面积,填充有较小的箱的内容。

    第二,移动和桌面到目前为止,最流行的方法是在屏幕上大大不同大小的会计,以及与他们相关的用户体验,是两家网站的设计。第一次创建的桌面版本,之后更小,缩小版的策划为移动用户。这种方法达到了目标。首先,它允许只有2个设计被创建,最大限度地减少所采取的时间代码,而仍然优化的网站为每一个关键类别。其次,它为内容的创建者提供了一个可以预测的、一致的和可预测的格式,内容将显示出来。然而这种人格分裂的方法来设计网页可以省去很多设备或者两者之间,如ipad和上网本,或是远远大于标准的桌面,高清电视为例。这可能导致客户请求的ipad版网站”或者说需要“appify他们网站的那些花哨的平板的东西”。第三,媒体查询一旦最声势浩大的发展在新的CSS3规范是所谓的“媒体查询”,这让我们选择指定的大小一定范围的页面应该改变布局。这种方法的好处是,该网站只需要设计一次,并从每个设置可以创建。

    另一方面,这就需要一种新的方式思考的内容(可能是旧的浏览器以及后备移动/桌面),作为一个系列的模块或类,而不是单一的元素。设计一个响应项目当构建一个反应性的网站时,有很多方面的考虑,但迄今为止最难的是如何使你的内容流,这里是5个技巧,为创建一个响应的设计。

    1。跟随自然的休息,如<氢气>和它的朋友标题是,或者应该是,用来打破内容扫描块。这就意味着,当寻找一个响应的设计标题标签的内容是一个伟大的地方开始。

    2。图像经常讲述自己的故事在许多网站上的图像只是依稀相关的内容。因此,这往往不重要的图像是否在左边,上面或下面的一段文字,使图像的一个伟大的候选人在响应的设计。

    3。引号,代码和表是上下文虽然类似的图像这些额外的信息往往更直接相关的内容比图像。这通常是一个好主意,将这些与解释的段落,无论是之前或之后作为一个部分自己。

    4。不要分裂博客文章除非你写长博客文章,它往往是值得你的设计工作围绕一个博客文章,产品页面或其他中央内容。关于我们或工作人员的页面,而尼斯是远不那么重要的网站的目的,但这些网页是面包和黄油的网站应优先考虑,在设计一个响应的网站。

    5。一起保持导航导航是你的大多数内容的生命线,单一的块已成为统一的网络是一个重要的一部分,许多用户的浏览习惯和移动它的底部或摆脱它都可以通过许多用户和使您的网站更难以使用。

     谁是响应的设计?响应式设计是关于允许内容符合用户的喜好,用户无论是浏览一个iPod或高清电视,网站应该提供尽可能最好的体验。有一些借鉴,但响应的设计。首先,考虑的家伙用他的高清电视,其可视面积是一个巨大的52″。虽然起初这听起来像一个高明的主意,谁没有试过才知道,事实上,设计糟糕的网站变得不可读。

    考虑一个响应式网页设计应该记住许多UX设计的基本教训人,线的长度是可读的,线的高度,便于线和字母间距,利于眼睛流之间的字母之间移动。这些经验教训变得更加重要,响应网页设计,作为滥用的选择,他们变得如此简单,创造。响应性设计在这里停留响应式设计有它的优点和缺陷,并考虑响应网站设计要读在UX设计第一基础的人,记住一些简单的教训,还有很长的路要走。作为CSS3更为普遍和网站开始实施快速响应的设计可以看到他们是怎样的大公司,无论是技术,确实会成为广泛采用的有趣。

W design values every chance to work with you.