优界网

首页 > 产品经理 > WAP站点UI设计浅谈

WAP站点UI设计浅谈

49

0

0

2016-05-21 00:07:06

金龙

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

WAP网站一般使用WML语言制作,多个网页便组成WAP站点,WAP站点主要是针对移动终端做的网站。
WAP(Wireless Application Protocol)是一种向移动终端提供互联网内容和先进增值服务的全球统一的开放式协议标准,是简化了的无线 Internet协议。WAP将 Internet和移动电话技术结合起来,使随时随地访问丰富的互联网络资源成为现实。

WAP设计前了解:

1.浏览限制:
WWW网站可以浏览现在基本全部的图片,音频,视频等文件!支持FLASH等各种插件的兼容。
WAP网站则不同,在早期的WAP网站上,只支持WBMP格式的图片,更别说众多的视频格式以及音频格式的文件,随着终端设备的发展以及语言的丰富,现在对于JPG? PNG? GIF等图片都能做到显示? ,但通常用的最多的是GIF格式。

2.机型适配
WAP网站现在适配的终端设备很多,因终端设备的屏幕尺寸等问题,现在WAP网站也趋向多元化。其中使用最多的是塞班,安卓和IOS等众多手机终端设备,其次是IPAD等其他终端设备。

3.素材规格
LOGO规格:

1- LOGO的大小进行了很大程度的压缩,使其最终限制在5K以内(在塞班当家的年代里,LOGO的大小严重限制在2K以内,例如58同城仅390字节,Facebook为527字节等。
2- LOGO图片格式全部为gif格式,无png格式。
3- LOGO平均宽高没有严格规定,但大部分遵守着默守的规范(如不使用JPG的图片)。
4-国内很多直接命名为logo.gif

导航规格:
1-尽量是用较少渐变等效果。
2-同色系。
3-选取素材为点九的PCN素材图。

其他图片素材提供规格:
输出格式为PNG,为方便传输一般采用8位的PNG格式它的特点是容量小,效果好。


注:WAP导航必须简洁精确且快速的信息;尽可能减少输入;一致、少用‘返回’链接、避免深度太深、返回首页或目录;

4. 考虑小尺寸屏幕的设计
确保内容可见、一致的样式、减少水平滚动、利用对齐属性增加可读性、充分利用空间(图文)、避免过多使用文本样式属性、使用短小精确的词语、避免使用过多的颜色并保持一致、不用名字描述颜色。

5.文字规格
1-字体为黑体:早期塞班系统支持下字体为宋体(无);其他平台为黑体。
2-字号:早期塞班系统下字体为最小12号;其他平台一般使用15号以上(建议)

 

制作常见问题:
设计稿设计是由不同尺寸构成,而对于制作来说,统一的全部按320的尺寸去制作,并严格限制字数,以免对页面的美观度产生影响。
解决:制作尺寸为320(也就是IOS标准尺寸480宽的一半)。
素材提供
素材的提供尺寸为IOS图标标准尺寸,由制作去做自适应的设置。

已有0人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

我要评论 我要评论
  • 刚刚
  • 登录优界网 ×