如何在回應(yīng)頁設(shè)計(jì)中找到合適的照片
對(duì)于任何一個(gè)網(wǎng)頁設(shè)計(jì)老師來說,在今天的開放網(wǎng)頁設(shè)計(jì)中,回應(yīng)網(wǎng)頁設(shè)計(jì)網(wǎng)站對(duì)行業(yè)來說都是一個(gè)很大的挑戰(zhàn)。響應(yīng)頁設(shè)計(jì)網(wǎng)站應(yīng)適合任何大小屏幕上的任何設(shè)備。
臺(tái)式電腦、平板電腦、智能手機(jī)。沒有人知道明年什么樣的設(shè)備會(huì)流行,高清顯示器也越來越流行。響應(yīng)性網(wǎng)頁設(shè)計(jì)從這個(gè)結(jié)果中得到的好處是在許多方面實(shí)現(xiàn)了平衡行為。更突出的挑戰(zhàn)之一是選擇足夠的圖像。圖像顯示在智能手機(jī)和超高清設(shè)備上。今天的文章將關(guān)注這個(gè)問題,并幫助您選擇右側(cè)的照片回復(fù)頁面設(shè)計(jì)。
詳細(xì)信息;少就是多
傳統(tǒng)設(shè)備,如臺(tái)式機(jī)或筆記本電腦,允許以任何分辨率顯示圖像。即使是**詳細(xì)的圖像也很容易被參觀者的眼睛察覺到。在平板電腦和更多的智能手機(jī)中,情況完全不同。圖像越大,當(dāng)這張照片縮小到智能手機(jī)的尺寸差異時(shí)就越重要。不用說,圖像的細(xì)節(jié)很難獲得,甚至看不見。這不是一個(gè)問題,只要這些缺失的特征不是定義圖像作為一個(gè)整體。只要他們是我們需要找到這些細(xì)節(jié),即使在較小的分辨率和屏幕保持意識(shí)的方式,圖像是至關(guān)重要的。
創(chuàng)建一個(gè)寬度為320像素的智能手機(jī)圖像。只要將**大圖像寬度定義為適合整個(gè)視口的寬度,就可以安全地使用320像素的圖像作為向?qū)?,只需檢查是否會(huì)保存重要的圖像信息。
為了給你一個(gè)很好的例子,我們將使用一張典型的團(tuán)隊(duì)會(huì)議商業(yè)照片。以下圖片來自證券媒體提供商bigstock,顯示了這樣的情況。盡管這些照片在大屏幕和高分辨率下都能很好地工作,但顯示限制較小。與八名團(tuán)隊(duì)成員一起工作不再是**佳選擇。人很小,臉幾乎看不見。你應(yīng)該確保照片中的人總是足夠大,以保持面部表情可見。在任何以人物為主要形象信息的圖像中,人物,尤其是人物的臉,都應(yīng)該占很大的比例。
為從一系列選擇合適的照片
我們常常試圖通過一幅圖像來傳達(dá)更多的信息和內(nèi)容。不過,對(duì)于敏感設(shè)計(jì),我們應(yīng)該質(zhì)疑這種做法。思考哪些是必要的,哪些是可以省略的。為了做到這一點(diǎn),它可能有助于評(píng)估一行類似的照片bigstock提供了一個(gè)單一主題的各種圖像,通常來自一系列圖像。該系列特別適用于保持不變且僅改變計(jì)劃的景觀。
一系列照片描繪了不同的焦點(diǎn)
我們的圖片顯示了兩張圖片。而**個(gè)圖像,毫無疑問,我們看到的是一個(gè)演示,第二個(gè)只需要一些小的想法就可以得到更多相同的信息??紤]更小的顯示器,你會(huì)同意第二個(gè)圖像更適合在這種情況下使用。細(xì)節(jié)將被放棄,但核心信息將保留。
一系列照片顯示原理
當(dāng)然,您總是評(píng)估哪些細(xì)節(jié)可以單獨(dú)省略。這會(huì)有很大的不同。在我們上面的例子中,我們不能要求觀眾參與網(wǎng)站內(nèi)容而不是主持人。
它有很強(qiáng)的針對(duì)性
在某些情況下,將搜索從一系列圖像,然后使用一個(gè)小細(xì)節(jié),否則不同的焦點(diǎn)將不起作用。在這種情況下,試圖找到照片是一個(gè)清晰和強(qiáng)烈的焦點(diǎn)。下面的示例顯示了調(diào)用方的四種情況。人的環(huán)境形象信息與此無關(guān),可以省略而不丟失部分信息。
焦點(diǎn)清晰的照片
傳統(tǒng)的桌面設(shè)計(jì)有足夠的空間讓這些圖像與周圍環(huán)境完全兼容。在下面的示例中,我們將為您演示小型設(shè)備。
照片縮小到他們的焦點(diǎn)
選擇response設(shè)計(jì)photo HD顯示器時(shí),**重要的一點(diǎn)是受歡迎程度。我們有一個(gè)32英寸的屏幕,顯示超過800萬像素,但現(xiàn)在。bigstock等券商提供不同分辨率的照片。通常,對(duì)于一個(gè)網(wǎng)頁設(shè)計(jì),**小分辨率就足夠了。但在這些像素中,怪物可以顯示出比普通圖像詳細(xì)兩倍的圖像。
謝潑德的文章建議:
深圳網(wǎng)站設(shè)計(jì)本周主題動(dòng)漫營銷網(wǎng)站設(shè)計(jì)
http://www.dongguanlifeng.com/wangzhansheji/895.html 如何在回應(yīng)頁設(shè)計(jì)中找到合適的照片
標(biāo)簽:
相關(guān)新聞
- 深圳網(wǎng)站制作中的頁面加載速度優(yōu)化:讓客戶不…
- 深圳網(wǎng)站制作與品牌建設(shè):如何打造獨(dú)特的品牌…
- 如何避免深圳網(wǎng)站制作中的常見設(shè)計(jì)誤區(qū)?
- 深圳自適應(yīng)網(wǎng)站設(shè)計(jì):如何讓網(wǎng)站更智能、便捷…
- 深圳網(wǎng)站建設(shè)中的數(shù)據(jù)安全:保護(hù)你的在線資產(chǎn)…
- 深圳網(wǎng)站制作中的頁面結(jié)構(gòu)設(shè)計(jì):提升用戶留存…
- 在深圳如何打造一個(gè)高效的企業(yè)官方網(wǎng)站?
- 從客戶需求到上線:深圳網(wǎng)站制作的全流程拆解…