sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

响应式网站会影响你的设计吗?

Share

Time:

2018-12-29 10:32:23

Author:

limo


当我们在2018年谈论网页设计时,我们实际上是在谈论响应式网页设计。仅仅在七年多的时间里,“响应式”这个词就成为了一种无处不在的行业标准。响应式网站设计是设计一个站点或网站应用程序的过程,以便其内容根据所观看的设备进行适当调整。几年前,我看了伊桑•马科特(Ethan marcotte)的一次精彩的会议演讲,他创造了“响应式网页设计”(responsive 网站 design)这个词,他把响应式网站比作犹他州的Pando tree;一个具有连接根系结构的有机体,在不同的地方,不同的环境,不同的大小,从底下冒出来,但都具有相同的基础基因。


可以说,响应式设计的采用促进了移动网络的发展;如果没有它,与桌面版本并行开发移动站点的成本将意味着许多公司坚持使用后者。


但响应式设计并非没有问题,根据定义,响应式设计“响应”的是视图大小,而不是内容。基于容器的CSS媒体查询变体已经被提出作为一种解决方案,但到目前为止还只是某人白板上的一张便笺。


设计主要是关于元素之间的关系,而这些关系在小屏幕上是受限制的。此外,因为我们的标记是语义结构的,所以为移动设备设计的关系经常被转换到更大的视图上。


在过去一年中,最常受到批评的UI决策之一是越来越多的汉堡菜单被用于桌面。然而,很少有人注意到移动布图——将内容分成12栏格的水平条带——按比例扩大到桌面。


响应式网页设计是否正在扼杀创造力,这个问题可能是不公平的;它假定多样性和创新是设计过程的命脉。它还把责任归咎于一个概念,如果有责任分摊,它肯定取决于实施。事实上,设计往往会在最严格的限制下蓬勃发展——我认识一位设计师,他会在客户的简报中加入自己的限制,因为他觉得自己的工作在面临挑战时更强大。


响应式设计与品牌设计配合得非常好,但在布局上并不理想。实现响应式设计的最佳方式可能是为不同的视图类创建不同的设计,并且仅对类似的屏幕依赖响应式技术。我们可能不知道每个屏幕的确切尺寸,但我们知道手机必须装在口袋里,我们知道笔记本电脑不能比键盘窄。


响应式设计可能只是一个超前的想法,我们意识到,一旦像CSS变量和容器查询这样的工具被实现,网站上的设计将再次变得多样化。