当大家在2018年谈论网站制作时,大家事实上是在谈论响应式网站制作。仅仅在七年多的时间里,“响应式”这个词就成为了一种无处不在的行业准则。响应式网站建设是设计一个站点或网站应用程序的过程,以便其内容依据所观看的设施进行适合调整。几年前,我看了伊桑•马科特(Ethanmarcotte)的一次精彩的会议演讲,他创造了“响应式网站制作”(responsive 网站 design)这个词,他把响应式网站比作犹他州的Pandotree;一个具备连接根系结构的有机体,在不一样的地方,不一样的环境,不一样的大小,从底下冒出来,但都具备相同的基础基因。
可以说,响应式设计的使用促进了移动互联网的进步;假如没它,与桌面版本并行开发移动站点的本钱将意味着很多公司坚持用后者。
但响应式设计并不是没问题,依据概念,响应式设计“响应”的是视图大小,而不是内容。基于容器的CSS媒体查看变体已经被提出作为一种解决方法,但到现在为止还只不过某人白板上的一张便笺。
设计主如果关于元素之间的关系,而这类关系在小屏幕上是受限制的。除此之外,由于大家的标记是语义结构的,所以为手机设计的关系常常被转换到更大的视图上。
在过去一年中,最常遭到批评的UI决策之一是愈加多的汉堡菜单被用于桌面。然而,极少有人注意到移动布图——将内容分成12栏格的水平条带——按比率扩大到桌面。
响应式网站制作是不是正在抹杀创造力,这个问题可能是不公平的;它假定多样性和革新是设计过程的命脉。它还把责任归咎于一个定义,假如有责任分摊,它一定取决于推行。事实上,设计总是会在最严格的限制下如火如荼——我认识一位设计师,他会在顾客的简报中加入我们的限制,由于他感觉我们的工作在面临挑战时更强大。
响应式设计与品牌设计配合得很好,但在布局上并不理想。达成响应式设计的好方法可能是为不一样的视图类创建不一样的设计,并且仅对类似的屏幕依靠响应式技术。大家可能不了解每一个屏幕的确切尺寸,但大家了解手机需要装在口袋里,大家了解手提电脑不可以比键盘窄。
响应式设计可能只不过一个超前的想法,大家意识到,一旦像CSS变量和容器查看如此的工具被达成,网站上的设计将第三变得多样化。
推荐名字响应式网站会干扰网页的设计吗