242020-03

惠东360公司公司 设计手机版网站的注意事项

惠东360公司公司 设计手机版网站的注意事项

手机版网站是个趋势,而且是只会朝着前端迈进的时代趋势。不过制作的方式与一般传统的网页设计有很大的差异,而且也跟企业的产业有很大的关系,以下我们整理出10点注意事项,希望对于设计行动网页者可以提供更多的概念。 

1. 手机版网站的需求是什么

惠东360公司公司 设计手机版网站的注意事项

※我要制作全新的网站,同时具备传统网页与手机版网页
      ※我要将原本的网站,制作成传统网页与手机网页兼具的网站
      ※我不想变更原有的网站,而是制作一个额外的手机网站 这三种情况的制作方式有一些出入,因此请与您的网页设计公司详细商谈设计的需求,对于制作的初期会有很大的帮助 

2. 商业的目的为何

手机网站制作目的为何?是希望可以品牌形象优先、促进企业服务商机为优先、还是讯息传递为优先?因为行动网页的版面,比起一般的网页更有限,因此优先顺序很重要。 就以现代汽车(Hyundai.com)网站来看,这个网站的传统网页是以新车的介绍为主,而各类的说明文件、经销资讯、客户服务等选项则是条列于选单上。接着进入网页版的画面,可以发现最主要的资讯仍是新车款的照片(经过压缩)为主,而其余的选项就消失了。对于该公司而言汽车是最核心的资讯,因此强调图片为该手机网站的重点。



不同的目的会有取舍的问题,经过企业的内部讨论,往往可以得到设计上的共识。

惠东360公司公司 设计手机版网站的注意事项


3. 制作前,先阅读网站的访客情报

制作手机网页,最重要的就是满足手机族群的需求,而手机族群所使用的不同装备,或多或少的影响了设计者该以什么样的工具加以设计。
要判断访客透过什么样的装置访问您的网站,有一些十分强大的追踪工具,例如Google Analytics,他能够告诉你有多少人使用手机装置到了您的网站上观看资料,惠东360推广服务,而且使用的系统以及浏览软体都能清楚统计,对于行动版网页设计十分的有助益。 

4. 回馈式的网页设计

回馈式的模式被用于商业与教育界一段时间,简单来说,具有回馈能力的团体,能够根据团体的需求进行调整,达到最佳的效能表现。
在手机网页设计的领域,我们对于回馈式的网页设计定义为:不论于任何一种装置上观看,例如:不同的解析度、不同的浏览器、不同的观看方向...等,都能够得到正确的解析度,这一点有许多网页技术都可以做得到,例如CSS与HTML 5都有对于手机网页的观看方式加以优化。 

5. 简单是好事,但视觉表现不打折

惠东360公司公司 设计手机版网站的注意事项

就跟传统的网页设计一样,网页的档案大小,越小越好,到了手机版的行动网站,这个更是重要的关键!因为手机的速度不若桌上电脑或笔记电脑,因此设计师都十分重视网页档案的大小。
档案大小的情况也反应到了内容,因为简单的设计往往可以减少网页的档案,因此简单、精简的内容一直是手机网页的设计圭臬。 


不过这不表示简单的网站就得十分的丑陋,因为现在的CSS3以及HTML 5的进步下,手机版的网页可以具有动画呈现、阴影、渐层等视觉效果,在不增加手机运算负担与档案大小的情况下,这都是可行的设计技术。 

6. 单行式的手机网站是当今最好的设计

虽然今日的手机尺寸出现了很多变化,但基本上手机的最常用浏览模式仍以直立式的为主,因此网页设计者,应该清楚直式的网页设计是目前的行动版网页主流。


此外,也又不少手机网站擅长使用书签的技巧,让直立式的手机版网站,可以藉由书签的切换达到更多的功能,也是值得设计者参考与学习。 本文作者来自惠州网站建设公司-传诚信,转载请注明出处:惠州传诚信()

7. 垂直堆叠的选单设计

#p#分页标题#e#

行列式的选单,按下后会将子项目展延,再按一下则会将目录收回,这样的垂直堆叠选单的网页设计看起来十分的老套,但却是不少大企业与网路使用族群的最爱。

大家可以到以美国大联盟职棒(mlb.com)的手机网站,看看堆叠选单的网站,是如此的便利与易用。 

8. 从「可点选」变成「可触碰」

过去设计网页总是以滑鼠为最主要的人机介面,但随着时代的改变,触碰式的笔记电脑、桌上电脑甚至是手机、平板电脑等,都已经十分的普及,设计师自然不能用旧有的方式设计行动版的网页。
过去网页设计十分爱用,根据滑鼠游标位置判定「滑鼠悬空」功能,在手机版的网页上是完全无法发挥作用的,影响最大的会是滑鼠经过才会出现的下拉式选单,因此这也是许多企业亟欲制作手机版网页的主因之一。 

