在会同网站开发时以前先提前准备好2个工作中，对设计师们会出现协助：

    1、 会同网站开发方案中常需图片种类

    在图片设计方案前，网站开发设计师能参照现阶段现有的网页粗略地合理布局和频道等，再次整理列举需要的图片种类。例如，依照频道和控制模块对需要的图片归类：Banner、业务推广方案、产品简介/展现、公司简介、团队简介、新闻报道/新闻资讯、客户数据分析等。自然，会同网站开发设计师还可以依据新项目具体情况，或合适自身的方式选用更强的图片归类。整理图片种类是协助设计师再次整理网站內容，让后边工作中更有方案和目的性。

    2、 确立图片的用意

    在一个网站中，网页浏览时需见到的图片不可仅保证吸引住用户的视线，而更能让用户根据视觉影像，感受到网站传送的信息内容。掌握图片用意，对网站开发设计师而言便是确立图片的设计方案总体目标，它是十分关键的一步工作中。大家汇总了好多个普遍的图片用意：呈现商品特性（优点）；与文本关联，维持原素一致性；协助人了解一些物品；教育人应用（某商品）；以人物视线正确引导用户；氛围营造；3D渲染心态；营造知名品牌。

    呈现商品特性：

    在一个网站中，商品详情页对用户的印象基本上起决策功效，而Banner图在商品详情页中所属的部位，决策了其必要性。特别是在针对营销推广型网站而言，Banner图是一个好商品展示的部位。

    与文本关联，维持原素一致性：

    实际上对会同网站开发设计师而言，文图有关是设计方案中的一个基本准则。但大多数网站忽视了这一点，乃至造成信息内容不可以恰当传送、市场销售机遇降低等难题。有一个来源于Web便捷性高手Jakob Nielsen的科学研究结果：单纯性的装饰艺术图片会在潜意识中的被大家人的大脑忽视。此项研究表明文图关联性的关键功效，变成设计方案具体指导标准。“图片与文本关联”更应当被网站开发计师用以新项目实践活动中。

    协助人了解:

    网站中为用户展现的是一款新奇的智能家居系统商品，在其中主页Banner以商品应用情景为情况。历经技术专业拍攝和解决，清楚、整洁，而且将本来必须一大段文字说明的信息内容，取得成功以“看图讲故事”的方法立即向用户展现，协助用户能够更好地了解商品。

    教育人应用:

    在网站的“How it Works”网页中，网页以文图融合方法展现商品的好几个应用情况或情景。该网页的全部图片设计风格一致，图片设计方案都以实体线图象为主导，根据扁平化设计的标志创建了商品与手机上App中间的虚似联络，简单易懂。当用户网页浏览时，图片能够吸引人的专注力，并让用户对图片內容高宽比比较敏感，从而积极访问 文本深入了解商品怎么使用，激起更高兴趣爱好。一般状况下，设计方案总体目标为“教育人应用”的图片，更适用新品或应用繁杂的商品，这类方法能够协助用户迅速把握使用技巧，减少商品应用成本费，得到 用户亲睐。

    以人物视线正确引导用户:

    Ines Maria Gamler网站中展现的女士正侧着脸，眼睛凝视网站正中间的文本。开启网站时，大部分人要先关心人物的面部，并进一步遭受人物视线的正确引导。伴随着人物的视线，用户会进一步将专注力放到网页正中间的文本和图型上。