2014年03月_budinger

原创解决iphone横屏时字体变大问题最佳方法

前提修改文档声明，如有疑问，请看文章手机web2.0网页文档属性@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:no

2014-03-31 17:25:44 2146

转载 WEBAPP开发技巧小结(手机网站开发注意事项)

1、要响应式开发web，也就是页面必须自适应屏幕大小，可以采用流体布局，如之前的文章（自适应宽度布局），其他具体的小问题可以采用media query解决（让IE支持CSS3 Media Query实现响应式Web设计和CSS3 Media Queries）； 2、因为手机大多是高级浏览器，可以使用html5+css3开发； 3、合理灵活的使用meta标签，具体如下；

2014-03-14 14:24:17 1158

原创 CSS reset & 闭合div 适用于HTML5

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr

2014-03-12 22:03:38 1874

转载点九：避免Andriod平台图片失真的图片形式

“点九”是andriod平台的应用软件开发里的一种特殊的图片形式，文件扩展名为：.9.png智能手机中有自动横屏的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。我们都知道android平台有多种不同的分辨率，很多控件的切图文件在被放大拉伸后，边角会模糊失真。O

2014-03-12 20:31:17 982

转载 APP界面设计指南|APP界面设计师必备信息图

013年，APP界面设计已经越来越受到大家的关注和热捧！作为一个接触APP界面设计的老鸟，网站设计师们。一定得记住：用户体验设计放在首位！信息图：移动端APP设计指南APP界面设计指南|APP界面设计师必备信息图

2014-03-11 14:15:00 3196

转载 iPhone、iPad等iOS系统界面设计字体规范

做移动UI设计的朋友们肯定都知道，移动客户端的界面上做效果的时候提前找所用的字体，特别注意在windows下设计的字体和实际UI界面上显示的效果很大的差别。博主谈到设计师可以提前和开发沟通好，就是告诉开发字体和字间距之类的需要自定义，请程序提前做好“准备”（一般字体和字的效果程序都是可以提前封装后，整个项目都可以导出自定义），如果提前沟通，这样会提高开发和设计的UI界面的效率。确实是这样啊

2014-03-11 13:45:53 14749

转载 ipad界面设计规范,新手设计iPad的必备宝典

平台特点1 大屏幕，分辨率 1024×7682 再次强调没有固定的方向，必须四个方向都支持。3 可以外接键盘4 可以放置设备，与台式机同步iPhone与iPad的共同特点- 内存有限- 同时运行单个程序- 在设置功能里放置程序选项- 设备方向可以改变- 最小化的帮助，让用户直接就能看懂- 程序响应手势而不是鼠标- 运行源生程序、W

2014-03-11 13:40:03 8109

转载 Android APPUI设计、切图的常用尺寸大全

今天在APPUI设计群里，不少朋友在问 android APPUI设计、切图的常用尺寸到底是多少？很不清楚，所以老谭在此跟大家分享下。Android 系统就被设计为一个可以在多种不同分辨率的设备上运行的操作系统。对于应用程序来说，系统平台向它们提供的是一个稳定的，跨平台的运行环境，而关于如何将程序以正确的方式显示到它所运行的平台上所需要的大部分技术细节，都由系统本身进行了处理，无需程序

2014-03-11 11:04:28 5862

转载 Android应用程序UI界面设计官方权威解读

据某媒体报道，2012年国内安卓手机市场占有率达到了36%！可以肯定是 Android 智能手机已经融入到了我们的生活。然而，Android 应用界面设计相对于iphone的界面设计来说，稍有逊色。于是，Android 团队宣布推出官方“安卓设计（ Android Design）网站，就 Android 的主要界面特征对开发者进行设计指导。Android的应用界面设计重点围绕三个总

2014-03-11 10:57:29 2031

转载苹果iphone APP界面设计尺寸官方版

iphone界面设计尺寸（640*960）px该Iphone界面设计是从苹果官方网站帮助中心提取过来，这也是我第一次帮公司产品设计iphone版的UI使用的尺寸。由于之前接触的比较少，只知道苹果手机的界面尺寸是640*960，其实真正的大小是320*480，因为人的视网膜关系，苹果公司放大了2倍。所以，我们在设计的时候，需要按照该图上的尺寸来放大2倍作为我们设计的尺寸。

2014-03-11 10:51:57 5727

转载 APP设计尺寸规范大全，APP界面设计新手教程【官方版】

1.苹果iOS版本的iphone APP UI设计尺寸规范iphone 5：设计尺寸是 640px * 1136pxiphone 4/4s：设计尺寸是 640px * 960px设计软件的分辨率为：72 像素/英寸设计要点总结，我们在设计的时候，需要按照该图上的尺寸来放大2倍作为我们设计的尺寸。或者说，我们初学者可以模仿，可以借鉴苹果公司成熟的

2014-03-11 10:43:58 38507

布丁黑板报