APP开发 > 新体验 > 设计沙龙 > UI界面设计
  • WAP手机网站设计需要注意那些事项?

    adinnet/2017年6月26日/UI界面设计

    随着移动互联网迅速发展,手机网站越来越普及,WAP手机网站设计制作也势不可挡,那么在设计手机网站的时候需要注意哪些问题呢?下面就开始手机网站设计注意事项的探讨吧。

    WAP手机网站设计八大注意事项

    一、WAP手机网站设计需求是什么

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

    二、响应式网页设计

    对于响应式的网页设计定义为:不论于任何一种装置上观看,例如:不同的解析度、不同的浏览器、不同的观看方向等,都能够得到正确的解析度,这一点有许多网页技术都可以做得到,例如CSS与HTML 5都有对于手机网页的观看方式加以优化。这种设计方式用户体验非常好。

    三、了解网站用户

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

    四、简单的设计,但是视觉表现不打折

    就跟传统的网页设计一样,网页的大小越小越好,对于手机网站更为关键。网页页面大小的情况也反应到了内容,因为简单的设计往往可以减少网页的体积。不过这不表示简单的网站就得十分的丑陋,因为现在的CSS3以及HTML 5的进步下,手机版的网页可以具有动画呈现、阴影、渐层等视觉效果,在不增加手机运算负担与档案大小的情况下,这都是可行的设计技术。

    五、要有互动效果

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

    六、不停的测试手机网站

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

    七、单行式的手机网站是当今最好的设计

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

    此外,也有不少手机网站擅长使用书签的技巧,让直立式的手机版网站,可以藉由书签的切换达到更多的功能,也是值得设计者参考与学习。

    八、从「可点选」变成「可触碰」

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

    以上就是WAP手机网站设计八大注意事项的介绍。如果你想要了解更多移动端手机网站的设计,欢迎咨询上海艾艺,艾艺致力于为企业量身定制企业型、营销型、优化型、高端品牌展示型网站,以及企业商城、移动商城、微网站等高端服务平台,是业内领先的移动互联网整体方案服务商。

上一篇:临摹练习后,我总结了5个图标绘制的实战技巧下一篇:小额贷款APP如何开发?小额贷款APP开发功能
400-021-8655
在线留言