标签归档:移动网页

响应式设计争议:留住用户与失去用户

译前言:2015年响应式设计趋势的延续,也将带来更多的争议和思考,此文所引论据较为客观,点出了响应式概念的初衷和近年来跨屏设计的状况,并提供了解决思路和可参考的具体方法,原文下的评论也有诸多争议,有兴趣可以移步一览。 

移动app的变化:更简洁,更快速,更便宜

在竞争激烈的移动科技领域,相比传统的移动网页,移动app正在完全占据优势,无论是普通的用户还是专业的分析人士,都认为移动app在便捷性、简单性等各种用户体验的方面都要好很多。

移动平台设计优先:爱恨交加

过去,对于网页项目,大部分网页设计者和他们的客户都先从桌面版入手,同时把移动版放在第二步实现。即使在响应式设计兴起之后,我们中的很多人仍然会从“全尺寸”的网站设计开始,然后再进行裁减。

为你的移动页面寻找一丝新意——手机互动网页项目总结(下)

目录: 一、项目地址 二、布局 1、按屏滚动会碰到什么问题? 2、flexbox会碰到什么问题? 3、fixed定位需要慎用。 三、动画 1、CSS动画与Canvas动画性能优劣分析 2、当缩放动画碰上硬件加速 3、动画由Javascript来维护还是css维护的思考

为你的移动页面寻找一丝新意——手机互动网页项目总结(上)

一、硬件背景 二、项目欣赏 1、TGA移动游戏官网 2、UP+邀请函 3、天天酷跑里约进击版 三、技术创意点 1、CSS3动画 2、Sprite动画 3、重力感应+视差 4、字体图标 5、自适应SVG图形 6、Loading进度条

移动网站设计应该避免的“七宗罪”

移动端网页在今天虽然已经变得越来越重要,但我们在日常使用中依然会遇到一些糟糕的页面。近日,开发者Umer Mansoor就总结了开发移动网页时应该避免的“七宗罪”。 页面加载缓慢:众所周知网页加载速度是网站性能的一项重要衡量指标,毕竟很多时候用户并不总是在WiFi状态下浏览网页,所以加载缓慢无疑是移动页面七宗罪之首。

使用 viewport meta 标签在手机浏览器上控制布局

什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。

移动网页设计相关原则

如何开始移动设计 对于我们中很多人来说,移动端设计是一个崭新的机会。但是,如果你过去是桌面端的网页设计师,如何将经验转换到移动网页端呢?当然,已有的一些工具,经验,技能仍然适用,只需开始思考下如何在手机上进行组织和布局。 

5大移动网页设计之最佳实践

移动设备的兴起正在给互联网带来一场新的革命,虽然说移动网页设计原则不会有多大变化,但是却有着明显的区别。 至少有一点是截然不同的,目前移动设备的网络速度可比不上宽带,另外移动网页呈现方式也是多样的,有触摸屏,有上网本,这些小屏幕却貌似巨人!