设计webapp的新思路

【设计webapp的新思路】的更多相关文章

设计webapp的新思路

一般设计移动应用有3中方式:原生.脚本.混合:今天我们用另一种方式实现. 我叫它:响应式网页webApp 一.具体构架思路是这样的: 客户端:Android手机 Android手机中有控件WebView,通过设置WebView控件的添加,我们可以通过Url的设置来访问链接网页.但是这里就出现一个问题(网页的尺寸大小和手机屏幕不匹配),那么,咋办?不用担心,响应式网页可以解决这个问题,把它缩小后就成为一个手机页面了,放在手机中显示一点问题都没有. 服务器端:可以使用IIS服务器后台端:这个后面…

WebAPP与原生APP的交互设计区别

WebAPP和原生APP同为移动端,很少有研究这两项的交互区别,最近公司做了一次从原生APP到WebAPP(HTML5 )的移植,故总结一下期间遇到的问题及不同点总结. 从使用场景上,WebAPP用户面临比原生APP用户更严峻的问题: 1.页面跳转更加费力,不稳定感更强思考点:如何减少跳转(扁平结构.页面布局技巧),增加数据及展示的流畅流程及稳定性(技术) 2.更小的页面空间(由于浏览器的导航本身占用一部分屏幕空间),更大的信息记忆负担移动设备的屏幕要小得多.这种如同透过门缝进行的阅读增加了…

12 款最好的 Bootstrap 设计工具

作为一位设计师,会经常追寻新鲜有趣的设计工具,这些工具会提高工作的效率,使得工作更有效, 最重要的是使工作变得更方便.非常肯定的说,随着日益增长的工具和应用的数量,设计和开发变得越来越简单了. 其中最普遍使用的最终框架之一是 Bootstrap,它在 2013 年特别流行.如果你是位设计师,你可能会接触过它,甚至是使用过它.如果你是 Bootstrap 的使用者或者是相关功能的用户,这篇文章非常的适合你! 这里总共列举了 12 款最好的 Bootstrap 设计工具,这些都能很好的简化大家的工…

移动前端webApp开发点滴积累20140524

#webApp开发几点体会(移动前端) ##前言本文旨在记录本人涉足移动webApp开发的几点体会,欢迎分享与指正. ##再见,IE678 移动设备,Android跟iPhone是主流,即使是win8设备,自带的都IE9以上,再也见不到那个不按W3c套路解释的浏览器了,很多兼容性问题都可以放下,专心处理业务了. ##HTML5/CSS3 HTML5/CSS3在移动设备上已经非常普及了,再也不用考虑以前在桌面设备上是否有旧版本浏览器的问题了.HTML5的跨平台.便于维护.开发成本低,各种优点使得…

WebApp 设计要素

从去年开始就负责公司WebApp的产品跟设计工作,最近整体大改了两个版本,也算累积了一些实际的经验.在不断学习的过程中,发现对于WebApp可以直接用于项目上的资料比较零碎,在这里总结一下,供初做 WebApp的设计师在实际项目中参考. 设计尺寸:基于宽度320px 一般大家看到的移动端设计尺寸参考都是基于ios或者Android,是绝对不能直接用于WebApp的设计中.而且常用的PS Play也不适用查看WebApp的效果. WebApp本质上还是一个网页,它的尺寸(特别是宽度)是依赖于每个手…

APP，webapp 设计相关资料汇集区

(1).@2x iPhone3GS时代,我们为一个应用提供图标(或按钮提供贴图),只需要icon.png.针对现在的iPhone4~6 Retina显示屏,需要制作额外的@2x高分辨率版本. 例如在iPhone3GS中,scale=1,用的图标是50x50pixel(logicalimage.size=50x50point):在iPhone4~6中,scale=2,则需要100×100pixel(logical image.size=50x50point,乘以image.scale=dimens…