移动开发
文章平均质量分 69
二子戴代
你在做什么
展开
-
响应式网页设计
响应式网页设计,这个概念在国外相当火热。不管是交互设计,视觉,前端开发都投入到这个老意识新概念的技术当中。 首先我们看下什么是响应式网页设计。它为用户从他们的电脑切换到iPad、iPhone、黑莓、HTC、平板电脑等等,该网站能自动切换适应的分辨率,图像大小和脚本。换句话说,该网站能自动响应用户的喜好。通俗点说法就是有求必应的网页! 它不仅仅是一种趋势,而是一个新的设计解决方案!它有转载 2014-01-26 17:27:37 · 312 阅读 · 0 评论 -
响应式网页设计与SEO
所谓“响应式网页设计(Responsive Web Design)”也就是自适应,就是可以自动识别屏幕宽度、并做出相应调整的网页设计。目前这种设计已经出现在越来越多的国内网站上,目前Google已经明确表明鼓励响应式网页设计。(图一,响应式网页设计)通常在浏览网页时,手机上和电脑上无法显示同一个网页,这也导致许多网页设计会自动转到特定的链接上,如上图所示,无论在PC端还是移动端,网页的转载 2014-01-26 17:28:39 · 471 阅读 · 0 评论 -
用3个步骤实现响应式网页设计
写在前面的话:随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合,来进行多种分辨率适配的例子。 文中提到的响应式网页设计(Responsive web design)是一种现代网页设计方法,基于CSS3的媒介查询(Media Qu转载 2014-01-26 17:17:28 · 328 阅读 · 0 评论 -
Android中的.9.png图形的机制及制作和使用方法
智能手机中经常有自动横屏的功能,同一幅界面在随着手机(或平板电脑)中的方向传感器会改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化产生拉伸,造成图形的变形.例如下面一个在竖屏时正常显示的图形. 在横屏时显示成了变形的图形: 这实在是太难看了. 为了解决这一问题,Android有一种扩展名为".9.png"的图形,可以解决这个问题.转载 2014-02-10 17:13:55 · 320 阅读 · 0 评论 -
Android设计中的.9.png
在Android的设计过程中,为了适配不同的手机分辨率,图片大多需要拉伸或者压缩,这样就出现了可以任意调整大小的一种图片格式“.9.png”。这种图片是用于Android开发的一种特殊的图片格式,它的好处在于可以用简单的方式把一张图片中哪些区域可以拉伸,哪些区域不可以拉伸设定好,同时可以把显示内容区域的位置标示清楚。本文结合一些具体的例子来看下.9.png的具体用法。首先看下普通的.png转载 2014-02-10 17:18:06 · 317 阅读 · 0 评论 -
扁平化设计配色方案
配色方案颜色是扁平化设计的重中之重。颜色的明暗,色彩的醒目程度,配色方案是单调还是多彩,这都非常值得研究。扁平化设计一般综合运用多种配色手法来创造一种优秀的视觉体验。醒目明亮的颜色能够增加视觉元素的趣味性,看起来很有国际范儿。在色彩的饱和度、深浅、明暗上要下功夫。“单调”的配色方案在扁平化设计中很流行。通常会选择一些具有生气的颜色,然后在色调上进行调整。多彩风格是另外一种选择。不同转载 2014-03-03 17:13:01 · 976 阅读 · 0 评论