午夜国产福利在线观看网_日韩真人一级毛片在线_国产产在线精品亚洲aavv_久草手机在线视频_免费看又黄又爽又猛的视频软件_万部毛片免费福利在线_韩漫无遮挡久久免费网站_青柠在线影院观看日本_国产高清亚洲精品超碰_国产真人毛片爱做a级毛枇

幾乎所有設(shè)計師都知道網(wǎng)頁設(shè)計中用圖的重要性，但在實際項目中，如何做好圖片設(shè)計?本文將與大家分享如何通過“把握圖片的意圖”做好設(shè)計。圖盛網(wǎng)絡(luò)，專業(yè)提供網(wǎng)站建設(shè)，網(wǎng)站設(shè)計，網(wǎng)站制作，網(wǎng)頁設(shè)計等服務(wù)，豐富的網(wǎng)站制作經(jīng)驗，網(wǎng)站建設(shè)企業(yè)按需個性化定制，多樣化制作，樹立行業(yè)品牌!全國服務(wù)熱線：020-28142459！
給設(shè)計師的建議：做圖前先別急著找素材!
如果能做好兩個準備工作，對設(shè)計師們會有幫助：
1、 梳理網(wǎng)站中所需圖片類型
網(wǎng)站建設(shè)中沒經(jīng)過思考就直接開工是設(shè)計效率低下的罪魁禍首。在圖片設(shè)計前，設(shè)計師最好能參考目前已有的網(wǎng)頁粗略布局和欄目等，重新梳理列出網(wǎng)站中所需的圖片類型。

比如，按照欄目和模塊對所需的圖片分類：Banner、業(yè)務(wù)介紹、產(chǎn)品介紹/展示、公司介紹、團隊介紹、新聞/資訊、客戶案例等。

做網(wǎng)站設(shè)計當然，設(shè)計師也可以根據(jù)項目實際情況，或最適合自己的方法采用更好的圖片分類。梳理圖片類型是幫助設(shè)計師重新梳理網(wǎng)站內(nèi)容，讓后面工作更有計劃和針對性。
2、 明確圖片的意圖
在一個網(wǎng)站中，瀏覽網(wǎng)頁時所看到的圖片不應僅做到吸引用戶的視線，而更能讓用戶通過視覺影像，準確感受到網(wǎng)站傳遞的信息。
實際上，網(wǎng)頁上的圖片不只是美麗的像素塊，所有的圖片都應該是有意圖的。了解圖片意圖，對網(wǎng)站制作設(shè)計師來說就是明確圖片的設(shè)計目標，這是非常重要的一步工作。
我們總結(jié)了幾個常見的圖片意圖：展現(xiàn)產(chǎn)品特點(優(yōu)勢);與文字相關(guān)聯(lián)，保持元素一致性;幫助人理解某些東西;教導人使用(某產(chǎn)品);以人物視線引導用戶;營造氛圍;渲染情緒;塑造品牌。
以下是實際案例分享：
展現(xiàn)產(chǎn)品特點：

上面案例是fiftythree網(wǎng)站的Banner圖。
在一個網(wǎng)站中，首屏對用戶的第一印象幾乎起決定作用，而Banner圖在首屏中所在的位置，決定了其重要性。尤其對于營銷型網(wǎng)站來說，網(wǎng)站中Banner圖是一個最佳產(chǎn)品展示的位置。案例中的圖片展示了“Pencil”使用在iPad(Apple系列產(chǎn)品)上的畫面，即產(chǎn)品的使用場景，也是產(chǎn)品的一個特點。該案例的圖片意圖非常明確，和文字搭配在一起，既有宣傳、推廣產(chǎn)品的作用，又是一個引導用戶點擊參與的入口。與文字相關(guān)聯(lián)，保持元素一致性：

上圖案例是aiia產(chǎn)品博客的Banner，此處的圖片與文字高度相關(guān)，既保持了元素的一致性，又通過色調(diào)上明與暗的處理，呈現(xiàn)了一種視覺美。
用戶在打開博客后，會同時關(guān)注到文字和背景的產(chǎn)品圖片，在腦海中留下具象化的印象。
其實對設(shè)計師來說，網(wǎng)站中圖文相關(guān)是設(shè)計中的一個基本原則。但大部分網(wǎng)站忽略了這一點，甚至導致信息不能正確傳遞、銷售機會減少等問題。
有一個來自Web易用性大師Jakob Nielsen的研究結(jié)論：單純的裝飾性圖片會潛意識地被我們大腦忽略。這項研究表明圖文相關(guān)性的重要作用，成為網(wǎng)頁設(shè)計指導原則?！皥D片與文字相關(guān)聯(lián)”更應該被設(shè)計師用于項目實踐中。
幫助人理解

Zuli網(wǎng)站中為用戶展示的是一款新穎的智能家居產(chǎn)品，其中首頁Banner以產(chǎn)品使用場景為背景。
這款產(chǎn)品是怎么用的?上圖幫助用戶快速理解網(wǎng)站傳達的內(nèi)容。此處圖片經(jīng)過專業(yè)拍攝和處理，清晰、干凈，并且將原本需要一大段文字描述的信息，成功以“看圖說話”的方式直接向用戶展示，幫助用戶更好地理解產(chǎn)品。
教導人使用

