首頁?>?知識?資訊?>?網(wǎng)站設(shè)計中的圖片說明不可以忽視!?>?正文

網(wǎng)站設(shè)計中的圖片說明不可以忽視!

2012/9/18 0:00:00 · 稿源:傳誠信

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

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

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

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

圖片說明:熱門造型技巧

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

  • 標題文字的底部,以斜體

    網(wǎng)站設(shè)計中的圖片說明不可以忽視!

  • 標題文字的底部,明亮的背景顏色

    網(wǎng)站設(shè)計中的圖片說明不可以忽視!?

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

    網(wǎng)站設(shè)計中的圖片說明不可以忽視!?

  • 標題文字的底部在一個黑暗的背景

    網(wǎng)站設(shè)計中的圖片說明不可以忽視!?

  • 標題文字排版重點

    圖片說明設(shè)計

  • 標題文字作為一個覆蓋

    圖片說明設(shè)計

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

    圖片說明設(shè)計

  • 在使用中的圖標

    圖片說明設(shè)計

  • 在使用中的圖像枚舉

    圖片說明設(shè)計

  • 標題是右對齊

    圖片說明設(shè)計

  • 標題右對齊頂部

    圖片說明設(shè)計

  • 標題居中

    圖片說明設(shè)計


1。樸素無華的圖片說明

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

Viget.com

截圖

一個名單,除了

截圖

“紐約客”

截圖

AIGA.org

截圖

37signals的

截圖

DesignLessBetter.com

截圖

賈森圣瑪麗亞

截圖

Wired.com

截圖

Inspirationbit.com

截圖

Astheria.com

截圖

AIGA

截圖

加勒特戴蒙

截圖

截圖

設(shè)計觀察

截圖

Designsensory
設(shè)計組合。圖片和標題的設(shè)置,淺灰色的背景,標題文字本身就是在暗灰色。

Designsensory截圖

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

無功截圖

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

E屋工作室截圖

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

假的草坪截圖

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

Pixelight創(chuàng)意截圖

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

萊斯藝人截圖

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

班布里奇工作室截圖

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

工作室設(shè)計截圖

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

CNN截圖

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

紐約時報截圖

政治
新聞網(wǎng)站?;疑谋尘昂秃谏煮w。它沒有得到比這更最小的。

政治截圖

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

MK多媒體截圖

尼泊爾迷航之旅
旅游圖片庫。在這樣一種方式,使圖像的類似寶麗來照片:非常恰當?shù)囊粋€旅游網(wǎng)站,并顯示標題可以圖形方式的影響,而其余的微妙和簡單的文字,這些文字。

尼泊爾迷航之旅截圖

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

托馬斯程截圖

Designsensory.com

截圖

2。大膽和圖形圖像字幕

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

充滿活力的字幕

JeffCroft.com

截圖

Typesites

截圖

Segd.nl

截圖

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

截圖

圖形圖像標題中使用

SuperflousBanter.org

截圖

ILoveTypography

截圖


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

Deep.co.uk截圖

IDEO
廣告代理組合。半透明,顏色協(xié)調(diào)的覆蓋(顏色的變化取決于廣告的配色方案)工作得很好,而且很簡單,全部大寫字體出色的作品。

IDEO截圖

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

權(quán)力的海報截圖

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

設(shè)計小吃截圖

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

Freshivore截圖

市長+ Beusch
架構(gòu)組合。在石灰綠色,粉紅色和電藍色的鼠標懸停標題是非常大膽的。

市長+ Beusch截圖

3。混合圖片說明

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

混合中使用的圖片說明

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

弗雷德里卡駒截圖

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

Klinkov截圖

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

Pixelfuze截圖

BestWebGallery
網(wǎng)頁設(shè)計展示?;揖G色小圖標設(shè)置除了這些標題。

最佳網(wǎng)絡(luò)畫廊截圖

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

周杰倫Hafling截圖

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

截圖

信藝術(shù)畫廊
藝術(shù)畫廊網(wǎng)站。最簡單的,全部大寫,電藍色的標題是簡單,同時還提供一些“流行”。

信藝術(shù)畫廊截圖

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

騰設(shè)計截圖

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

1024媒體截圖

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

羅四維截圖

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

MSNBC截圖

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

人們截圖

CLD Web畫廊
網(wǎng)頁設(shè)計展示。非常簡單的字幕顯示標題的網(wǎng)站,其評級的灰色和淡藍色的黑暗,鋼灰色的背景。

CLD Web畫廊截圖

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

第2天截圖

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

艾迪科特網(wǎng)站截圖

本文作者來自北京傳誠信,轉(zhuǎn)載請注明出處:北京傳誠信(www.jzztb.org.cn)


選擇北京網(wǎng)站建設(shè)公司-傳誠信,優(yōu)質(zhì)服務,絕對不容錯過 !

1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證
(配送雙線獨立ip空間,國際A級BGP機房,99.5% 的主機在線時間)
2. 7年北京網(wǎng)站建設(shè)經(jīng)驗,優(yōu)秀的技術(shù)和設(shè)計水平,更放心
3. 全程省心服務,不必擔心自己不懂網(wǎng)絡(luò),更省心。

?

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354