图片是产品经理在工作中必须遇到的内容。在一个网站中,我们一定需要用到图片,也必须会涉及到图片的交互。尤其在愈发追求视觉感官的今天,“图文并茂”是很多网站的追求。
文章的前面部分会跟大家一起分析一下关于网站图片的一些内容,后面部分将对结合小T同学做的案例,跟大家一起看看,在axure中,怎么做网站图片的交互。
1 网站图片的类型
在图片设计前,设计师最好能参考目前已有的网页粗略布局和栏目等,重新梳理列出网站中所需的图片类型。比如,按照栏目和模块对所需的图片分类:Banner、业务介绍、产品介绍/展示、公司介绍、团队介绍、新闻/资讯、客户案例等。
咱们来看看一个常见的网站中,包括了哪些图片吧。
看看首页,上方是banner广告位。这里的图片,通常放置的就是企业的主打产品、主打服务、推广活动和热门活动等。比如旅游过年的活动。
在banner的下方,是旅游地点的展示,采用的是图、文结合的方式。如三亚,显示三亚的风景图片、三亚这个地点的名称以及旅游的价格。
大家有兴趣可以到网站上仔细看看,还有哪些图片。当然这个例子里面的分类是适合这个产品的。根据产品的实际情况,最好是能够选择适合自己的图片分类,而不是生搬硬套。