首頁?>?知識?資訊?>?網站設計中的圖片說明不可以忽視!?>?正文

網站設計中的圖片說明不可以忽視!

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

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

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

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

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

圖片說明:熱門造型技巧

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

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

    網站設計中的圖片說明不可以忽視!

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

    網站設計中的圖片說明不可以忽視!?

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

    網站設計中的圖片說明不可以忽視!?

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

    網站設計中的圖片說明不可以忽視!?

  • 標題文字排版重點

    圖片說明設計

  • 標題文字作為一個覆蓋

    圖片說明設計

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

    圖片說明設計

  • 在使用中的圖標

    圖片說明設計

  • 在使用中的圖像枚舉

    圖片說明設計

  • 標題是右對齊

    圖片說明設計

  • 標題右對齊頂部

    圖片說明設計

  • 標題居中

    圖片說明設計


1。樸素無華的圖片說明

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

Viget.com

截圖

一個名單,除了

截圖

“紐約客”

截圖

AIGA.org

截圖

37signals的

截圖

DesignLessBetter.com

截圖

賈森圣瑪麗亞

截圖

Wired.com

截圖

Inspirationbit.com

截圖

Astheria.com

截圖

AIGA

截圖

加勒特戴蒙

截圖

截圖

設計觀察

截圖

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

Designsensory截圖

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

無功截圖

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

E屋工作室截圖

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

假的草坪截圖

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

Pixelight創(chuàng)意截圖

萊斯藝術家的
藝術畫廊網站。另一個最小的標題樣式,但這次更有趣的鼠標經過效果。

萊斯藝人截圖

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

班布里奇工作室截圖

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

工作室設計截圖

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

CNN截圖

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

紐約時報截圖

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

政治截圖

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

MK多媒體截圖

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

尼泊爾迷航之旅截圖

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

托馬斯程截圖

Designsensory.com

截圖

2。大膽和圖形圖像字幕

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

充滿活力的字幕

JeffCroft.com

截圖

Typesites

截圖

Segd.nl

截圖

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

截圖

圖形圖像標題中使用

SuperflousBanter.org

截圖

ILoveTypography

截圖


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

Deep.co.uk截圖

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

IDEO截圖

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

權力的海報截圖

設計的休閑
網頁設計展示。圓角和單色的調色板提供一個合適的Web 2.0外觀到這個網頁設計庫。

設計小吃截圖

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

Freshivore截圖

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

市長+ Beusch截圖

3?;旌蠄D片說明

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

混合中使用的圖片說明

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

弗雷德里卡駒截圖

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

Klinkov截圖

PixelFuze
設計組合。另一個網站的圖片說明中使用的灰綠色,電藍色和淺灰色的組合。

Pixelfuze截圖

BestWebGallery
網頁設計展示?;揖G色小圖標設置除了這些標題。

最佳網絡畫廊截圖

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

周杰倫Hafling截圖

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

截圖

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

信藝術畫廊截圖

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

騰設計截圖

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

1024媒體截圖

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

羅四維截圖

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

MSNBC截圖

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

人們截圖

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

CLD Web畫廊截圖

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

第2天截圖

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

艾迪科特網站截圖

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


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

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

?

  • 相關推薦
  • 大家在看
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354