9. 加入互动效果

手机使用者往往希望可以看到比桌上电脑、笔记电脑更多的互动视觉效果,让他们可以在有限的画面上可以看到目前网页的变化。举例来说:按下按钮的反白效果,或是滑动的视觉页面都是非常不错的方式。
此外,也可以设计读取网页的画面,这对于频宽、速度受限的手机使用者来说,是十分有帮助的设计。

10. 测试你的手机网站

除了透过同事的手机设备加以测试外,比较进阶的设计师可以透过申请SDK的方式来测试,或使用各种不同的手机浏览模拟器,来验证您的行动网页是否符合手机与平板电脑平台。现在很多浏览器推出了模拟器的功能,可以省下您不少时间。


ZX & 原创官方微信
Contact Us & 联系我们

TEL: 15811927359

地址:惠州惠城麦科特大道58号风尚国际大厦8D

Copyright 2017-2019 众行联盟 All Rights Reserved 版权所有

备案号:粤ICP备17101507号-3

北京 安庆 蚌埠 巢湖 池州 滁州 阜阳 淮北 淮南 黄山 六安 马鞍山 宿州 铜陵 芜湖 宣城 亳州 福州 龙岩 南平 宁德 莆田 泉州 三明 厦门 漳州 兰州 白银 定西 甘南 嘉峪关 金昌 酒泉 临夏 陇南 平凉 庆阳 天水 武威 张掖 广州 深圳 潮州 东莞 佛山 河源 惠州 江门 揭阳 茂名 梅州 清远 汕头 汕尾 韶关 阳江 云浮 湛江 肇庆 中山 珠海 南宁 桂林 百色 北海 崇左 防城港 贵港 河池 贺州 来宾 柳州 钦州 梧州 玉林 贵阳 安顺 毕节 六盘水 黔东南 黔南 黔西南 铜仁 遵义 海口 三亚 白沙 保亭 昌江 澄迈县 定安县 东方 乐东 临高县 陵水 琼海 琼中 屯昌县 万宁 文昌 五指山 儋州 石家庄 保定 沧州 承德 邯郸 衡水 廊坊 秦皇岛 唐山 邢台 张家口 郑州 洛阳 开封 安阳 鹤壁 济源 焦作 南阳 平顶山 三门峡 商丘 新乡 信阳 许昌 周口 驻马店 漯河 濮阳 哈尔滨 大庆 大兴安岭 鹤岗 黑河 鸡西 佳木斯 牡丹江 七台河 齐齐哈尔 双鸭山 绥化 伊春 武汉 仙桃 鄂州 黄冈 黄石 荆门 荆州 潜江 神农架林区 十堰 随州 天门 咸宁 襄樊 孝感 宜昌 恩施 长沙 张家界 常德 郴州 衡阳 怀化 娄底 邵阳 湘潭 湘西 益阳 永州 岳阳 株洲 长春 吉林 白城 白山 辽源 四平 松原 通化 延边 南京 苏州 无锡 常州 淮安 连云港 南通 宿迁 泰州 徐州 盐城 扬州 镇江 南昌 抚州 赣州 吉安 景德镇 九江 萍乡 上饶 新余 宜春 鹰潭 沈阳 大连 鞍山 本溪 朝阳 丹东 抚顺 阜新 葫芦岛 锦州 辽阳 盘锦 铁岭 营口 呼和浩特 阿拉善盟 巴彦淖尔盟 包头 赤峰 鄂尔多斯 呼伦贝尔 通辽 乌海 乌兰察布市 锡林郭勒盟 兴安盟 银川 固原 石嘴山 吴忠 中卫 西宁 果洛 海北 海东 海南 海西 黄南 玉树 济南 青岛 滨州 德州 东营 菏泽 济宁 莱芜 聊城 临沂 日照 泰安 威海 潍坊 烟台 枣庄 淄博 太原 长治 大同 晋城 晋中 临汾 吕梁 朔州 忻州 阳泉 运城 西安 安康 宝鸡 汉中 商洛 铜川 渭南 咸阳 延安 榆林 上海 成都 绵阳 阿坝 巴中 达州 德阳 甘孜 广安 广元 乐山 凉山 眉山 南充 内江 攀枝花 遂宁 雅安 宜宾 资阳 自贡 泸州 天津 拉萨 阿里 昌都 林芝 那曲 日喀则 山南 乌鲁木齐 阿克苏 阿拉尔 巴音郭楞 博尔塔拉 昌吉 哈密 和田 喀什 克拉玛依 克孜勒苏 石河子 图木舒克 吐鲁番 五家渠 伊犁 昆明 怒江 普洱 丽江 保山 楚雄 大理 德宏 迪庆 红河 临沧 曲靖 文山 西双版纳 玉溪 昭通 杭州 湖州 嘉兴 金华 丽水 宁波 绍兴 台州 温州 舟山 衢州 重庆 香港 澳门 台湾