行业动态
基地新闻
联系我们
- 电话:0531-86558833
- QQ:464510412 / 864615817
- 地址:济南和平路18号(燕山银座写字楼五楼)
新视觉实训之手机站制作难点解析
随着科技的发达与进步,人们逐渐将网上浏览的工具由电脑转到方便易携带的手机上面,随之而来的就是手机站的普及与发展。
最近新视觉实训迎来第二波网站改版,在制作手机站时,出现了很多问题。今天,就来介绍一下这些问题以及解决问题的方法。
第一点, banner缩小文字不能小。
当制作手机站的时候,我们的banner必须要进行比例的缩放,但是随之缩放的不仅仅是图像,还有海报中的文字,所以,在我们去进行手机站的制作时,必须将banner重新进行排版,将文字部分放大,必要时可以舍弃一部分图像,但是文字绝对不能少,文字可以最直观的告诉你的客户你要展示的内容,所以banner缩小文字坚决不能小。
第二点, 文字内容较多与装饰图片失去比例。
当介绍的文字比较多,但是装饰图比较少时,容易出现图像与文字无法完美结合,特别是当不同手机去浏览时,屏幕宽度改变,图像随之改变,可是文字大小无法进行变化,那么文字部分将不断向下延伸,从而使图像无法达到修饰效果。
我们应该如何去解决呢,可以利用背景图像的形式,先行对图像进行宽度与高度的定义,然后使它成为背景图并且居中,利用内填充将背景图露出来,这样无论文字多少,高度怎么变化,图像都可以发挥修饰作用。
第三点, 图像位置不一致,导致文字无法写入
当图像位置一个比一个高,并且他们需要在同一行时,我们无法通过定义高度来进行排列,因为宽度一旦产生变化,那么高度就会成为扰乱排版的凶手。
当面对这种情况是,可以将人物进行单独切割,下方的文字背景切成1px的一条线,然后使他进行Y轴的重复,而高度将由文字的数量去进行扩充,这样所需的效果无论宽度如何改变都会呈现在眼前了。
希望以上几点可以帮到您,新视觉实训欢迎您!
- 上一篇:5个让人惊叹的HTML5鼠标动画
- 下一篇:论一幅合格banner的必备条件