【学习】关于网站中图片的各类交互

图片是产品经理在工作中必须遇到的内容。在一个网站中，我们一定需要用到图片，也必须会涉及到图片的交互。尤其在愈发追求视觉感官的今天，“图文并茂”是很多网站的追求。

 

文章的前面部分会跟大家一起分析一下关于网站图片的一些内容，后面部分将对结合小T同学做的案例，跟大家一起看看，在axure中，怎么做网站图片的交互。

 

 

1 网站图片的类型

 

在图片设计前，设计师最好能参考目前已有的网页粗略布局和栏目等，重新梳理列出网站中所需的图片类型。比如，按照栏目和模块对所需的图片分类：Banner、业务介绍、产品介绍/展示、公司介绍、团队介绍、新闻/资讯、客户案例等。

 

咱们来看看一个常见的网站中，包括了哪些图片吧。

 

 

看看首页，上方是banner广告位。这里的图片，通常放置的就是企业的主打产品、主打服务、推广活动和热门活动等。比如旅游过年的活动。

 

在banner的下方，是旅游地点的展示，采用的是图、文结合的方式。如三亚，显示三亚的风景图片、三亚这个地点的名称以及旅游的价格。

 

大家有兴趣可以到网站上仔细看看，还有哪些图片。当然这个例子里面的分类是适合这个产品的。根据产品的实际情况，最好是能够选择适合自己的图片分类，而不是生搬硬套。

 

 

2 图片的意图