话说最近老板让我搞个企业手机网站,说是现在大家都用手机上网,咱也得跟上潮流。接到任务,我这心里还真有点打鼓,毕竟之前没咋弄过这玩意儿。
第一步,先摸清情况。
我寻思着,这手机网站和电脑上的网站肯定不一样,得先搞清楚手机屏幕大小、用户习惯这些事儿。于是我开始各种查资料,看别人家做的手机网站都是啥样的。这一看还真发现不少门道,原来手机网站得简洁明,重点突出,不然用户划拉两下就没耐心。
第二步,开始动手设计。
我先是用笔在纸上画个大概的框架,把主要内容都列出来。然后,我开始琢磨着用啥技术。网上说HTML5挺适合做手机网站的,我就决定试试。别说,这HTML5还真挺好用,做出来的页面在手机上看效果还不错。我还特意把网页设计得精简一些,图片啥的都尽量压缩,这样加载速度快,用户体验也
第三步,让网站动起来。
光有静态的页面还不够,我还想加点动效,让网站看起来更生动。不过这动效也不能乱加,得自然流畅才行。我从生活中找灵感,比如树叶飘落、水流动的样子,都琢磨着怎么用到网站上。速度也得控制太快让人眼花缭乱,太慢又让人着急。我还特别注意动效的逻辑性,让用户一看就知道是怎么回事,不会觉得莫名其妙。
第四步, 细节处理很重要!
咱这可是给企业做的网站, 不能做的太花哨,简单直接最
现在手机越来越加这些效果到不是什么大问题,不过咱也不能使劲加,要不然看起来太乱,用户看起来更麻烦。
第五步,反复测试。
网站做好,我自己在手机上反复测试,看看有没有啥问题。我还找几个同事帮忙看看,提提意见。大家一致反映还不错,我这心里也算踏实。
大功告成!
经过一番努力,企业手机网站终于上线!看着自己在手机上也能访问自家公司的网站,心里还挺有成就感的。这回实践也让我学到不少东西,以后再做类似的网站,我就更有经验!
下一篇:暂无
添加微信