当前位置: 首页> 云计算

2014年最新的移动APP网页设计趋势

发布时间:2020-06-28

从 app 盛行的∝趋势来看,2014年将是移动设备〗大战如火如荼开打的一年!由于移动上网预计将超越桌面计算机上网,研究机构报告数据也说明电子商务市场的成长率将会〨年年上扬,因此电子商务厂商不能再抱持着”Ⅳ堪用就好”的心态,必须化被动⿺为主动,提供更适用于移动设备的网站设计,⊿才能让消费者更愉快地用手机购物,牢牢绑住消费者的心。

对手机消费者来说,什么样的移动网页才好用?以往追求字大、图清楚,但对竞争愈趋激烈的移动商务而言,现在的移动网页设计要吸引消费者购买,可得花更多心思。来看看美国电子商务研究网站 Practical Ecommerce 分享了 20∵14 年移动电▦▩子商务网页设计的七大趋势┖。

1. 响应式网页(Responsive Design)℡更盛∞行:响应式网页是指网页▶会根据屏幕大小自动调整,例如更舒⿵服的排版、字体◆、字型等。随着移动设备愈来愈多样化,为了让消费者在不同移动设备上获得相同愉悦的上网体验,响应式Θ网页将会成为主流设计。

图一、响应式网页会随着屏幕大小自动调整

数据源:筑梦八村网站。上图为桌面计算机网页,▽下η图为手机网页…

2. 更适合手指操作的设计(Finger Friendly Interfaces):你在用手机上网时,是否常й因又细又长的滚动条,滑到火气都上ↆ来了?未来移动网页的设计将会减少使用滚▋动条,而尽量采用直式的θ上下浏览方式,毕竟在有限的屏幕空间上使用滚动条需要过人的毅力。另外,画面上的按钮与超链接也会变大,让你一点就中。

图二┎、配合手机屏§幕,移动网页设计应尽量采用直式的上下浏览方式

数据源:TheDecor网站

3. 扁▬平式设计(Flat Design):酷炫的视觉效果虽然在桌面计算机上吃得开,但在移动设备上可能不这么受欢迎,毕竟在屏幕尺寸与3G连接速度的限制下,网页必须愈精简愈好。因此,2014年将会看到更扁平式的网页设¤计,例∮如讲求简单好操з作的极简化用户接口,以及多用图片,少用文字的设计,以缩小档案、加快载入网页,并和其他网站形成区隔。以国外电子商务∈网站 Cωanopy 为例,版面简单利落,消费者可清楚看到推荐人数及价格。

图三、C◎ano♨py 的移动网页设计⿲相当Ⅺ简洁,便于购买

数据源:Canぷopy.co

4. 单一页面内容更丰富(More Content on One Page):为了在单一页面上呈现更多信息,”快速预览”的设计会更加普及,让消费者不用离开正在浏览的画面就能预览产品信息▅▆,省下开一堆网页的时间和麻烦。另外,以往用超链接连到各个网页的分层式架构也会朝单一网页发展。&因此,页面会愈变愈长。你只要不断往下滑动就可以持续看到内容,不用担心连到迷路。

图四、快速预览功能可省下开很多▎▏网页的时间


数据&源:徐老爹养生食品

5. 卌五花八门的字型(Interesting Fonts):为了弥补无法使用炫丽视觉造型※的遗憾,网页字型将会更五花八门。业░者希望透过与众不同的字型来突显品牌形象。

6. 使用大图片(Great Big Graphics)∟:链接到≦产品页的大图片会愈来Д愈常见。虽然大图片很占画面,但容易点选,只要网页设计妥当,就能在移动设备上发挥效用。

图|五、大图容易点选、进而刺激购买


图片来源:91mai 移动商城

7. 影片和其他多媒体内容ω(Video and Other Rich Content):在网页上嵌入影片已经随处可见。2014年╬的移动网页将会提供更多样性的多⊕媒体内容,例如交互式接口等。

图六、hTC在移动网页嵌入新年贺岁爆笑片,增加与消费者的互动Ж

移动信息化交流QQ群:一号群:211029692 二号群:344692795 CIO交流群:316076815(需认证)