UI设计:触摸优先设计、响应式设计、移动优先设计

2017/7/13

   触摸优先设计、响应式设计、移动优先设计是UI设计师设计网站应遵循的三大原则,以使网站最大范围地适应各种设备。外文《Designing The Well-Tempered Web》中详细阐述了这三大原则。CSDN对该文进行了编译,内容如下:

    随着技术的进化,Web设计的艺术和技巧也在不断进化。新的技术创造了新的挑战,而新的挑战要求新的解决方案。我们通常工作在未知领域,需要给出全新的解决方案。

考虑到有限的Web设计历史,我们必须超越当前的领域去回答更有挑战性的问题。为此,我们可以通过借鉴其他不相关领域的发展历史,如音乐,从中寻求可以帮助我们解决问题的方案。

    UI设计师需要做什么?

    最近几年,针对多设备进行设计已成为Web设计领域最令人兴奋的开发工作。以前主要关注网站是否可以在两个不同浏览器上运行正常,现在则转移到它是否可以在具有完全不同特性的多种设备上正常运行,这些设备具有不同的屏幕尺寸、不同的性能、不同的使用环境及不同的界面。

    虽然响应式设计和针对设备定制网站可以帮助我们制作出针对不同体验的设计,但仍有很多时候我们必须做出统一的决策。这时,"平均律"的概念或许有些帮助。

    该概念在UI设计中的应用一个简单的过程:为了针对一系列不同设备设计出好的体验,我们必须允许某些界面出现偶尔的不完美。我们必须做出小小的妥协,以保证我们的设计可以很好地适应其他的环境。

    触摸优先设计

    具有"平均律"特性的网站已经将触摸式界面应有到了最近的桌面网站设计中。在占用面积上,手指要大于鼠标指针,所以手指需要更大的触控区域。为了确保可用性,交互元素需要更大。当交互元素的面积增大后,其他元素也需要相应的增大以保持平衡。这就需要通过margin和padding两个属性来设定。

    响应式设计,达到统一设计的目的

    虽然关于响应式设计的很多讨论都是关于响应式设计技术的,但响应能力本身并不是最终目标。它是达到目的的一种手段。设计具有响应能力,是为了达到其他的一些目的。可能为了支持不同的内容,服务于低宽带中传输的图片,在更小的屏幕中更好地展示布局。也可能为了在大范围不同的设备上提供统一的体验。搭载响应式设计的火车,可以到达统一的用户体验设计的目的地。

    移动优先设计

    之前的案例主要针对图片设计,但"平均律"的概念应该应用于产品设计、用户体验、信息架构中——几乎设计的其他任何领域。让我们看看产品设计及移动优先的设计思想。

从移动设备角度出发开始设计过程,构建可以满足移动环境中各种限制的产品,你需要专注于产品的最重要元素上。"当团队进行移动优先设计时,最终是要打造一种体验,该体验主要专注于用户希望完成的最主要任务,没有任何的绕弯子与界面碎片。这对于用户体验和商务都是有利的。"

更多新闻

网站设计中要注意的问题有哪些?-全球百科
网站设计怎么样才算好?
网站设计公司哪家好一点?-全球百科
网站设计的内容有哪些?