合肥网站建设中移动专页建设的注意事项

发布时间:2020-09-08 16:58:08

如今,越来越多的移动设备出现在我们身边。作为设计师,网站项目设计进入了一个新的阶段。我们需要考虑更多用户的访问环境、输入设备、分辨率等不同因素。响应式网页是一种流行的解决方案,例如一双男孩休闲鞋,可以随意搭配所有裤子。但对于主题设计来说,响应式设计并不合适。

如今,越来越多的移动设备出现在我们身边。作为设计师,网站项目设计进入了一个新的阶段。我们需要考虑更多用户的访问环境、输入设备、分辨率等不同因素。响应式网页是一种流行的解决方案,例如一双男孩休闲鞋,可以随意搭配所有裤子。但对于主题设计来说,响应式设计并不合适。

特殊网页的设计通常是简短、流畅、快速的,以满足特定时间的一些操作需求。而响应式设计通常需要在不同分辨率下考虑更多的响应效果,设计和开发时间的成本可能会翻倍。而且,特殊的设计有很强的形式感。响应式设计的流畅布局不可避免地会限制视觉效果,因此制作一个响应式网站进行特殊设计需要慎重考虑。最有效的方法是为移动版本单独制定设计草案,使移动页面能够满足移动设备的一般分辨率。

这取决于用户的访问数据。一般来说,是先做PC版的页面,再做手机版的页面。PC端的网页可以呈现更丰富的内容,用户在浏览网页时可以更加专注,以获得最佳的体验。但是,在很多情况下,页面的访问更多的是从移动终端,比如手机游戏的主题,用户通过微信和手机Q进行访问,如果从PC版开始,我们认为手机版会是一个移植的PC版网页,这将大大降低手机版的体验。比如Twitter和instagram的PC页面都是从移动终端扩展而来,继承了移动终端的交互,保持了良好的一致性体验。

安全宽度和扩展区域使页面适应主流分辨率

与PC上的网页一样,确定一个安全宽度,并将重要信息控制在640px宽度内(以iPhone分辨率作为安全宽度)。目前,iPhone4S下主要浏览器的第一屏高度如下。第一个屏幕的高度可以根据特定页面启动的频道进行响应

题目的头像一般都有很强的视觉性。对于手机用户来说,加载图片的等待时间要比在PC机上加载图片的等待时间贵得多,如果一个页面加载时间超过5秒,70%的用户会选择关闭它,那么再精彩的话题也无法呈现给用户,所以设计稿需要折衷。

在头部延伸区域(超过640px),建议使用纯色、渐变、可平铺材料,以减小头部贴图的大小,提高加载速度,延伸区域可以无缝连接。模糊的背景可以最大限度地提高图像质量。

一般来说,手机的字体大小是电脑的两倍,电脑使用的12px字体在手机页面上应该是24px。在设计过程中,我们还需要使用IOS和Android默认渲染字体,以便更真实地还原真实环境。在标准手机版手机游戏中,主字体大小控制在3,大、中、小都有间隔。避免随意使用字号,字号必须是整数。

手机主题主按钮高度大于80px,根据活动需要放置在第一屏。文本链接的顶部和底部之间的距离大于80px,并且在屏幕的热区域中手指的最小感应为44px。

移动用户的网络环境不如PC用户,页面跳转会对用户产生较大的心理影响。如果信息能合理地显示在页面中,那是最好的。如果必须跳转,可以假装不是跳转,比如展开、浮动等,减少用户不安全感。

虽然由于性能、网络等方面的限制,手机无法达到PC项目的良好效果。但移动网络有其自身的优势。移动网页也可以移动,并且可以通过手机独特的重力感应功能与视差滚动效果交互,看起来很优雅。通过手机控制PC页面的浏览也是一种新的体验,所以尝试探索更多的可能性。


热门推荐

技巧精选

0571-88730320 联系我们,谈您的需求

立即咨询 立即建站