在Zuli網(wǎng)站的“How it Works”頁面中，網(wǎng)頁以圖文結(jié)合方式展示產(chǎn)品的多個使用狀態(tài)或場景。
該網(wǎng)頁設(shè)計的所有圖片風格一致，圖片設(shè)計都以實體圖像為主，通過扁平化的圖標建立了產(chǎn)品與手機App之間的虛擬聯(lián)系，簡單易懂。此處圖片的意圖是教導用戶使用產(chǎn)品。當用戶瀏覽網(wǎng)頁時，圖片可以吸引人的注意力，并讓用戶對圖片內(nèi)容高度敏感，進而主動瀏覽文字深入了解產(chǎn)品如何使用，激發(fā)更大興趣。
一般情況下，設(shè)計目標為“教導人使用”的圖片，更適用于新產(chǎn)品或使用復雜的產(chǎn)品，這種方式可以幫助用戶快速掌握使用技巧，降低產(chǎn)品使用成本，獲得用戶青睞。
以人物視線引導用戶

Ines Maria Gamler網(wǎng)站中展示的女性正側(cè)著臉，雙眼注視網(wǎng)站中間的文字。打開網(wǎng)站時，大多數(shù)人會首先關(guān)注人物的臉部，并進一步受到人物視線的引導。
隨著人物的視線，用戶會進一步將注意力放在網(wǎng)頁中間的文字和圖形上。這種設(shè)計方式有兩個關(guān)鍵：一般先通過美麗的模特(或其他人物形象)吸引用戶關(guān)注;用戶會繼續(xù)跟著模特視線轉(zhuǎn)移注意點，關(guān)注產(chǎn)品、文案或Logo，達到圖片設(shè)計的目標。在著名的You Look Where They Look研究里，通過對嬰兒尿布零售商網(wǎng)站的眼動研究，得出了結(jié)論：廣告中，用戶眼球可以被模特(或人物形象)的視線所引導。通過人物視線的巧妙引導，可以讓網(wǎng)站重要信息得到展示，并改善用戶視線只關(guān)注模特的問題。
營造氛圍

打開23snaps網(wǎng)站后，左側(cè)圖片瞬間吸引人的注意力，給人一種親切感。
對用戶來說，生活化的圖片濃縮了人們?nèi)粘Ｉ畹囊粋€場景，有熟悉的感覺。圖片從整體營造了溫馨的氛圍，并且人物愉悅的表情能影響人的心情，讓用戶感受到一種歡樂、溫馨的家庭氣氛。此處同樣采用了人物視線引導用戶，跟著圖片中兒童的視線，用戶會進一步關(guān)注到圖中文案和注冊/登錄區(qū)域。該案例還從整體構(gòu)圖展現(xiàn)了App使用場景，向用戶傳達了“Share Family Photos”的定位。
渲染情緒

UDO網(wǎng)站采用的圖片展現(xiàn)了大量美麗景色，布局和色彩的整體搭配，從視覺上帶給用戶一種清新舒適的感覺。
審美是人人具備的天性，一個網(wǎng)站是否好看，用戶在第一眼就會有直觀的判斷。受到大腦中的“原始人”影響，圖片美觀程度能真正影響到用戶對網(wǎng)站第一印象。該案例中的圖片給在視覺設(shè)計上給用戶留下一個好印象，激發(fā)用戶的想象，并釋放出優(yōu)美、清新、寧靜等感受，讓用戶感到放松，并樂意繼續(xù)瀏覽網(wǎng)站。
塑造品牌

Katia Bongiorno是一個品牌網(wǎng)站，該案例的產(chǎn)品/服務(wù)通過一系列風格統(tǒng)一的高清大圖全屏展示，在用戶群體中塑造了高端、精美的品牌形象。
對用戶來說，高質(zhì)量的大圖往往更受歡迎，風格統(tǒng)一的圖片既有視覺震撼力，又容易給人留下較深刻的印象，長久吸引用戶注意力。成功品牌可以在很久之后，通過視覺上的獨特，喚起人潛意識里的印象，讓用戶聯(lián)想到該品牌。此處的高清大圖以及圖片風格統(tǒng)一是塑造品牌的關(guān)鍵因素，無形中加深了人的印象，留下長遠影響。
以上幾個案例是最常見的圖片意圖，同時也是圖片設(shè)計中需要實現(xiàn)的目標。設(shè)計師需要做的，就是加深對項目需求和客戶公司的業(yè)務(wù)了解，以便更明確網(wǎng)站中各欄目圖片的設(shè)計目標。
準備工作完成后，再綜合考慮需求分析階段的成果(設(shè)計構(gòu)思、網(wǎng)頁內(nèi)容結(jié)構(gòu)、網(wǎng)站風格等)，設(shè)計師們就可以開始準備拍攝或搜集圖片素材了。
圖盛網(wǎng)絡(luò)，專業(yè)提供網(wǎng)站建設(shè)，網(wǎng)站設(shè)計，網(wǎng)站制作，網(wǎng)頁設(shè)計等服務(wù)，豐富的網(wǎng)站制作經(jīng)驗，網(wǎng)站建設(shè)企業(yè)按需個性化定制，多樣化制作，樹立行業(yè)品牌!全國服務(wù)熱線：020-28142459！