西城企业网站开发:更易访问的移动内容的设计趋势

2019.05.27 西城企业网站开发

60

西城企业网站开发在处理移动界面设计时,您必须考虑许多因素。并不是所有的设备都是一样的,所以每个访问者都会有不同的体验,你必须满足这一点。显然,一些比较流行的设备正在运行iOS或Android操作系统。但我们还能深入研究什么呢?

在这篇文章中,我想分享一些关于移动应用程序和网站布局设计趋势的想法。访问者在他们的手机/平板电脑上访问你的应用程序或网站将期待一个真正有创意的界面。当您坐下来制作任何新的移动产品时,您需要考虑最终的用户体验。

西城企业网站开发

把你的布局安排得井井有条

不管你开发的是什么类型的移动产品,内容通常都应该是最重要的。你的网站移动应用程序的用户在那里是有原因的。可能会搜索问题的答案,或访问配置文件数据或签出新的出版物。您的访问者非常关心页面内容,您的界面设计通常是事后考虑的。

如果您可以根据页面层次结构来划分内容,这是很好的。移动内容特别没有额外导航链接的空间。可能考虑构建一个包含整个页面链接列的列表视图。然后,当用户点击这些链接时,您就有了完整的屏幕来加载内容,而且还可以轻松地向后导航。

这将为更大的排版和图像留下足够的空间。这种技术当然适合移动应用程序,但您也可以将其规划到一个网站中。最快的解决方案是根据一个列表视图编写一个完全独立的移动布局。或者你也可以构建一个隐藏在视线之外的移动滑动导航。

可调排版及配色方案

这并不总是一种选择,但在您的排版中使用流动性意味着更容易支持广泛的用户。最大的调整将是移动网站在显示器上保持其字体大小正常,但当显示在微小的移动屏幕上时则会增加字体大小。

实现这一目标的最佳方法是通过调整em单元中的字体大小并添加-webkit-文本大小-调整:无;在你的样式表里。此属性将阻止移动Safari和其他webkit浏览器根据屏幕分辨率自动调整字体大小。这是一个恼人的功能,可以真正混乱你的自然大小的文本时,从肖像过渡到景观模式。

最近,我也看到了一种流行趋势,即在移动平台上调整配色方案。有些网站在典型的桌面视图中提供此功能。然而,我觉得这会对移动观看体验产生更深刻的影响。

我最喜欢的例子之一是InstappaeIOS应用程序。在“设置”页面上登录到您的帐户后,您可以将布局方案从光更改为黑暗。有些时候,你会很难读到一些白色背景上的文字,如果整个版面都变暗了,那就更容易了。这并不是一个巨大的解决问题的方法,但它确实为访问者提供了一些额外的移动友好功能。

从移动开始并扩展

我已经读了无数次这个论点,但我仍然同意这是有道理的。当你从零开始设计一个完整的网站布局时,你应该开始专注于移动屏幕的过程。如果你能为手机建立一个杀手式的布局,你将很容易地把它放大,并在全屏显示器上显示得更宽。

西城企业网站开发从移动导航开始,您将使用此方法解决大量问题。您将很少找到一个清晰的解决方案,如何使用自定义导航菜单。这一切都是关于练习不同的技术,并找出什么最适合你的布局。

你需要下拉菜单吗?这些菜单是2层还是3层?这些答案将直接影响您的情况时,为手机设计导航。

威廉·切特有一个出色的移动响应网站,它非常自然地适应页面大小调整。当更新您的网页浏览器的宽度时,布局将迅速调整到正确的位置。他的顶级导航链接最终被分解成方形框,这些方框具有清晰的定义和可调整的大小。当只使用几个主标题链接瞄准一个组合布局时,这种方法工作得很好。但也注意到布局中的许多其他元素也可以调整大小-即页面中面向页脚区域的较低位置。

通过研究其他移动界面上的趋势,设计师可以学到很多东西。只有当创意在特定人群中流行,并逐渐流行起来时,它们才是“时髦的”。当Web2.0是全新的,每个人都在设计圆角和光滑的渐变按钮时,也发生了同样的事情。

替代消费解决方案

如果你的整个布局能自然地与网页内容一起流动,那就太好了。但我可以想到一些例子,你可能无法支持一个完全小型化的布局重新设计。即使是构建移动应用程序,你也被困在Android和iOS SDK的限制中。

当您提供特定的媒体内容,如图像画廊或视频库,您可以考虑提供另一个视口。让您的用户有机会离开当前页面和浏览器的移动优化版本,只暴露核心内容。这给你的网站的可信度,主要支持移动内容,你将不需要完全重新设计你的应用程序界面或网站布局。

移动布局设计最初应该以一种简单、有组织的方式包含您的内容和显示页面。但人们有时宁愿在大屏幕上读东西,这是可以理解的。Instapaper和最近口袋是两种解决方案,读者可以将内容保存到他们的帐户中,并在以后访问这些链接。对于设计良好的界面来说,这并不是一个完全的选择-但它确实迎合了任何一种方式都会使用这些功能的特定受众。

最后思想

西城企业网站开发在设计世界里,熟能生巧,每当你有疑问的时候,就继续前进!解决创造性界面问题的最佳途径是直接对抗。可访问性将始终是一个问题,但移动设计师不断寻找新的解决方案。

我希望本文能够解决在任何数字接口上建立可访问的移动内容的一些要点。无论你是在制作本地应用程序还是移动网站,内容都必须压缩到较小的屏幕上,并且可以移植到世界上任何地方。不要害怕尝试新的场地来解决创造性的问题。另外,你也可以在下面的讨论后分享你的想法或问题。

 


寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP