11年资深技术开发经验专业提供

无锡网站建设

,微信小程序开发
网站建设资讯

创新不是改变世界,而是不再重复昨天

当前位置:首页 > 建站资讯 > 建站知识

如何打造优质的移动页面

发布日期:2019-01-18   阅读:1822次

       竖屏时代已来,你的内容,用户能看见吗?移动互联网时代,网民的上网设备和网络行为、互联网信息内容的展现方式,都发生了新的变化,这不可避免的促使用户的行为习惯发生了改变。在这变化中,既能为用户提供高效阅读,又能满足移动互联网特点的信息内容,已成为信息内容生产者不得不研究的一个课题。 移动设备与PC设备最大的不同是竖屏与横屏的区别,相对PC设备而言,移动设备,屏幕尺寸更小,但手机使用的都是高清屏幕材料,像素密度比电脑屏幕要高(像素密度,即每英寸屏幕所拥有的像素数,像素密度越大,显示画面细节就越丰富)。迅诚科技在大力发展网站建设服务的同时,也不忘手机网站的建设,还有各类小程序开发、APP开发,既方便了用户,又为企业进一步留住了用户。

       今天,小优就带大家一起来探索,移动页面的设计之道。

       手机屏幕是纵向展现,因此内容的展现方式,也变成了从上往下。再者,手机屏幕小,无法像电脑屏幕,展现密集、大量的信息内容。因此,在有限的屏幕空间,手机屏展现的内容,要足够少,足够聚焦,从而营造更有视觉力展现效果。

       在海量的信息、匆促的时间下,用户阅读方式、习惯发生了变化,浅度和碎片化的阅读方式,已经成为移动互联网用户的阅读常态。所以,移动端的内容,必须要精简、易懂。

        一、构图

       图片设计,从策划、摄影到PS设计实施,一开始就应有纵向构图的竖屏思维。

       构图比例:当前绝大多数手机的满屏比例是9:16,事实上,因为有页面标题栏和底部按钮,会占用一定空间,如果用9:16构图,会导致一屏展示不完一张图的情况,因此在不同尺寸、不同分辨率的手机屏幕下,展示窗口的竖屏比例不尽相同。所以,推荐图片设计的构图比例为9:12,确保能在一屏内完整显示内容。

       构图尺寸:绝大多数手机的满屏尺寸是720*1280像素,按9:12左右的构图比例,构图的尺寸建议为:宽度720px,高度1000px。

       横向构图,阅读体验不佳。一屏就是最小的信息单元是手机屏特点之一,因此把信息切碎到手机屏的一个信息单元大小,最适宜手机用户阅读。一屏一主题,内容一目了然,用户只需浏览一遍,马上能在脑海里留下印象。

        二、分栏

       左右分栏变上下分栏:手机用户面对的是竖屏,阅读的习惯是从上往下,设计师已经习惯的左右分栏,在手机上已经并不适用,既无法体现出设计的美感,也无法突出内容。因此,设计时改变分栏方式,从左右分栏变为上下分栏,已经很有必要。

        三、留白

       加大主题间留白:空白是手机详情长图的断句符,控制着表达的节奏。一方面,加大主题间空白让主题间隔明显,使用户能很轻松地分辨出每个主题,方便阅读。另一方面,留白能使作品节奏明朗、表达从容不迫。当用户处于舒服平静的心境,自然延长了对整套图片的阅读时间,大幅提高了信息沟通效率。留出空白,反而更能让用户聚焦当前看到的内容。

        四、文字

       标题字高≥1/10屏高:提到字号,我们脑子里浮现的都是这个字号在PC屏上的大小,但实际上这个印象和手机屏上的大小差别很大,会误导到我们做正确的设计,所以手机图片设计,文字不以字号为单位来衡量。我们可以以手机的“屏高”(屏幕高度)来做参照,建议大胆使用≥1/10屏高的大字来做手机端标题。

       一屏文案字数≤3行30字:手机详情图上,一屏之内文案用多少字为好?建议:文字阅读量(包括标题和正文)要控制在两三行、二三十个字以内,也就是普通用户者看两三眼就能看完的范围。用户停留在每一屏的时间只有几秒钟,文字的阅读任务如果太繁重,就触碰到了用户的耐心极限,阅读质量大大降低。

       长文案整版只用文字:当一屏中的文字无法控制3行30字以内时,我们应把所有图片去掉,整版只用文字,想让用户聚焦于文字,就尽量别让用户的眼睛看到任何图片,这样,用户进入到文本阅读模式。其次,把长文案切割成小段落(最多四行一段),并且加上小标题,便于用户轻松阅读。如果某一段文案特别重要,就把除了这段文案以外的地方全部留空,用空白来衬托文字的重要。

        五、背景

       背景图上勿盖字:手机屏幕像素比较高,色彩绚丽,人眼比较容易疲劳。

       第一,色彩不用太复杂,减少对眼睛的刺激,客观上延长了用户的耐心,也就是延长了对本屏信息的阅读时间。第二,背景图上不要盖字,否则文字和图像传递的信息都会受影响,传递效果会被削弱。

        六、总结

       商家都希望把自己的所有卖点全都讲出来,期望买家对自己了解多一点。但实际上,大部分内容得不到用户的认真对待,所以并没有多少用户真正看完你的这些表述,一点一划、匆匆一瞥就已完结。

      一个被忽视的逻辑:你和买家之间的有效沟通信息量,并不在于你表达了多少,而在于用户看到多少、接收到多少、理解了多少。所以,手机上的内容,不仅要让用户一眼看得见,而且要马上能看懂,在看见内容(包括文字、图片)的瞬间,就能理解你想表达的意思。


