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

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

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

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



2.控制图片的大小


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

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

3.字体


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

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


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

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


5.移动端网页少用跳转

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


 

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


错过了“红包照片”,来分析下微信此次的营销玩法!深圳网页建设之医疗行业网页的关键词如何定位网页设计时不能触碰的大忌网页制作公司,企业网页建设如何提高建站品质网络时代到来不明白网页优化怎样在互联网中走动深圳解析网页建设流程包含哪几点企业网页建设怎样选择好的建站程序网页的病毒式营销短信营销就这这么被PASS掉的!如何策划一个企业网页建设方案手机网页与微网页在哪些方面不同企业为什么要建设自适应网页电子邮件营销:掌握你的电子邮件订阅者404网页报错你知道从何而来何谓刀片服务器,刀片服务器如何使用网页内容营销需要如何去推动10种常见的网页设计的误区品牌网页建设有哪些原则网页优化要注意哪些细节房地产网页提升怎样做有什么方法网页人机交互巧妙得体有利于网页的营销转化TSDB的数据如何利用Hadoop/spark集群做数据分析快速创作优质内容的方法谈谈企业建站的利弊专业的网页制作公司有哪些优势网页建造文章怎样写才有助于查找录入新站该如何寻找高质量的友情链接有哪些方法企业没有网络单位能够自身制作网页运营网页如何蹭热点深圳企业建站没有内容可更新怎么办网页新手需要知道的网页基础常识深圳网页建设中优化网页结构的方法网络故障诊断的硬件工具网页建设中长尾关键词该如何布局网页已上线就是搜不到,求解!!开展网页提升时该如何做好友情链接-深圳网页建设公司官网网页制作的标准网页内容网页页面对策及其关键词怎么设置中关村在线被卖了,IT产品网页末日已到深圳网页设计要注意哪些方便的内容网络营销之网红IP推广的几个思考-深圳网页建设分享学会企业管理让深圳网页建设之路越走越远发怎样的文章才能够让自己的排名靠前深圳网页设计怎么都不会错的6条配色原则婚纱摄影网页设计方案要考虑到的要素是啥深圳网页建设之网络营销软文编辑技巧门户网页建设公司告诉你搭建重点是什么有哪些优点什么个人网页设计模板较为新奇国家对网络敲诈和有偿删帖进行专项整治为什么说企业必须要向互联网转型-深圳网页设计分享为什么留不住用户,因为网页没做好深圳福田企业网页设计,企业网页设计有哪些技巧来说说关于网络推广主要做些什么深圳网页建设之营销型网页建设设计方案深圳网页的建设和运营究竟怎么做如何打造一个网页,让企业网页焕然一新网页设计优化的意义b2c网页制作公司建设流程有哪些b2c网页分为哪些类型网页要想提高用户体验重要必须留意这种层面社会化营销,适合你的才是最好的
网站备案号:豫ICP备2024041165号