inspirr

跳到主文

歡迎光臨inspirr在痞客邦的小天地

部落格全站分類:

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 2月 17 週五 201221:02
  • 如何設計網頁小廣告(banner)_網頁設計

如何設計網頁小廣告(banner) - 網頁設計

http://webdesign.zoapcon.com

【譯者的話】 網頁上的小廣告(banner)已經成為一種宣傳推廣的重要形式,但這些小廣告除了版面細小外,圖象的表現還受到象素較低等其它因素影響,給傳統的平面設計師帶來了新挑戰。如何讓你的小廣告在混亂無章的網頁中脫穎而出?本文介紹了幾種解決的思路。

原文出處:www.bamagazine.com

如何在細小的空間設計出視覺效果吸此人的廣告(banner)?

第一步:使用簡單的照片

對付一些區域狹窄的空間需要涉及一些特別的要求,第一步,就是采用一張簡單但又能傳達很多信息的照片。

 

一般的廣告總是采用整張圖片加上文字配合,而網頁上一個標準的小廣告的尺寸是 12 0 × 90 象素,分辨率為 72dpi 。空間確實很小。你如何在這個小地方加進你想要的東西?象上圖,難道你想讓整個紐約市都塞進這個小空間里?那只會讓這些建筑物變成一個個斑點而已。當我們面對這些小廣告的版面時,并不應該只是將整張圖片簡單縮小——因為空間已經很小,分辨率又很低。而一般的網頁上總是充斥著很多混亂的信息,將圖片只是簡單地縮小,那些細微的東西完全不會此起人們的注意。所以我們要思考的是:簡單、醒目及簡短。我們并不需要使用整張紐約市的照片才能代表紐約,我們應該要運用這個城市的一些象征符號來傳達這種信息,比如:自由女神像,帝國大廈,當然,你還可以自己決定其它的東西。

我們要尋找一張具有象征意味的照片,構圖要簡單,顏色要醒目,角度要明顯,對比要強烈,當然,最好是所有這些因素都能夠在一起。

 


TAG: 網頁設計 web design
文章標籤
全站熱搜
創作者介紹
創作者 inspirr 的頭像
inspirr

inspirr

inspirr 發表在 痞客邦 留言(0) 人氣(11)

  • 全站分類:
  • 個人分類:
▲top

個人資訊

inspirr
暱稱:
inspirr
分類:
好友:
累積中
地區:

熱門文章

  • ()HTML5標記div、section、article使用說明_19
  • ()臉頰長斑的原因_507
  • ()英文親情名言_31
  • ()4種常見英文祝賀信的寫法及其范文_313
  • ()骨髓移植_1682
  • ()畫Web流程圖的一點心得_網頁設計
  • ()應聘網頁設計師常見的8個面試試題和答案_433
  • ()羊膜移植基礎及眼科臨床應用_1695
  • ()CSS制作網頁技巧-單圖片按鈕實例_475
  • ()維生素缺乏與皮膚病_934

文章分類

  • 未分類文章 (1)

最新文章

    最新留言

    動態訂閱

    文章精選

    文章搜尋

    誰來我家

    參觀人氣

    • 本日人氣:0
    • 累積人氣:106,178
    yongxjb
    PIXNET Logo登入