首页 > 教程 > 关键词   >  网站设计最新资讯  > 正文

设计需知:移动网站设计应注意的技术细节

2012-04-13 15:53 · 稿源:站长之家

代码设计

很多开发新人在写移动界面代码时一直很犹豫,下面的建议有助于你打消这些考疑虑:

· 有效代码

使用合适的代码,确保其100%有效,因为大部分移动浏览器达不到电脑端的浏览器性能。

· 流动布局:

在所有移动浏览器上查看布局效果,这往往是不现实的,因为用来浏览网页的移动设备太多,逐一去追踪效果让人很头疼。流动布局可以很好解决或避开这个问题,它可以根据屏幕尺寸自动调整。

为了达到这种布局效果,应避免用像素值设置宽度,用百分比或ems代替。

你可以搜索关于移动网站的流动布局,也可以通过此链接下载示例:Perfect multi-column CSS liquid layouts – iPhone compatible

· 具体的样式表

你可随时使用各种移动设备找出更好的用户体验。比如,使用手持设备浏览你的网站的用户。

点击此链接了解媒体类型的更多内容:W3.org – Media Types.

· 拒绝使用花哨的脚本

你的移动网站想要成功,不要使用Javascript脚本,Flash动画或其它任何花哨的脚本语言。因为大多数移动设备无法解析这些脚本语言,最终,要么设备死机,要么出乱子。

如果你非用不可的话,那么就应该给出友情提示,告知用户他们的移动设备正在载入和启用这些脚本。如果出了差错,也错不在你,因为你事先已经提醒了他们。

· 小心插入广告

这一点应该引起大家的重视,不要让你的移动网页铺天盖地都是广告,PC端的网站同样也应该注意这个问题。

俗话说得好:“一颗耗子屎搅坏一锅汤”。这对许多网站而言,倒是大实话。因为许多网站都是广告满天飞,他们根本不关心用户体验,一个个都唯利是图。因为移动设备的CPM(每千人浏览页面的费用)很高。

所以我建议,不要让网站淹没在广告里,尤其不要插入那些五颜六色的广告。

· 自动识别移动浏览器

为了成功打响你的招牌,你应该在服务器端纳入“移动浏览器侦测和重定向”服务的脚本(比如说PHP)。你可能用得着User Agent侦测服务,服务器会根据当前浏览器所描述的信息来判定它应该访问移动还网页还是原网页。你可以用User Agent 侦测替代前面提到的“PHP移动浏览器侦测”。再介绍另一例实现办法,通过实时的JavaScript脚本语言,请求存储了设备相关信息的DeviceAltlas或WURFL数据库,进行浏览器判定。

· 如有必要,可开发专门的客户端程序

如果你的用户群体数量非常高,可以为此开发一款针对多种移动界面的应用程序。Facebook、Gmail、Twitter、Yahoo以及许多大公司都有自己的客户端应用程序,这也是他们如此成功的原因。如果你有了自己的客户端程序,就不必再担心那些花哨的脚本语言了,因为你可以按照自己的方式提升程序性能。(你不能改变浏览器,但是你完全可以改变自己的程序)

移动网站建站工具

在这些花哨的移动建站网站的帮助下,就可以开始移动界面的创建了。

1. MOBIFY

