首页

带你深入学习VIEWPORT和PX

用心设计

屏幕尺寸:指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米。常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等。

如何做一个让人闻风丧胆的 H5?(内有干货)

用心设计

动画新手有的时候会天马行空想到一些奇怪的效果,可能会不符合整体设计风格,可能会违反现实物理规律,有自己的想法,还要和产品设计确认。比如这个页面:

如何做一个让人闻风丧胆的 H5

让设计跟着指尖走:触控设备上的互动效果

用心设计

对于网页浏览者来说,按钮控件的几种变化可以说是再熟悉不过的一种机制了:一般使用鼠标浏览时最容易感受到的有 Normal、Hover 以及 Archive 这三种效果,分别为按钮平时的状态、鼠标游标移到上方的效果、以及点击按钮时的效果。

让设计跟着指尖走:触控设备上的互动效果,优界网

移动应用空白情况页面的设计

用心设计

GW模式。(G=graphic,W=words)即为图案+文字模式。图案经常为一些可以表示“空白”隐
喻的图案或者是自家应用的吉祥物相关的图案,抑或是可以为跟页面引导相关的图案。文字一般包含:标题,说明。标题通常是解释此处空白的原因,如
“Oops,地理定位被关闭啦,无法使用该功能哦”,“网络出问题啦”等,说明则解释出现此状况的原因和解决办法等。文案的风格经常根据产品的调性去设
计,有些走卖萌路线,有些走高冷路线,有些甚至走狂暴路线等等。鉴于此类型是一种最常见的类型,单纯的包涵文字或单纯包涵图案的设计手法也归纳到GW模式
中。如下图:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档