手机wap设计规范

《手机wap设计规范》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

自从人类进入商品经济社会以来，贸易即已成为人们日常活动的主要部分，并成为一国经济增长的主动力。国际分工的深化、大量国际统一标准规则的建立手机wap设计规范　　篇一：手机端开发规范　　手机端开发规范　　1．字数　　由于手持设备的特殊性，其页面中实际文字大小未必是我们在CSS中设定的文字大小，尤其是在第三方浏览器中，一般情况下手机文本字体在16px左右，假如屏幕分辨率宽度为240px，去除外边距，那么其一行显示14个字以内，是比较保险（避免文本换行）的做法。　　2．字体　　大部分手机浏览器默认字体为“宋体”和“黑体”，手机wap网站的文字的正文字号应该为16px，正文大小变化的文字字号为14px、18px，内容比较多但需要一行显示的时候还可以用12px，图文结合紧密的也可用10px。不过10px和12px已经很小，需少量使用。　　3．图片　　部分手机不支持png8和png24，所以尽量使用jpg和gif的图片，图片应尽量采用高分辨率来适应不同的屏幕，图片的宽高可以通过代码来控制，但切记图片的大小一般不要超过20k，小图标的大小一般几kb为最好，这样既可以适应不同的平台，也可以提高相应速度。尽量不要使用背景图。　　4．布局随着信息化和全球化的发展，国家及地区之间的贸易也已成为拉动一国经济的三驾马车之一，甚至是三驾马车之首，奥巴马政府成立之日起 自从人类进入商品经济社会以来，贸易即已成为人们日常活动的主要部分，并成为一国经济增长的主动力。国际分工的深化、大量国际统一标准规则的建立　　网页样式上要简洁大方，样式不要太复杂，由于手机屏幕的限制，设计尽量简单，便于浏览。我们设计的时候还应该注意设计时不应该　　加入太多的样式，简单明了、大气规范是手机网页设计的中心思想。正文和标题、屏幕左右的间距一般在5-10px之间，以免导致客户阅读困难。　　篇二：WAP前端开发规范　　JAVAWAP开发那点事　　在看这些经验总结之前，我强烈的建议无线开发人员及产品人员熟读WML的规范，手册地址：/retype/zoom/2fd5bd687e21af45b307a896?pn=5&x=0&y=0&raww=167&rawh=54&o=png_6_0_0_135_210_187_61__&type=pic&aimh=54&md5sum=05829eaab8d0c3af97f1351ee1ff7eb4&sign=e3bb4af522&zoom=&png=140-2621&jpg=0-0"target="_blank">点此查看　　源码：　　　　　　　　搜网页　　　　　　　　随着信息化和全球化的发展，国家及地区之间的贸易也已成为拉动一国经济的三驾马车之一，甚至是三驾马车之首，奥巴马政府成立之日起 自从人类进入商品经济社会以来，贸易即已成为人们日常活动的主要部分，并成为一国经济增长的主动力。国际分工的深化、大量国际统一标准规则的建立　　　　　　　　　　　　|　　　　进贴吧　　　　　　　　　　　　　　在这里有个很好的体现，提交文字所在的位置，这个问题，针对小部分手机会有差异（会产生页面解析失败的情况）。我们最好的习惯是将提交文字写在与之间。　　12、WAP如何保证表现层可维护性？　　这可能是最可怕的事情了，由于WAP业务的特殊性，合作推广相对WAP较频繁，如果系统开发人员没有一个好的思想，好的编程习惯，喜欢将代码粘来粘去（特别是页面代码），　　篇三：手机交互设计规范随着信息化和全球化的发展，国家及地区之间的贸易也已成为拉动一国经济的三驾马车之一，甚至是三驾马车之首，奥巴马政府成立之日起 自从人类进入商品经济社会以来，贸易即已成为人们日常活动的主要部分，并成为一国经济增长的主动力。国际分工的深化、大量国际统一标准规则的建立　　手机设计规范　　注：由于现在手机大致分为三大片派系：塞班、windows、android、ios。其中windows在手机方面完败，塞班已经退出中国市场，但在东南亚市场还广泛应用，安卓和ios各占半壁江山，其中ios以付费率高，进入门槛高，android则以多种品牌、多屏幕适配性上体现百花争鸣的(转载于:小龙文档网:手机wap设计规范)特征。　　Iphone和Android系统手机风靡全球的同时，移动互联网的发展也掀起了一股热潮。最近发现身边一些朋友纷纷在做手机上的第3方应用，或多或少碰到了些困惑，也许对于做惯了基于浏览器的产品的设计师来说，有一些比较典型的要点容易被忽略，这就容易引发出：找不到手机软件的感觉、布局经常改变、设计和优化时找不到明确的立足点等等一系列令人困惑的问题。本人有过一段手机交互设计的时光，将在这里罗列一些总结或感想，带一些建议，供看官们斟酌和评判。　　抛开定位、使用环境这样的用户研究体系的大头，专注于说明手机交互设计的特点，其难点在于如何有效的结合硬件、软件平台和设计规范。　　以硬件区分手机类型：　　仅以物理硬键控制操作的机型（后文简称按键机）主要以触摸方式操作的机型（通常包含主页、挂机等物理键）随着信息化和全球化的发展，国家及地区之间的贸易也已成为拉动一国经济的三驾马车之一，甚至是三驾马车之首，奥巴马政府成立之日起 自从人类进入商品经济社会以来，贸易即已成为人们日常活动的主要部分，并成为一国经济增长的主动力。国际分工的深化、大量国际统一标准规则的建立物理硬键齐全，但支持触摸操作的机型（外形和按键机型一样）主流的可安装第3方应用的软件平台：　　塞班s60（第3和第5版）WindowsMobileforPPCAndroidIphoneOSJava（目前有非常巨大的智能和非智能机型群是包含java平台的）其他还有很多，诸如plamos、UIQ等　　交互设计规范：　　一个有经验的设计开发团队，在项目初期会率先着手建立或检查相应平台的设计规范。和web控件规范一样，手机交互设计规范定义了一些常用控件、组件等的布局和响应方式，提炼设计中的公共部分，减少设计和开发的重复思考，并确保整个设计体系的一致性。不同的是，手机交互设计规范不仅有着限定作用，它同时还是一个信息架构的体现、一个创新的过程、并且它还对后续的交互设计起到一定指导作用。我们了解到的iphone的无菜单的风格、各种操作手势、弹出框、标题栏和返回按钮，都是在这个阶段就需要定义好的，而不是具体到某个功能中才任由设计师发挥（所以说创新应该作为一个系统工程，而不是在某几个细节上灵光闪现）。　　从设计第三方应用的角度看，大致可以浓缩成以下几个版本的设计规范：　　S60第3版—有一套比较经典和严谨的规范随着信息化和全球化的发展，国家及地区之间的贸易也已成为拉动一国经济的三驾马车之一，甚至是三驾马车之首，奥巴马政府成立之日起 自从人类进入商品经济社会以来，贸易即已成为人们日常活动的主要部分，并成为一国经济增长的主动力。国际分工的深化、大量国际统一标准规则的建立。另外S60第5版虽然是触摸屏机型，但是对于交互设计师的工作来说两者区别并不巨大，只是把OK键替换换成了点击，以及零碎的一些变化。Java版—事实上由于左右物理控制键和方向键、OK键是按键机型的普遍配置，S60第3版规范的适用范围是非常广泛的，稍微修改一点就可以适用于Java平台。区别在于手机的―删除‖和―返回‖两个物理硬键的配置不太一致，所以需要统一将右下角的命令默认为―返回‖，在编辑文本时，临时变为―删除‖。这样牺牲了某些机型的某些操作的效率，保证了这个整体的机型都可使用。IphoneOS—Iphone的出现一举打破了之前若干平台固有的设计定势，硬键和操作模式都精简了许多。不过其缺少固定的menu模式，这对第三方软件的设计来说是个巨大的挑战，要么需要很大程度上脱离iphone自身的设计规范体系，要么就极端精简功能。Android—跟从了一些iphone中的经典手势，操作和页面布局风格上相对保守一点，保留了menu和back两个硬键，虽然不够独树一帜，但是在功能和设计之间做的了一个不错的平衡，对于第三方应用来说，这是一个可以有宽广发挥空间的平台。　　根据上文所述，接下来我就主要以S60第3版、Android、IphoneOS为代表，通过抽取手机交互设计规范中的部分，来说明他们的特性和区别，顺带展开一些个人经验的叙述。大家请看以下截图：随着信息化和全球化的发展，国家及地区之间的贸易也已成为拉动一国经济的三驾马车之一，甚至是三驾马车之首，奥巴马政府成立之日起 自从人类进入商品经济社会以来，贸易即已成为人们日常活动的主要部分，并成为一国经济增长的主动力。国际分工的深化、大量国际统一标准规则的建立　　上面几幅图并没有刻意选择同一类型的界面来对比，我们不妨先仅关注硬键/全局功能键，会发现他们之间的显著不同，实际上反映到设计过程中，这样的区别对界面设计造成的影响要来的更大。　　下面以摘取手机交互设计规范的形式来陈述：　　1.硬键和手势控制　　S60第3版　　Android　　Iphone:　　以上硬键和手势对于操作的控制，需要我们在设计前有个十分清晰的认识，并且整个团队达成一致，如有精力则需要专门写到设计规范文档中。硬键控制是没有什么改动余地的，两款触摸机型可以对手势适当进行取舍，毕竟有些应用用不到所有的手势，能精简操作最好。（从下面开始，会有一些功能界面，请允许我偷懒一下，用线框代替实际界面截图）　　2.菜单　　S60第3版的菜单是由左软键或OK键调出，需要定义以下几点：　　（注：聚焦到某一条目上时，通常按OK键是打开，但有一些内容包含几种看起来级别相当的操作，此时会弹出菜单选择）随着信息化和全球化的发展，国家及地区之间的贸易也已成为拉动一国经济的三驾马车之一，甚至是三驾马车之首，奥巴马政府成立之日起 自从人类进入商品经济社会以来，贸易即已成为人们日常活动的主要部分，并成为一国经济增长的主动力。国际分工的深化、大量国际统一标准规则的建立　　如何收回背景是否雾化每屏最多显示多少条有无二级菜单，如果有，怎样调出和收回，和一级菜单的位置关系，焦点条的区别菜单项文字靠左数字标号，如果整个软件能保证菜单项目均在10位以内，建议加上，这样可以与数字键盘对应对聚焦项或当前页面不适用的菜单项，是不显示还是文字变灰处理。OK键菜单只包含针对聚焦内容的操作项，需控制在一屏之内，避免二级项菜单项的排序规则：针对聚焦项的在上，其他的在下，这两部分中分别按照使用频率从上至下排列　　Android　　Android传统的菜单是由menu硬键调出，比较多的是2-3行，每行2-3项，看起来像是一些按钮，所以里面的图标和文字都居中。作为第3方应用，如果菜单项稍多，做成一纵列的文字项从操作上来看也未尝不可，毕竟用户刻意记住其默认的菜单形式也没有什么好处。只是仍然需要注意控制一下数量，如果需要二级，可以考虑做成弹出的，比如在一级项中选择―排序‖，之后弹出选择框来选择　　Android还有一种长按菜单，按住某个项目达到一定时间后，会弹出在触点附近的位置Iphone随着信息化和全球化的发展，国家及地区之间的贸易也已成为拉动一国经济的三驾马车之一，甚至是三驾马车之首，奥巴马政府成立之日起 自从人类进入商品经济社会以来，贸易即已成为人们日常活动的主要部分，并成为一国经济增长的主动力。国际分工的深化、大量国际统一标准规则的建立　　Iphone并没有一个明确和固定的菜单模式，较保守一点可以说是没有。一些类似菜单的操作通常是通过弹出选择，或者是拆分成几层，一次次点击进入更深层的页面去寻找按钮的形式来达成。所以要做Iphone平台的第3方应用的同学应当提前做好准备，从产品策划开始就着手考虑这个问题。最有效的办法是首先尽可能的缩减功能，其次尽可能的缩减操作方式。否则会发现为了一些细枝末节的操作，还需要设定好几层页面。当然，也可以加入一条操作栏来作为辅助，只是整体风格和操作就不Iphone了。　　说到这里，不得不结合前两点延伸一下，对导航系统进行说明：　　众所周知，导航系统主要担负着几个任务：展示内容架构、表明当前位置/状态、表明可以去哪里。在网页上的典型形式为全局导航条。在手机上，导航系统同样重要，但是受限于屏幕尺寸，一般没有足够的空间放置这样的组件，但手机有着自己的体系：　　随着信息化和全球化的发展，国家及地区之间的贸易也已成为拉动一国经济的三驾马车之一，甚至是三驾马车之首，奥巴马政府成立之日起