声明:本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们进行删除处理。
最新建站资讯
292023-06
2023年公司网站有必要进行改版吗?

说起今年网站是否需要改版这个话题,就要从互联网的诞生到互联网高速发展的今天,目前有成熟的网站开发技术、网站设计也是日新月异。有了这些技术的前提,今天我们来说说公司网站有没有必要进行改版?

142023-04
无锡网站建设价格的评估依据有哪些?

随着短视频及直播的影响,流量迅速转移到某些移动平台,还来不及转型又没有稳定流量来源的无锡网站设计公司活得那叫一言难尽。网站搭建的市场虽然急剧萎缩,却也还有一定的市场需求,网站制作的价格也是良莠不齐。有很多客户就纳闷了,同样一个网站设计,为什么做网站公司报出来的价格相差那么大呢?下面就来说说,无锡网站建设价格的评估依据有哪些?

152023-02
网站建设策划包含的具体内容主要包括哪些内容

在做网站建设业务时候,通常前期企业客户会要求网络公司或者技术人员给出一个网站建设的方案。其实即使客户不要求,作为做网站建设策划的人员在建立网站前也应该出一个这样的策划方案,这样能让自己的思路更清晰一些。

152023-02
一个优质的网站能给企业带来什么

现如今互联网中的用户量是比较大的,企业网站可以通过互联网将自己宣传推广出去,在用户想通过搜索想要的产品、服务以及想要全面了解你的企业,那么你的企业官网就能起到流量承载的作用。

092023-01
营销型网站建设如何进行?从下面四点进行了解!

营销型网站建设如何进行?近几年有很多企业开始建设企业网站用于商品宣传和营销,营销型网站主要是以营销为目的的,能够帮助企业提示转化率,从而起到好的市场营销效果。建设营销型网站也是有一定的方法和规则的,需要根据企业的产品、服务、优势等特点进行市场的定位。

042023-01
无锡建设网站设计公司有哪些新趋势

在互联网发展的环境中,企业在不断的变化,创新也就成为企业必不可少的方式,那么在企业网站设计发展的新趋势又有哪些呢?在建设网站效果达到好的效果呢?

版权所有 © 2011-2024 无锡迅诚信息科技有限公司    备案号:苏ICP备11038949号-2     苏公网安备 32020602000833号

专业团队为您提供无锡网站建设,无锡网站制作,无锡品牌网站设计,无锡响应式网站制作,无锡微信小程序开发等服务,无锡建网站就找迅诚科技!    网站地图 | 地图XML