圖片說明網頁設計是一個經常被忽視的元素。他們常想的更多的功能比形式。只要包含照片的信貸或識別信息的圖像對象,而不是給他們更多的思考。
但是,圖片說明是一個偉大的地方到您的網站中添加了更多的風格,或給一些獨到的見解,進入正題的圖像。的標題是否是照片上的新聞網站或投資組合中的設計樣本,他們提供了一個機會,為加強本網站的整體外觀。如果處理得當,他們甚至可以添加更多的視覺趣味,成為一個特定的品牌或網站的一個顯著的商標。
有兩個基本類型的圖片說明。是簡單,簡約,腳踏實地,商務風格。這些通常有一個簡單的sans-serif字體在白色,黑色或灰色陰影。它們通常定位的側面或下面的圖像,雖然他們有時重疊或它上面。這種類型的新聞網站常見的,但也可見于組合及其他網站。
其他主要的風格是更多的圖形。這通常包括效果,如只出現一個鼠標或“詳細信息”按鈕,導致完整的標題顯示的標題。雖然字體是sans-serif字體,顏色更被使用,往往是疊加在實際的圖像和字幕。這些類型的圖片說明被普遍認為對投資組合的設計師和廣告公司的網站。當然,也有一些網站使用交叉型圖片標題,顯示這兩種風格的元素。
圖片說明:熱門造型技巧
設計師使用多種不同風格的圖片說明。在大多數情況下,設計實驗用不同的顏色,使用較亮的顏色較暗的背景。經常使用斜體,而圖像字幕的字體大小通常小于體內復制。讓我們來看看在我們已經確定了我們的研究過程中各種技術的概述。
- 標題文字的底部,以斜體
- 標題文字的底部,明亮的背景顏色
?
- 標題文字底部半透明的背景
?
- 標題文字的底部在一個黑暗的背景
?
- 標題文字排版重點
- 標題文字作為一個覆蓋
- 背景圖像環繞
- 在使用中的圖標
- 在使用中的圖像枚舉
- 標題是右對齊
- 標題右對齊頂部
- 標題居中
1。樸素無華的圖片說明
簡單的標題設計是最常見的圖像標題設計。他們可以讓一個網站顯得更加優雅,但如果不小心地將網站的整體設計風格的整合,他們可以結束了平淡乏味。下面是一些不:
Designsensory
設計組合。圖片和標題的設置,淺灰色的背景,標題文字本身就是在暗灰色。
無網站設計和開發
設計投資組合。這是最低限度的,因為它在白色背景上的灰色sans-serif字體類型。
{E}內部工作室的
廣告代理組合。這些標題提供了更多的信息比大多數的圖像,但他們堅持以最小的灰,白色的配色方案。他們使用觸摸襯線字體,將它們分開。
假的草坪
圖形設計組合。另一個網站,其中包括大量的圖像信息,但采用了淺灰色和白色,暗灰色的配色方案。
Pixelight創意
網頁設計組合。本網站的照片說明光在黑暗和側面的圖像。
萊斯藝術家的
藝術畫廊網站。另一個最小的標題樣式,但這次更有趣的鼠標經過效果。
班布里奇工作室
設計組合。簡單的白色和淺灰色的黑色的字幕設置為每個圖像的一側。該網站包括了serif字體的標題。
Studio7Designs
網頁設計組合。另外一個非常簡單的暗灰色光灰色風格的圖像和字幕組對淺灰色的方塊。
CNN.com
新聞網站。一個簡單而醒目的標題上一個黑色,半透明覆蓋白字的。
紐約時報
新聞網站。這可能是一個最簡單的標題風格在那里,灰色的小文字和形象的描述稍微大一點的同色型的照片信貸。
政治
新聞網站?;疑谋尘昂秃谏煮w。它沒有得到比這更最小的。
MK的多媒體Communicatie
設計組合。這是一個最優雅的照片在這里列出的標題風格,色調的灰色,白色背景上的圖像旁襯線和無襯線類型的混合。
尼泊爾迷航之旅
旅游圖片庫。在這樣一種方式,使圖像的類似寶麗來照片:非常恰當的一個旅游網站,并顯示標題可以圖形方式的影響,而其余的微妙和簡單的文字,這些文字。
托馬斯程
攝影組合。另一組的字幕,使良好的排版和一個灰色的白色的調色板。
2。大膽和圖形圖像字幕
圖形圖像字幕使用明亮的色彩和大膽的形狀,使圖片說明中脫穎而出。他們結合圖片說明完全在整體設計上的網站。熱的粉紅色,灰綠色和電藍色似乎是最流行 的顏色使用。
充滿活力的字幕
Designslices
設計組合。檸檬綠與熱粉紅色的可以是一個艱難的組合拉斷,但它在這里做了精美的。黑色覆蓋,透明和不透明,新增的圖形上訴。
圖形圖像標題中使用
深
廣告公司的投資組合。熱粉紅色的頭和下拉詳細信息框的網站很受歡迎的感覺,同時提供所有的相關細節。
IDEO
廣告代理組合。半透明,顏色協調的覆蓋(顏色的變化取決于廣告的配色方案)工作得很好,而且很簡單,全部大寫字體出色的作品。
電源的海報
海報設計展示。這些字幕透明的色彩效果設置它們分開,襯線和無襯線字體的組合,添加了興趣。
設計的休閑
網頁設計展示。圓角和單色的調色板提供一個合適的Web 2.0外觀到這個網頁設計庫。
Freshivore
網頁設計組合。過大的熱粉紅色的標題,圖形,紙狀背景和淺灰色的元信息結合起來,創造一個非常吸引人的視覺風格。
市長+ Beusch
架構組合。在石灰綠色,粉紅色和電藍色的鼠標懸停標題是非常大膽的。
3。混合圖片說明
這些圖片標題設計元素結合起來,既簡單又圖形設計。他們有點大膽的簡約的設計,往往使用不同的顏色或多個圖形的形狀,但更柔和大膽,圖形圖像字幕以上。
混合中使用的圖片說明
弗雷德里卡Cau的
設計組合。這些圖片的標題上提供了大量的信息,和電藍色頭配合邊境的圖像的。
Klinkov
藝術組合。這些圖像的字幕設置的側面和包括漂亮的藍綠色和灰色的顏色。
PixelFuze
設計組合。另一個網站的圖片說明中使用的灰綠色,電藍色和淺灰色的組合。
BestWebGallery
網頁設計展示?;揖G色小圖標設置除了這些標題。
周杰倫Hafling
網頁設計組合。超大的類型和覆蓋的黑色標題的空間給這些圖形上訴的,而實際上是相當簡單的。
SOObox
設計廊“,我認為(我不看任何一種語言,這是在)。是平面的,而仍然是簡約的半透明的黑色與白色的文字覆蓋。圓角覆蓋在左上角加了一點更多的視覺吸引力。
信藝術畫廊
藝術畫廊網站。最簡單的,全部大寫,電藍色的標題是簡單,同時還提供一些“流行”。
騰設計
的設計組合。稍微柔和的藍電頭提供一些額外的視覺流行,而其余的淺灰色文本的標題保持設計是壓倒性的。
ten24搜索引擎優化
SEO的網站。另一種相對簡單的淺灰色暗灰色的標題設計,而是采用了一些不錯的薄荷綠色環保型。
羅四維
設計組合。簡單的襯線字體在一個明亮的背景,但有一個淡藍色的標題顏色。
MSNBC
新聞網站。很簡單,用暗灰色和藍色的類型,掀起了一邊。
人民
新聞網站。一個標題,一個明亮的藍色背景,白色和淺灰色的襯線字體。
CLD Web畫廊
網頁設計展示。非常簡單的字幕顯示標題的網站,其評級的灰色和淡藍色的黑暗,鋼灰色的背景。
Junghoon公園
設計組合。熱粉紅色和黑色的sans-serif型純白色的背景。
艾迪科特Web
暗灰色和淡藍色的淺灰色的背景上,sans-serif字體類型廣泛間隔的標題和下面的圖像。
本文作者來自北京傳誠信,轉載請注明出處:北京傳誠信(nfxjdb.cn)
選擇北京網站建設公司-傳誠信,優質服務,絕對不容錯過 !
?