手机网页设计小记
刚好参与公司一个手机项目(手机短交互和手机网页视觉设计),第一次尝试,触礁多次,在这里谈谈自己遇到的问题,因项目进行中,这只是初期的,多加指正。
我们都知道手机页面设计与我们网页设计还是有比较大的区别的,因受到众多因素的限制,会让设计师感觉无大显身手的地方,之前记得看过一篇“局限下的设计”,我们需要做的也是如何解决“局限下的设计”。
在设计之前,必须要明确几个问题:
1.我们用户人群的关注点、目标是什么?
2.我们希望用户的使用动机是什么,如何诱导?
3.我们希望用户的体验是什么样的?
4.我们如何组织和显示信息,才能让用户更好的得到有用信息?
在清楚这个核心问题之后,要充分了解手机浏览器的性能,对其局限性因素要非常清楚:
1.首要的是浏览速度,要想尽方法缩小网页,让用户在最短的时间内打开页面,这里面会牵扯到样式设计、排版方式等。
2.大体上了解前端代码制作的局限,包括字体设置、背景设置、对齐方式、操作效果等,这些因素会直接影响手机浏览器的兼容性测试。
3.原则上减少输入、减少页面滑动次数、减少图片。
4.视觉设计上要充分利用background、color属性。
这是暂时想到的一些问题,后期会不断完善,当手机上线之后,会逐个解决这些问题,再与大家分享。
我们都知道手机页面设计与我们网页设计还是有比较大的区别的,因受到众多因素的限制,会让设计师感觉无大显身手的地方,之前记得看过一篇“局限下的设计”,我们需要做的也是如何解决“局限下的设计”。
在设计之前,必须要明确几个问题:
1.我们用户人群的关注点、目标是什么?
2.我们希望用户的使用动机是什么,如何诱导?
3.我们希望用户的体验是什么样的?
4.我们如何组织和显示信息,才能让用户更好的得到有用信息?
在清楚这个核心问题之后,要充分了解手机浏览器的性能,对其局限性因素要非常清楚:
1.首要的是浏览速度,要想尽方法缩小网页,让用户在最短的时间内打开页面,这里面会牵扯到样式设计、排版方式等。
2.大体上了解前端代码制作的局限,包括字体设置、背景设置、对齐方式、操作效果等,这些因素会直接影响手机浏览器的兼容性测试。
3.原则上减少输入、减少页面滑动次数、减少图片。
4.视觉设计上要充分利用background、color属性。
这是暂时想到的一些问题,后期会不断完善,当手机上线之后,会逐个解决这些问题,再与大家分享。