發(fā)布日期：2017/3/23

圖片說明網(wǎng)頁設(shè)計是一個經(jīng)常被忽視的元素。他們常想的更多的功能比形式。只要包含照片的信貸或識別信息的圖像對象，而不是給他們更多的思考。

但是，圖片說明是一個偉大的地方到您的網(wǎng)站中添加了更多的風(fēng)格，或給一些的見解，進入正題的圖像。的題目是否是照片上的新聞網(wǎng)站或投資組合中的設(shè)計樣本，他們提供了一個機會，為增強本網(wǎng)站的整體外觀。假如處理得當，他們甚至可以添加更多的視覺趣味，成為一個特定的品牌或網(wǎng)站的一個顯著的商標。

有兩個基本類型的圖片說明。是簡單，簡約，腳扎實地，商務(wù)風(fēng)格。這些通常有一個簡單的sans-serif字體在白色，黑色或灰色陰影。它們通常定位的側(cè)面或下面的圖像，雖然他們有時重疊或它上面。這種類型的新聞網(wǎng)站常見的，但也可見于組合及其他網(wǎng)站。

其他主要的風(fēng)格是更多的圖形。這通常包括效果，如只出現(xiàn)一個鼠標或“具體信息”按鈕，導(dǎo)致完整的題目顯示的題目。雖然字體是sans-serif字體，顏色更被使用，往往是疊加在現(xiàn)實的圖像和字幕。這些類型的圖片說明被普遍認為對投資組合的設(shè)計師和廣告公司的網(wǎng)站。當然，也有一些網(wǎng)站使用交叉型圖片題目，顯示這兩種風(fēng)格的元素。

圖片說明：熱門造型技巧

設(shè)計師使用多種不同風(fēng)格的圖片說明。在大多數(shù)情況下，設(shè)計實驗用不同的顏色，使用較亮的顏色較暗的背景。經(jīng)常使用斜體，而圖像字幕的字體大小通常小于體內(nèi)復(fù)制。讓我們來看看在我們已經(jīng)確定了我們的研究過程中各種技術(shù)的概述。

• 題目文字的底部，以斜體

• 題目文字的底部，通亮的背景顏色

   

• 題目文字底部半透明的背景

   

• 題目文字的底部在一個陰郁的背景

   

• 題目文字排版重點

• 題目文字作為一個覆蓋

• 背景圖像環(huán)繞

• 在使用中的圖標

• 在使用中的圖像枚舉

• 題目是右對齊

• 題目右對齊頂部

• 題目居中

1。樸素?zé)o華的圖片說明

簡單的題目設(shè)計是好常見的圖像題目設(shè)計。他們可以讓一個網(wǎng)站顯得更加優(yōu)雅，但假如不小心地將網(wǎng)站的整體設(shè)計風(fēng)格的整合，他們可以結(jié)束了平淡乏味。下面是一些不：

Viget1683

一個名單，除了

“紐約客”

AIGA1438

37signals的

DesignLessBetter1683

賈森圣瑪麗亞

Wired1683

Inspirationbit1683

Astheria1683

AIGA

加勒特戴蒙

設(shè)計觀察

Designsensory
設(shè)計組合。圖片和題目的設(shè)置，淺灰色的背景，題目文字自己就是在暗灰色。

無網(wǎng)站設(shè)計和開發(fā)
設(shè)計投資組合。這是好低限度的，因為它在白色背景上的灰色sans-serif字體類型。

{E}內(nèi)部工作室的
廣告代理組合。這些題目提供了更多的信息比大多數(shù)的圖像，但他們堅持以好小的灰，白色的配色方案。他們使用觸摸襯線字體，將它們分開。

假的草坪
圖形設(shè)計組合。另一個網(wǎng)站，其中包括大量的圖像信息，但采用了淺灰色和白色，暗灰色的配色方案。

Pixelight創(chuàng)意
網(wǎng)頁設(shè)計組合。本網(wǎng)站的照片說明光在陰郁和側(cè)面的圖像。

萊斯藝術(shù)家的
藝術(shù)畫廊網(wǎng)站。另一個好小的題目樣式，但這次更有趣的鼠標經(jīng)過效果。

班布里奇工作室
設(shè)計組合。簡單的白色和淺灰色的黑色的字幕設(shè)置為每個圖像的一側(cè)。該網(wǎng)站包括了serif字體的題目。

Studio7Designs
網(wǎng)頁設(shè)計組合。另外一個特別很是簡單的暗灰色光灰色風(fēng)格的圖像和字幕組對淺灰色的方塊。

CNN1683
新聞網(wǎng)站。一個簡單而醒目的題目上一個黑色，半透明覆蓋白字的。

紐約時報
新聞網(wǎng)站。這可能是一個好簡單的題目風(fēng)格在那里，灰色的小文字和形象的描述稍微大一點的同色型的照片信貸。

政治
新聞網(wǎng)站。灰色的背景和黑色字體。它沒有得到比這更好小的。

MK的多媒體Communicatie
設(shè)計組合。這是一個好優(yōu)雅的照片在這里列出的題目風(fēng)格，色調(diào)的灰色，白色背景上的圖像旁襯線和無襯線類型的混合。

