浅谈移动网页设计的心得技巧

来源:设计经验分享网
添加时间:2024年02月
1.安全宽度与扩展区域让页面适应主流分辨率

与PC上网页的做法一样,确定一个安全宽度,把重要信息控制在640PX宽度内(以iphone分辨率为安全宽度。目前手游手机版专题规范的数值如下,仅供参考:

目前主要浏览器在iphone4S下的首屏高度如下,可以根据具体页面投放的渠道做响应的首屏高度



2.控制图片的大小


专题的头图一般有很强的视觉,对于手机用户来说,加载一张图片的等待时间比PC上成本大很多,如果一个页面加载时间超过5秒,70%的用户会选择关闭,那么再出彩的专题也没办法呈现再用户面前了,所以需要对设计稿做折中的处理。

在做头部的延展区域(超出640px范围),推荐使用纯色,渐变,可以平铺的素材,以便于减少头图的大小,提高加载速度,并且延展区域可以无缝连接。模糊的背景可以最大限度的压缩图片质量(反正是糊的,再怎么糊都可以)

3.字体


手机中的字号一般上电脑中的两倍,一般在电脑中用的12px的字体在手机网页中就该使用24px。在设计的过程中,也要使用iOS和安卓默认渲染的字体,以便更真实的还原真实环境。

在规范手游移动版专题中,主要字号控制在3个,大中小都有一个区间。避免随意用字体字号,并且字号必须上整数。


4.控件交互区域适合触控

手机专题的主按钮高度大于80px,并且根据活动的需求放在首屏内。文字链接上下的间距大于80px,手指在屏幕上热区最小感应是44px。


5.移动端网页少用跳转

手机用户的网络环境不如PC用户,页面的跳转会对用户产生更大的心理效力,如果在手机页面中能吧信息合理的展示在一个页面中最佳。如果非要跳转,咱们可以用些假装不是跳转的方式,比如展开,浮出等。减少用户产生的不安全感。


 

平面设计相关资讯推荐阅读:


深圳微信营销策略,微信营销策略有哪些方式CSS圆角实现——基本的圆角框未来企业发展离不开互联网建设好网页是首要问题-信息服务网页建设运营该怎么做专业企业网页是怎样开发的如何将网页建设与网页推广结合起来网页排名一直不平稳你确实找对解决方案了没有关于深圳网页建设栏目合理规划(二)网页建设:成为返工终结者深圳网页设计制作公司哪家强怎么选择网页建设存在的弊端,我们应该如何避免2低13年春节放假通知!如何高质量的停止运营网页企业建站选择“定制”的四个理由 如今地方旅游网页运营是否还有生存空间网页设计如何确保设计新颖 品牌网页设计公司哪家不错关于深圳公司网页建设的几点建议如何让企业公司的网页脱颖而出企业网页建设内容方面如何展现自身实力和品牌形象如何建立正确的URL结构企业网页建设前应该注意的问题企业网页之站内优化要怎样做如何建设企业网页有哪些基本步骤深圳网页建设网页建设有哪些小常识科技分享互联网运营营销策略五部曲 有实力的网页设计定做设计儿童网页的几个重要技巧百度云网页备案具体操作步骤商城网页建设颜色类型值的留意如何改进网页制作增加客户回头率深圳网页建设中如何应对网页跳出率问题域名挑选要遵照的基本要素企业网页建设的注意事项品牌提高用户参与度的3个方法网页的建设和运营究竟怎么做如何建设具有营销能力的网页定制开发网页与模板网页的区别怎样提高网页的排名方式有什么如何选择好的深圳网页建设公司html标签的用法网页建设行业实力更重要想做好互联网营销,微信朋友圈圈层知识了解不可少云服务器相比普通服务租用有哪些优势营销型网页推广的终极目标是什么要如何做好企业网页建设中的常见问题有哪些解析自媒体付费是好还是坏呢一个好的网页制作需要具备什么条件建站公司在开发和设计网页时应注意什么深圳网页建设带您认清前端与后端网页域名选择的十大原则深圳福田网页制作哪家专业,如何优化快速提高网页收录率做网页建设有没有省钱小妙招呢如何让你的网页加载的更加快速微信红包和支付宝十年账单来分析2014十大案例看社会化营销的趋势互联网大平台化背景下的做网页策略用什么来衡量深圳网页建设公司实力商城网页成将来新趋势建立流程有什么网页建设全类型的有点及缺点解析,看看哪个网页适合您的企业2013年较佳WordPress插件
网站备案号:豫ICP备2024041165号