- 發表時間:2017-05-28 14:22:39
- 瀏覽次數:
背景圖是整個網頁呈現在用戶面前很具視覺沖擊的元素,它帶給用戶的體驗感是很強的,以前我們看到的只有部分時尚潮流的網站才會特別強調圖片的視覺效果,但是現在幾乎所有類型的網站都開始將這部分重視起來,這樣更容易向客戶很直接的傳遞網站的主題以及產品特色等。
當一張好看的圖片出現在我們眼前時,它可以瞬間抓住我們的注意力,引起我們的共鳴。因此,創建一個有吸引力的網站,圖片是網站中的一個重要組成部分。圖片會影響到我們對網頁的 印象,作用至關重要,而且它們也可以告訴我們的這個網站是做什么的,還可以幫我們贏得更多用戶的信任。
如果使用得當,圖片起到的效果就會非常好,它可以快速的將目的信息傳達給用戶。但是,使用了錯誤的照片就會誤導用戶,降低用戶的體驗。那我們該如何選擇恰當的圖片呢?
1、精準找圖
網頁設計之前,確定好網站的主題,以及要宣傳的品牌,提取關鍵詞來尋找圖片對象,圖片無需太復雜,很好能夠讓用戶一眼看出網站想要表達的主題,例如:企業宣傳電腦顯示器,以“畫質清晰,觸控”作為顯示器的關鍵詞,找到能突顯出產品功能的圖片很為很佳選擇。
2、選定風格
網頁設計的整體風格要一致,在選好的圖片中挑選符合網站主題的風格,每一種產品的主色調要協調,在突出產品特色的同時不失美的體驗。
3、圖片簡單化
有時候圖片的抽象是一種藝術,但這樣承擔的風險更大一些,因為不一定每個人都懂藝術,另外圖片太復雜不一定是豐富的體現,不能巧妙的使用往往會適得其反。因此在選擇圖片時盡量簡單化,不要讓用戶去猜測圖片的含義,很好一眼能明白圖片想要表達的意思。
網頁設計圖片的選擇講究的是對網站總體風格的敏銳度,以及對產品的深入了解程度,在設計之前確定好方向,再利用既定的關鍵詞搜尋圖片,獲得很佳的搭配方案,巧妙的抓住用戶的注意力,便可輕松選圖用圖。
網頁設計中使用圖片
在網站設計中,我們會注意到它的各個方面:內容,顏色,版式,層次結構,信息體系結構等細節,圖片也應該得到盡可能多的關注,特別在可用性和全體用戶對你的網站體驗方面。
在網站上對照片的處理依賴于設計者理解和運用,因此本文將給您指出一個正確的方向,并告訴你在你的下一個Web項目中使用圖片之前要好好挑選你的圖片。
采用大圖片時需注意
人們會根據以往的經驗和預期瀏覽屏幕。用戶眼睛很常見的是先從左上角看起,當然這也取決于個人培養的閱讀模式。這時如果你在頁面上使用了大圖片就會立即抓住他們的注意力,并把他們拉離其一貫的閱讀方式。
圖片也是內容
我敢肯定,當我跟你說,圖片也算是網頁的內容時,你不會和我辯論,但你自己做網頁的時候,真的也是這么做的嗎?你有沒有只是把它當做一個附加部分或者好的填充內容?你有沒有考慮到這個圖片內容的各個方面?在你使用圖片之前你有沒有正確的評價這個圖片?你有沒有考慮用戶的心理模型和他們看到圖片時的反應?這個圖片給用戶提供有價值的信息了嗎?對用戶當前的任務起到幫助了嗎?這些就是你在網頁上準備使用圖片之前,需要考慮的問題。
圖片不只是用來「裝飾」網頁的。我見過很多設計師只是放一個漂亮的全屏的圖片在網頁上,然后喊一些口號或大聲呼吁,這就宣布它完成了。在很多情況下,照片尚未評估,設計師這樣做僅僅只是隨大流。讓我們來看看如何對你的照片評估,在你在網站上使用它之前。
選擇好的照片
當你決定在你的設計中使用圖片時你有幾件事情需要考慮。我假設你已經知道如何評估圖片的一些基礎知識,它們是:質量,尺寸,組成和曝光。在分辨率要求的質量上,選擇合適的位置裁剪圖片,有效裁剪過的圖片更能吸引用戶的注意力,圖片要隱含網頁主題。