举报

  • 相关推荐
  • 大家在看
  • UI设计必看!5个好用的AI设计工具 提升应用设计、系统设计效率

    AI技术在提升应用设计和系统设计效率方面发挥着越来越重要的作用。以下是一些被推荐的AI工具,它们可以帮助设计师和开发人员提高工作效率:Uizard一款生成式AI设计工具,能够根据文本提示生成UI设计,支持从手绘草图生成高保真屏幕,并允许对现有设计进行逆向工程。产品入口:https://miro.com/assist/Visily设计平台,帮助从简单的文字提示中生成详细的流程图和图表,将纸上草图转换为专业的可编辑数字版本。

  • 谷歌 Pixel 8a 手机的外观设计、颜色选项、AI功能等细节已泄露

    谷歌Pixel8a手机的外观设计、颜色选项、AI功能等细节已泄露。这款手机有薄荷绿、陶瓷白、曜石黑和海岸蓝四种颜色可供选择,保护套共有5种颜色。128GB版本售价499美元,256GB版本售价559美元。

  • ASKO亮相2024米兰设计周 共赏北欧细节之美

    4月16日-4月21日,第62届米兰设计周在米兰开幕,秉承斯堪的纳维亚设计理念,来自北欧的百年顶奢家电ASKO以“关注细节”为题闪耀亮相,打造出一座充满自然质感的北欧展厅,以其对细节的无比关注,再次成为米兰设计周的焦点。源于斯堪的纳维亚设计理念,将自然美学与实用功能完美融合,从北欧自然风光中凝练灵感,将人文关怀与环保可续的理念贯穿于每个细节之中,通过ASKO的精湛匠艺和优雅品质,向世界展示百年北欧品质的非凡魅力和对设计美学的不懈追求。北欧细节之美,值得我们共同见证和感受,让我们一同探索北欧设计的无限魅力,感受细节之美的独特魅力。

  • 保时捷中国总裁回米时捷:好的设计总是心有灵犀

    保时捷中国总裁柯时迈首次回应了“米时捷”事件,表示好的设计总是心有灵犀。柯时迈表示保时捷遵循独特的设计美学和追求功能的信条,欢迎公平竞争。柯时迈强调,在电气化浪潮中,保时捷将坚持品牌独特性与领先优势,为中国消费者提供拥有运动性能和驾驶乐趣的新能源产品。

  • 真我 GT5 Pro 手机系统更新:新增 5.5G 移动网络、相机更多功能!

    realme真我GT5Pro手机迎来了系统更新。该版本为系列手机带来了全新的5.5G移动网络技术支持,并对相机及系统部分特性进行了优化。此次系统更新将进一步提升了用户使用体验,为用户提供更好的通讯和摄影功能,并对系统的稳定性和流畅性进行了优化。

  • 太原南万达美华酒店诠释现代简欧设计

    太原南站万达美华酒店活力启航。酒店首层设计精妙绝伦,空间感与视觉引导完美交融。这样的设计不仅提升了酒店的整体品质,更为宾客带来了愉悦难忘的入住体验。

  • 小米折叠屏新品MIX Fold 4细节曝光:双电池设计、大底潜望、轻薄机身

    根据最新爆料,小米公司计划推出一款新的折叠屏手机产品,预计为MIXFold4。这款手机将搭载最新的骁龙8Gen3处理器,并采用双电池设计,拥有5000mAh典型值左右的电池容量和无线充电功能。在这个领域竞争激烈,各个品牌都在努力推出更具竞争力的产品来抢占市场份额。

  • 保时捷首次回小米SU7被称“米时捷”:好设计心有灵犀

    小米SU7正式亮相后,网友调侃其外观酷似保时捷称其为米时捷”。在接受采访时,保时捷中国总裁兼首席执行官柯时迈对此表示:对于小米SU7和保时捷的相似之处,我认为或许好的设计总是心有灵犀。保时捷是纯正的跑车品牌,我们一直强调标志性的保时捷性能,这是一个系统化研发创新的成果不是单一维度的产品表现。

  • 站长设计母亲节免费商用素材攻略,看这一篇就够啦!

    母亲节将至,你是否在寻找一份特别的母亲节礼物?如果你是一位设计师,正在为母亲节活动设计海报或者礼品套装?那么,你来对地方啦!站长设计为大家提供了各种以母亲节主题相关的设计元素,无论你是需要灵感是需要选购合适需求的设计元素,这里都可以满足你的需求。扫码登录搜索首先,用户进入站长设计平台官网,点击右上角扫码登录,在首页搜索框输入您所需要的关键词,例如:母亲节,站长设计平台就会推送给您相应关键词的搜索结果。授权类型及价格目前,站长设计仅支持个人会员商业授权服务,授权包含1年会员和2年会员两种年限类型,授权价格低至99元起,授权范围包含个人新媒体用途,个人电商用途、个人线上推广和个人线下印刷等。

  • Stylar:一式AI图像和设计工具,提升创作效率

    Stylar是一款集多功能于一体的人工智能图像和设计工具,以其全面的功能和简单易操作的特点,受到了创作者和设计师的广泛欢迎。该工具将生成式AI与编辑工具融合在一个平台上,极大地提高了从图像生成到编辑的工作效率。智能辅助:利用AI辅助工具,如图像生成提示、风格迁移、草图换等,设计师可以轻松获得所需的设计灵感和创意。

这篇文章对你有价值吗?

今日大家都在搜的词: