免费咨询专线 4000-567-928
你现在位置: 首页 > 行业动态 > 正文 返回 >>

新视觉实训之手机站制作难点解析

发布时间:2016-08-13 13:19:26 阅读次数:1707发布人:孟飞

随着科技的发达与进步,人们逐渐将网上浏览的工具由电脑转到方便易携带的手机上面,随之而来的就是手机站的普及与发展。

最近新视觉实训迎来第二波网站改版,在制作手机站时,出现了很多问题。今天,就来介绍一下这些问题以及解决问题的方法。

第一点, banner缩小文字不能小。

当制作手机站的时候,我们的banner必须要进行比例的缩放,但是随之缩放的不仅仅是图像,还有海报中的文字,所以,在我们去进行手机站的制作时,必须将banner重新进行排版,将文字部分放大,必要时可以舍弃一部分图像,但是文字绝对不能少,文字可以最直观的告诉你的客户你要展示的内容,所以banner缩小文字坚决不能小。

第二点, 文字内容较多与装饰图片失去比例。

当介绍的文字比较多,但是装饰图比较少时,容易出现图像与文字无法完美结合,特别是当不同手机去浏览时,屏幕宽度改变,图像随之改变,可是文字大小无法进行变化,那么文字部分将不断向下延伸,从而使图像无法达到修饰效果。

我们应该如何去解决呢,可以利用背景图像的形式,先行对图像进行宽度与高度的定义,然后使它成为背景图并且居中,利用内填充将背景图露出来,这样无论文字多少,高度怎么变化,图像都可以发挥修饰作用。


第三点, 图像位置不一致,导致文字无法写入

当图像位置一个比一个高,并且他们需要在同一行时,我们无法通过定义高度来进行排列,因为宽度一旦产生变化,那么高度就会成为扰乱排版的凶手。

当面对这种情况是,可以将人物进行单独切割,下方的文字背景切成1px的一条线,然后使他进行Y轴的重复,而高度将由文字的数量去进行扩充,这样所需的效果无论宽度如何改变都会呈现在眼前了。


希望以上几点可以帮到您,新视觉实训欢迎您!

济南新视觉数码实训基地

Copyright 1996-2020 | 工商注册号:370000228005192 | 鲁ICP备14010827号
友情链接: 济南新视觉实训基地 | 济南平面设计培训 | 济南影视动画培训 | 济南室内设计学校 | 济南web前端培训 | 济南电商设计培训 | 济南教育人生网 | 济南UI培训 |