首页

网易新闻安卓客户端MATERIAL DESIGN实战

用心设计

光说不练假把式,聊了这么多的Material design技巧,是时候来看看国内APP怎么跟上这股潮流了。今天网易的同学分享了新闻客户端的Material design改版过程,来感受下 >>>

wy20150419 (2)

全面的移动端尺寸基础知识科普指南

用心设计

初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白,感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起,理清关于尺寸的所有细节。由于是写给初学者的,所以不要嫌我啰嗦。

现象

首先说现象,大家都知道移动端设备屏幕尺寸非常多,碎片化严重。尤其是Android,你会听到很多种分辨率:480×800, 480×854, 540×960, 720×1280, 1080×1920,而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了:640×960, 640×1136, 750×1334, 1242×2208。

不要被这些尺寸吓倒。实际上大部分的app和移动端网页,在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法,而且有规律可循。

界与面-移动网站设计经验谈

用心设计

移动端网站是指运用HTML技术运行在手机浏览器或内置浏览器内的webAPP。很多人现在口中总说“H5, 适配站”,其实这种叫法是不准确的。

移动产品的典型设计思路总结

用心设计

1、终端设备

传统互联网:主要的接入终端是计算机。计算机是高度标准化的设备,无论是Mac阵营,还是PC阵营(其他的架构不讨论了)。具体体现在:

  • 绝大部分个人计算机使用的硬件是标准化的,并且功能强大多样
  • 绝大部分屏幕的分辨率在1024px及以上,尺寸较大
  • 软件终端比较统一,都是浏览器(暂时不考虑客户端产品),并且由于Web标准的存在,不同的浏览器(或者说不同的内核)对于前端的解析相差不大
  • 技术标准相对统一,比如用HTML写结构;用CSS写表现;用JS写前端行为;用PHP、JSP等写后端;用MYSQL等管理数据库等。做出来的东西基本上认为是跨平台的

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档