下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1/1網(wǎng)頁設(shè)計(jì)中圖片的使用技巧
圖片在網(wǎng)頁中所扮演的角色越來越重要。將圖片在網(wǎng)頁中得當(dāng)?shù)膽?yīng)用,會(huì)加分哦~不妨看看都有哪些使用技巧吧。以下僅供參考!
抓人眼球的首圖
橫跨屏幕的輪播首圖是時(shí)下流行的網(wǎng)頁設(shè)計(jì)手法,設(shè)計(jì)師通過覆蓋視野式的圖片來營(yíng)造身臨其境的體驗(yàn),這非常符合人類視覺優(yōu)先的信息獲取方式,所以,漂亮的首圖是抓住用戶注意力的重要手段。優(yōu)質(zhì)的首圖能夠讓用戶明白,他們可以從這個(gè)網(wǎng)站獲取一些什么。
頁面上的圖片往往是最先吸引到用戶的元素。
首圖是容納信息的完美容器。
小貼士:
·首圖最好只用高清圖片。沒有什么比低保真甚至失真的圖片給人的體驗(yàn)更差了,如果你想使用首圖,那么圖片質(zhì)量意味著一切。
·如果你想使用文字覆蓋圖片的方式來制作首圖,那么請(qǐng)務(wù)必確保圖片中的視覺主體能被用戶輕松識(shí)別、理解,同時(shí)和文字內(nèi)容有足夠的對(duì)比度。
在自然環(huán)境中展示
根據(jù)環(huán)境和使用場(chǎng)景來展示產(chǎn)品是電商網(wǎng)站常用的機(jī)巧。而實(shí)際的數(shù)據(jù)也表明,這樣的圖片擁有著極高的轉(zhuǎn)化率。
舉個(gè)例子,下面所展示的GorillaPod就將產(chǎn)品置于實(shí)際的使用場(chǎng)景中,給予用戶真實(shí)的使用體驗(yàn)。
靈活的三腳架在整個(gè)圖片中作為焦點(diǎn)而存在整個(gè)首圖的設(shè)計(jì)富有創(chuàng)造性,信息和內(nèi)容的傳遞也頗為高效。
JulianaBicycle的網(wǎng)站首圖同樣是將產(chǎn)品置于使用場(chǎng)景中。
相比于色彩豐富圖片,黑白色調(diào)的圖片無法使用抓人眼球的色彩來吸引訪客,黑白照片更多的是依靠?jī)?nèi)容本身來進(jìn)行視覺傳達(dá)。
現(xiàn)代的黑白攝影作品強(qiáng)調(diào)藝術(shù)性,并且許多攝影師認(rèn)為,這樣的圖片和攝影作品更加純粹。
但是,為什么黑白攝影作品和圖片會(huì)如此受追捧呢?很簡(jiǎn)單,色彩會(huì)讓觀看者分心。
色彩的存在讓用戶更容易忽略照片本身的構(gòu)圖和細(xì)節(jié),用戶的注意力可能會(huì)被引導(dǎo)到其他的地方,從而忽略諸如CTA按鈕等關(guān)鍵元素。
小貼士:
·如果你你使用黑白圖片作為背景,那么你可以賦予CTA按鈕以一個(gè)醒目的色彩,從而起到吸引用戶注意力的作用。
色彩疊加
這里說的色彩疊加值得是用半透明的色彩圖層疊加在圖片上,這種手法通常能夠讓圖片更加匹配品牌色,或者視覺設(shè)計(jì)的需求。
所疊加的色彩能夠讓圖片更容易引起用戶的情緒反應(yīng)。
色彩疊加強(qiáng)化了圖片的感染力。
即使是黑白色調(diào)的背景,色彩疊加也同樣可以強(qiáng)化其感染力,不過要選對(duì)色彩才行。
小貼士:
·當(dāng)你使用單一色彩來作為疊加圖層的時(shí)候,控制好色彩的透明度。透明度較低的色彩會(huì)讓背景的圖片不那么容易識(shí)別,想要讓效果更微妙,應(yīng)當(dāng)控制好這個(gè)度。
文字排版
精心設(shè)計(jì)的排版能夠?yàn)槟愕钠放铺嵘齻€(gè)性,當(dāng)這些排版和圖片搭配到一起的時(shí)候,整個(gè)設(shè)計(jì)的形式感和表現(xiàn)力就有了明顯的提升。
文本的樣式和其中包含的信息,和圖片內(nèi)容相互呼應(yīng),互為解讀,這是最佳的搭配。
同一個(gè)界面下,圖片和文本之間不僅僅有對(duì)抗,還有協(xié)同。
小貼士:
·充滿形式感的排版是非常不錯(cuò)的視覺元素,但是它不應(yīng)該喧賓奪主,如果它太過于顯眼會(huì)降低圖片作為視覺元素的存在感。
·時(shí)刻謹(jǐn)記可讀性的問題,過于花哨的字體和排版設(shè)計(jì)可能存在色彩對(duì)比度的問題,以及識(shí)別度的問題。
·充滿形式感的字體和排版設(shè)計(jì)并不意味著復(fù)雜,它有時(shí)候也可以是簡(jiǎn)單的,使用簡(jiǎn)單易讀的字體,同樣可以帶來優(yōu)秀的效果。
不對(duì)稱布局
不對(duì)稱布局本身也是一種流行的設(shè)計(jì)手法。許多網(wǎng)頁設(shè)計(jì)師尤其喜歡這種有趣的排版布局方式。
這種布局非常適合用來引導(dǎo)用戶的視覺,因?yàn)轫撁嬗辛溯p重對(duì)比,所以它可以以合乎邏輯的方式引導(dǎo)用戶的眼睛逐步瀏覽頁面內(nèi)容。
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 建筑給排水課程設(shè)計(jì)熱水
- 2023年裝卸船機(jī)資金申請(qǐng)報(bào)告
- Module 8 unit3 教學(xué)設(shè)計(jì)-2023-2024學(xué)年外研版英語九年級(jí)下冊(cè)
- 24 古人談讀書 教學(xué)設(shè)計(jì)-2024-2025學(xué)年語文五年級(jí)上冊(cè)統(tǒng)編版
- 人音版 (五線譜)四年級(jí)上冊(cè)音樂教學(xué)設(shè)計(jì)《龍里格龍》
- 人教版(2019)高中英語選擇性必修第二冊(cè) Unit2Bridging Cultures Using Language(2) 名師教學(xué)設(shè)計(jì)
- 湘美版七年級(jí)美術(shù)上冊(cè)《第2課 卡通故事-卡通形象設(shè)計(jì)》教學(xué)設(shè)計(jì)
- 單元易錯(cuò)綜合拔高 Module 5 新四年級(jí)英語上冊(cè) 外研版(三起 )
- 河道整治淤泥運(yùn)輸合同
- 酒店裝修工程合同范本
- 對(duì)外貿(mào)易合同樣本90 days LC
- 中學(xué)生家訪記錄初中生家訪記錄[有內(nèi)容最新]
- 顧建光《公共管理英語》修訂版詞匯匯總
- JJF 1874-2020(自動(dòng))核酸提取儀校準(zhǔn)規(guī)范-(2020發(fā)布)
- 內(nèi)保工作制度
- 個(gè)體經(jīng)營(yíng)食品安全管理制度文本
- 住宅樓工程模板及支撐架專項(xiàng)施工方案
- 省一級(jí)檔案綜合管理單位復(fù)評(píng)報(bào)告 (2)
- 粵教滬科版初中物理《電動(dòng)機(jī)與發(fā)電機(jī)》教學(xué)設(shè)計(jì)
- PSA制氫裝置開車試運(yùn)行方案
- 連鑄機(jī)熱試聯(lián)動(dòng)試車方案
評(píng)論
0/150
提交評(píng)論