在會同網站開發(fā)時以前先提前準備好2個工作中，對設計師們會出現(xiàn)協(xié)助：

    1、 會同網站開發(fā)方案中常需圖片種類

    在圖片設計方案前，網站開發(fā)設計師能參照現(xiàn)階段現(xiàn)有的網頁粗略地合理布局和頻道等，再次整理列舉需要的圖片種類。例如，依照頻道和控制模塊對需要的圖片歸類：Banner、業(yè)務推廣方案、產品簡介/展現(xiàn)、公司簡介、團隊簡介、新聞報道/新聞資訊、客戶數(shù)據(jù)分析等。自然，會同網站開發(fā)設計師還可以依據(jù)新項目具體情況，或合適自身的方式選用更強的圖片歸類。整理圖片種類是協(xié)助設計師再次整理網站內容，讓后邊工作中更有方案和目的性。

    2、 確立圖片的用意

    在一個網站中，網頁瀏覽時需見到的圖片不可僅保證吸引住用戶的視線，而更能讓用戶根據(jù)視覺影像，感受到網站傳送的信息內容。掌握圖片用意，對網站開發(fā)設計師而言便是確立圖片的設計方案總體目標，它是十分關鍵的一步工作中。大家匯總了好多個普遍的圖片用意：呈現(xiàn)商品特性（優(yōu)點）；與文本關聯(lián)，維持原素一致性；協(xié)助人了解一些物品；教育人應用（某商品）；以人物視線正確引導用戶；氛圍營造；3D渲染心態(tài)；營造知名品牌。

    呈現(xiàn)商品特性：

    在一個網站中，商品詳情頁對用戶的印象基本上起決策功效，而Banner圖在商品詳情頁中所屬的部位，決策了其必要性。特別是在針對營銷推廣型網站而言，Banner圖是一個好商品展示的部位。

    與文本關聯(lián)，維持原素一致性：

    實際上對會同網站開發(fā)設計師而言，文圖有關是設計方案中的一個基本準則。但大多數(shù)網站忽視了這一點，乃至造成信息內容不可以恰當傳送、市場銷售機遇降低等難題。有一個來源于Web便捷性高手Jakob Nielsen的科學研究結果：單純性的裝飾藝術圖片會在潛意識中的被大家人的大腦忽視。此項研究表明文圖關聯(lián)性的關鍵功效，變成設計方案具體指導標準?！皥D片與文本關聯(lián)”更應當被網站開發(fā)計師用以新項目實踐活動中。

    協(xié)助人了解:

    網站中為用戶展現(xiàn)的是一款新奇的智能家居系統(tǒng)商品，在其中主頁Banner以商品應用情景為情況。歷經技術專業(yè)拍攝和解決，清楚、整潔，而且將本來必須一大段文字說明的信息內容，取得成功以“看圖講故事”的方法立即向用戶展現(xiàn)，協(xié)助用戶能夠更好地了解商品。

    教育人應用:

    在網站的“How it Works”網頁中，網頁以文圖融合方法展現(xiàn)商品的好幾個應用情況或情景。該網頁的全部圖片設計風格一致，圖片設計方案都以實體線圖象為主導，根據(jù)扁平化設計的標志創(chuàng)建了商品與手機上App中間的虛似聯(lián)絡，簡單易懂。當用戶網頁瀏覽時，圖片能夠吸引人的專注力，并讓用戶對圖片內容高寬比比較敏感，從而積極訪問 文本深入了解商品怎么使用，激起更高興趣愛好。一般狀況下，設計方案總體目標為“教育人應用”的圖片，更適用新品或應用繁雜的商品，這類方法能夠協(xié)助用戶迅速把握使用技巧，減少商品應用成本費，得到 用戶親睞。

    以人物視線正確引導用戶:

    Ines Maria Gamler網站中展現(xiàn)的女士正側著臉，眼睛凝視網站正中間的文本。開啟網站時，大部分人要先關心人物的面部，并進一步遭受人物視線的正確引導。伴隨著人物的視線，用戶會進一步將專注力放到網頁正中間的文本和圖型上。