尼泊爾迷航之旅
旅游圖片庫。在這樣一種體例，使圖像的類似寶麗來照片：特別很是恰當?shù)囊粋�旅游網(wǎng)站，并顯示題目可以圖形體例的影響，而其余的微妙和簡單的文字，這些文字。

托馬斯程
攝影組合。另一組的字幕，使的排版和一個灰色的白色的調(diào)色板。

Designsensory1683

2。勇敢和圖形圖像字幕

圖形圖像字幕使用通亮的色彩和勇敢的外形，使圖片說明中脫穎而出。他們結(jié)合圖片說明完全在整體設(shè)計上的網(wǎng)站。熱的粉紅色，灰綠色和電藍色似乎是好流行 的顏色使用。

充滿活力的字幕

JeffCroft1683

Typesites

Segd.nl

Designslices
設(shè)計組合。檸檬綠與熱粉紅色的可以是一個艱難的組合拉斷，但它在這里做了優(yōu)美的。黑色覆蓋，透明和不透明，新增的圖形上訴。

圖形圖像題目中使用

SuperflousBanter1438

ILoveTypography

深
廣告公司的投資組合。熱粉紅色的頭和下拉具體信息框的網(wǎng)站很受迎接的感覺，同時提供所有的相關(guān)細節(jié)。

IDEO
廣告代理組合。半透明，顏色協(xié)調(diào)的覆蓋（顏色的轉(zhuǎn)變?nèi)�決于廣告的配色方案）工作得很好，而且很簡單，悉數(shù)大寫字體出色的作品。

電源的海報
海報設(shè)計展示。這些字幕透明的色彩效果設(shè)置它們分開，襯線和無襯線字體的組合，添加了愛好。

設(shè)計的休閑
網(wǎng)頁設(shè)計展示。圓角和單色的調(diào)色板提供一個合適的Web 2.0外觀到這個網(wǎng)頁設(shè)計庫。

Freshivore
網(wǎng)頁設(shè)計組合。過大的熱粉紅色的題目，圖形，紙狀背景和淺灰色的元信息結(jié)合起來，創(chuàng)造一個特別很是吸引人的視覺風(fēng)格。

市長+ Beusch
架構(gòu)組合。在石灰綠色，粉紅色和電藍色的鼠標懸停題目是特別很是勇敢的。

3。混合圖片說明

這些圖片題目設(shè)計元素結(jié)合起來，既簡單又圖形設(shè)計。他們有點勇敢的簡約的設(shè)計，往往使用不同的顏色或多個圖形的外形，但更柔和勇敢，圖形圖像字幕以上。

混合中使用的圖片說明

弗雷德里卡Cau的
設(shè)計組合。這些圖片的題目上提供了大量的信息，和電藍色頭配合邊境的圖像的。

Klinkov
藝術(shù)組合。這些圖像的字幕設(shè)置的側(cè)面和包括漂亮的藍綠色和灰色的顏色。

PixelFuze
設(shè)計組合。另一個網(wǎng)站的圖片說明中使用的灰綠色，電藍色和淺灰色的組合。

BestWebGallery
網(wǎng)頁設(shè)計展示。灰綠色小圖標設(shè)置除了這些題目。

周杰倫Hafling
網(wǎng)頁設(shè)計組合。超大的類型和覆蓋的黑色題目的空間給這些圖形上訴的，而現(xiàn)實上是相當簡單的。

SOObox
設(shè)計廊“，我認為（我不看任何一種語言，這是在）。是平面的，而仍然是簡約的半透明的黑色與白色的文字覆蓋。圓角覆蓋在左上角加了一點更多的視覺吸引力。

信藝術(shù)畫廊
藝術(shù)畫廊網(wǎng)站。好簡單的，悉數(shù)大寫，電藍色的題目是簡單，同時還提供一些“流行”。

騰設(shè)計
的設(shè)計組合。稍微柔和的藍電頭提供一些額外的視覺流行，而其余的淺灰色文本的題目保持設(shè)計是壓服性的。

ten24搜索引擎優(yōu)化
seo的網(wǎng)站。另一種相對簡單的淺灰色暗灰色的題目設(shè)計，而是采用了一些不錯的薄荷綠色環(huán)保型。

羅四維
設(shè)計組合。簡單的襯線字體在一個通亮的背景，但有一個淡藍色的題目顏色。

MSNBC
新聞網(wǎng)站。很簡單，用暗灰色和藍色的類型，掀起了一邊。

人民
新聞網(wǎng)站。一個題目，一個通亮的藍色背景，白色和淺灰色的襯線字體。

CLD Web畫廊
網(wǎng)頁設(shè)計展示。特別很是簡單的字幕顯示題目的網(wǎng)站，其評級的灰色和淡藍色的陰郁，鋼灰色的背景。

Junghoon公園
設(shè)計組合。熱粉紅色和黑色的sans-serif型純白色的背景。

艾迪科特Web
暗灰色和淡藍色的淺灰色的背景上，sans-serif字體類型廣泛間隔的題目和下面的圖像。