适合。这个微不足道的陈述成为了网页设计新趋势——响应式设计的基础。简而言之,响应式设计涉及使网站的布局和内容适应任何设备。为何如此?! – 附加到他们的图形程序的设计师会大喊。这是否意味着我们现在必须为市场上数十种(甚至数百种)设备中的每一种设计单独的芯片?嗯,不。如果我们拒绝旧习惯和旧思维方式,这项看似西西弗斯式的工作就会变得容易得多。
任何网站最重要的元素是什么?
是什么让用户从搜索引擎找到它并不断回来寻找更多?这当然不是美学——我们可以无限地增加令人难以置信的受欢迎程度的令人厌恶的网 手机数据 站的例子。与外观相反,它不是可用性,尽管它已经成为世界各地设计师的口头禅。不,网站最重要的元素是其内容。
因此,
设计者的首要任务是以可读的形式为当前可用的数千种设备中的每一种提供它。显然,网站的外观在这些设备上会有所不同。然而,设计师必须学会设计适应任何屏幕分辨率和方向的灵活解决方案,而不是努力以功能网站的形式尽可能忠实地呈现静态设计。
新的设计流程
如今,大多数设计都是在浏览器 旦开始工作步就是明确 中完成的。一个设计师要想保住自己的地位、面子和饭碗,就必须肩负起程序员的重担,撸起袖子加油干。如果 Photoshop 中设计的最漂亮的按钮不能在 40 英寸电视和 4 英寸智能手机上有效地发挥其功能,那么它们也将毫无用处。基于HTML框架,现代设计师必须使用最新的CSS来构建上述系统,这更像是一个应用程序而不是一个典型的网站。
例如
桌面版的行业网站应该通过带有促销新闻的引人注目的滑块来吸引注意力,它必须通过信息架构吸引用户并迫使他深入研究内容并留在网站上,也是 by 列表 为了广告商。然而,在移动领域,所有东西的移动速度都快了 4 倍,这些事情并不重要。重要的是快速获取信息。因此,滑块、侧边栏和广泛的类别树消失了。平板电脑版本可以以最近流行的网格视图格式呈现文章,但在智能手机上只能显示一栏。问题是,即使准备上述三个版本也是一项巨大的工作量。适合女性的 40 英寸电视和 3 英寸手机怎么样?如此众多的设备迫使我们迈出激进的一步——为每个人提供一个页面。这怎么可能?我将在下一篇文章中尝试解释与响应式设计相关的假设和技术。