移动端H5页面的设计稿尺寸(上)

由于HTML5和微信内置浏览器的火爆,移动端H5网页越发流行。在设计制作移动端网页的时候,你是否疑惑,这种网站设计稿应该做成的多少屏宽,是否应该跟手机的分辨率一致,还是应该按照iPhone的分辨率来设计(注意H5网页区别于APP,APP的设计稿直接按照手机分辨率来设计)?那么对于现在2K屏幕的手机,应该如何制作设计稿和前端稿呢?

由于文章篇幅原因,结论先行:

1、像素是没有宽高的(不要被Photoshop中的像素格欺骗),它只代表一个采样的色值。

2、任何图片作为数据信息被保存在存储盘中时,只有宽高像素数是有意义的,此时的ppi对于图片来说时没有任何意义,也并不能描述这个图片有多少英...

焦点图向左走还是向右走

之前同事在做一个网站(地域性门户网站)首页的改版工作,把方案拿出来和我们一起讨论。注意到同事把焦点图放在首屏的右边,而左边是一个资讯文字列表,如下图所示:


图1

从上图几乎看不出有任何不妥,而观点不同就在焦点图的位置。

我的观点:首屏焦点图更适合将焦点图放在左侧,资讯列表放在右侧。不然用户眼睛会跳过文字,直接浏览跑马灯的焦点图,看完焦点图后,左侧的文字列表阅读率可能会降低。

同事观点:根据F型浏览习惯认为,左侧新闻列表是在用户视觉起点位置,会先注意到并且阅读;就算用户跳过新闻列表,先浏览焦点图,也会在看完焦点图后,返回阅读新闻列表;对前面的新闻阅读率影响不大。

近日想起此事,...