手机版网站是个趋势,而且是只会朝着前端迈进的时代趋势。不过製作的方式与一般传统的网页设计有很大的差异,而且也跟企业的产业有很大的关係,以下整理出7点注意事项,希望对于设计行动网页者可以提供更多的概念。
手机网站製作目的为何?是希望可以品牌形象优先、促进企业服务商机为优先、还是讯息传递为优先?因为行动网页的版面,比起一般的网页更有限,因此优先顺序很重要。
回馈式的模式被用于商业与教育界一段时间,简单来说,具有回馈能力的团体,能够根据团体的需求进行调整,达到最佳的效能表现。
在手机网页设计的领域,我们对于响应式网页设计(自适性网页设计、RWD)定义为:不论于任何一种装置上观看,例如:不同的解析度、不同的浏览器、不同的观看方向...等,都能够得到正确的解析度,这一点有许多网页技术都可以做得到,例如CSS与HTML 5都有对于手机网页的观看方式加以优化。
就跟传统的网页设计一样,网页的档案大小,越小越好,到了手机版的行动网站,这个更是重要的关键!因为手机的速度不若桌上电脑或笔记电脑,因此设计师都十分重视网页档案的大小。
档案大小的情况也反应到了内容,因为简单的设计往往可以减少网页的档案,因此简单、精简的内容一直是手机网页的设计圭臬。不过这不表示简单的网站就得十分的丑陋,因为现在的CSS3以及HTML 5的进步下,手机版的网页可以具有动画呈现、阴影、渐层等视觉效果,在不增加手机运算负担与档案大小的情况下,这都是可行的设计技术。
虽然今日的手机尺寸出现了很多变化,但基本上手机的最常用浏览模式仍以直立式的为主,因此网页设计者,应该清楚直式的网页设计是目前的行动版网页主流。此外,也又不少手机网站擅长使用书籤的技巧,让直立式的手机版网站,可以藉由书籤的切换达到更多的功能,也是值得设计者参考与学习。
行列式的选单,按下后会将子项目展延,再按一下则会将目录收回,这样的垂直堆叠选单的网页设计看起来十分的老套,但却是不少大企业与网使用族群的最爱。大家可以到以美国大联盟职棒的手机网站,看看堆叠选单的网站,是如此的便利与易用。
手机使用者往往希望可以看到比桌上电脑、笔记电脑更多的互动视觉效果,让他们可以在有限的画面上可以看到目前网页的变化。举例来说:按下按钮的反白效果,或是滑动的视觉页面都常不错的方式。
除了透过同事的手机设备加以测试外,比较进阶的设计师可以透过申请SDK的方式来测试,或使用各种不同的手机浏览模拟器,来验证您的行动网页是否符合手机与平板电脑平台。现在很多浏览器推出了模拟器的功能,可以省下您不少时间。返回搜狐,查看更多做梦洗头