首页

网易新闻安卓客户端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等管理数据库等。做出来的东西基本上认为是跨平台的

图标,文字,还是图标加文字?

用心设计

图标是界面的基本组成部分之一,然而在很多时候,图标本身也在破坏着界面的清晰性。

象形图出现在人类早期,我们可以将其视为最初的文字形式。如今,在某些文明群体中,象形图依然是人们进行沟通的主要媒介。

01-icon-design-text-ui-ux-design.jpg

产品需求确定后,这五步助你设计出合理界面

用心设计

1 逻辑分类

将对象按照一定的现实逻辑进行分类组织。例如,在生活中,要买一个洗衣机,在百货商城中依次找到家电卖场→大家电类→洗衣机品类→(品牌、容量、是否智能、缸数等)。相应地,一个电子商务网站的信息组织形式类似设计。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档