對于任何網(wǎng)頁設(shè)計(jì)師在網(wǎng)頁設(shè)計(jì)開放的今天,響應(yīng)網(wǎng)頁設(shè)計(jì)的網(wǎng)站是行業(yè)的一大挑戰(zhàn)。響應(yīng)網(wǎng)頁設(shè)計(jì)網(wǎng)站應(yīng)該適應(yīng)任何尺寸的屏幕上任何設(shè)備。

臺式電腦，平板電腦，智能手機(jī)。沒有人知道什么樣的設(shè)備將在明年流行，高清晰度顯示器越來越受歡迎。一個(gè)響應(yīng)式網(wǎng)頁設(shè)計(jì)的好處,從這個(gè)結(jié)果是一個(gè)平衡的行為在許多方面。其中一個(gè)比較突出的挑戰(zhàn)是足夠的意象選擇。圖像，做工精細(xì)的智能手機(jī)上以及在UHD顯示。今天的文章將關(guān)注這個(gè)問題幫助你選擇右邊的照片響應(yīng)網(wǎng)頁設(shè)計(jì)。

細(xì)節(jié)–當(dāng)少即是多

傳統(tǒng)的設(shè)備如臺式機(jī)或筆記本電腦，允許在任何分辨率的圖片正常顯示。即使是最詳細(xì)的圖像很容易察覺到訪問者的眼睛。在平板電腦和更多的智能手機(jī)，這是一個(gè)完全不同的故事。較大的圖像，更重要的時(shí)，這張照片已經(jīng)被縮小到智能手機(jī)的尺寸差異。不用說，圖像的細(xì)節(jié)很難得到甚至是不可見的。這不是問題，只要這些丟失的特征不是什么定義的圖像作為一個(gè)整體。只要他們是我們需要找到這些細(xì)節(jié)，即使在較小的決議和屏幕保持覺察的方式圖片至關(guān)重要。

建立一個(gè)寬度為320像素智能手機(jī)圖片。只要你的最大圖像寬度定義為適合整個(gè)視口的寬度，你可以安全地使用320像素的圖像作為指導(dǎo)和簡單的檢查是否重要的圖像信息將被保存。

給你一個(gè)很好的例子，這是應(yīng)該做的，我們將使用一個(gè)典型的團(tuán)隊(duì)會(huì)議業(yè)務(wù)的照片。下面的照片，從證券媒體提供商bigstock出現(xiàn)這樣的情況。雖然照片都正常工作在大屏幕和分辨率，有較小的顯示局限性。與八名團(tuán)隊(duì)成員不再是最優(yōu)的。人太小，他們的臉幾乎察覺不到的。你應(yīng)該確保照片人始終保持足夠大以保持可見的面部表情的刻畫。人，特別是他們的臉應(yīng)該彌補(bǔ)任何圖像描繪了人作為主要的圖像信息的大部。

選擇從一系列正確的照片

我們常常會(huì)試圖傳達(dá)更多的信息和內(nèi)容，可以通過一個(gè)單一的圖像。對于敏感的設(shè)計(jì)，然而，我們應(yīng)該質(zhì)疑這個(gè)方法。想想什么是必要的，可以省略。要做到這一點(diǎn)，它可能有助于評估一排類似照片。bigstock提供單一主題的各種圖像，這些圖像往往源自一系列。系列是特別有用的風(fēng)景保持不變而只改變計(jì)劃。

系列照片描繪不同的局部重點(diǎn)

我們的圖像顯示了兩個(gè)圖片展示。而第一形象，毫無疑問，我們看到的是一個(gè)介紹會(huì)，第二只需要小的思想更多地得到同樣的信息。認(rèn)為較小的顯示器和你會(huì)同意，第二圖像更適合使用案例。細(xì)節(jié)是放棄，但中央信息停留。

一系列照片顯示原理

你當(dāng)然總是單獨(dú)評價(jià)哪些細(xì)節(jié)可以省略。這會(huì)有很大不同。在我們上面的例子，我們不能把聽眾要聽眾參與網(wǎng)站的內(nèi)容而不是主持人。

具有較強(qiáng)的焦點(diǎn)照片

在某些情況下將搜索從一系列的圖片，然后用一個(gè)小的細(xì)節(jié)，或不同的焦點(diǎn)將不會(huì)工作。在這種情況下，試圖找到的照片，是一個(gè)清晰而強(qiáng)烈的焦點(diǎn)。下面的例子展示了四的情況下，在打電話的人。人們的環(huán)境圖像的信息完全無關(guān)，可以略而不失去消息的一部分。

有一個(gè)清晰的焦點(diǎn)的照片

傳統(tǒng)的桌面型設(shè)計(jì)有足夠的空間讓這些圖像完全與周圍的環(huán)境。更小的設(shè)備將受益于一個(gè)展示我們在下面的例子中為你準(zhǔn)備的。

照片縮小到他們的焦點(diǎn)

最后一個(gè)重要的事情時(shí)要考慮選擇響應(yīng)設(shè)計(jì)照片高清顯示器普及。我們擁有32英寸顯示超過八百萬像素的屏幕，可這些天。證券商如bigstock提供不同分辨率的照片。通常，最小分辨率足夠的網(wǎng)頁設(shè)計(jì)。但在這些像素怪物可以顯示圖像顯示為常規(guī)的兩倍詳細(xì)。

牧羊人文章推薦：

深圳網(wǎng)頁設(shè)計(jì)主題本周漫畫
營銷網(wǎng)站設(shè)計(jì)