响应式网站设计会影响你吗
当咱们在2018年议论网页设计时,咱们实际上是在议论响应式网页设计。仅仅在七年多的时间里,“响应式”这个词就成为了一种无处不在的行业标准。响应式网站设计是设计一个站点或网站应用程序的进程,以便其内容依据所观看的设备进行适当调整。几年前,我看了伊桑马科特(Ethanmarcotte)的一次精彩的会议讲演,他创造了“响应式网页设计”(responsive网站design)这个词,他把响应式网站比作犹他州的Pandotree;一个具有连接根系结构的有机体,在不同的当地,不同的环境,不同的巨细,从底下冒出来,但都具有相同的根底基因。
可以说,响应式设计的采用促进了移动网络的开展;假如没有它,与桌面版别并行开发移动站点的成本将意味着许多公司坚持使用后者。
但响应式设计并非没有问题,依据界说,响应式设计“响应”的是视图巨细,而不是内容。基于容器的CSS媒体查询变体现已被提出作为一种解决方案,但到目前为止还仅仅某人白板上的一张便笺。
设计主要是关于元素之间的联系,而这些联系在小屏幕上是受约束的。此外,由于咱们的符号是语义结构的,所以为移动设备设计的联系经常被转换到更大的视图上。
在过去一年中,最常遭到批评的UI决议计划之一是越来越多的汉堡菜单被用于桌面。但是,很少有人注意到移动布图——将内容分成12栏格的水平条带——按份额扩大到桌面。
响应式网页设计是否正在摧残创造力,这个问题或许是不公平的;它假定多样性和创新是设计进程的命脉。它还把职责归咎于一个概念,假如有职责分摊,它必定取决于施行。事实上,设计往往会在最严厉的约束下蓬勃开展——我认识一位设计师,他会在客户的简报中参加自己的约束,由于他觉得自己的作业在面临挑战时更强壮。
响应式设计与品牌设计配合得非常好,但在布局上并不抱负。完成响应式设计的最佳方式或许是为不同的视图类创建不同的设计,并且仅对相似的屏幕依靠响应式技术。咱们或许不知道每个屏幕的切当尺度,但咱们知道手机必须装在口袋里,咱们知道笔记本电脑不能比键盘窄。
响应式设计或许仅仅一个超前的主意,咱们意识到,一旦像CSS变量和容器查询这样的工具被完成,网站上的设计将再次变得多样化。