• <bdo id="1ftk3"></bdo>
      <bdo id="1ftk3"></bdo>

      1. 歡迎來到合肥浪訊網絡科技有限公司官網
          咨詢服務熱線:400-099-8848

        如安在小空間放置大圖片

        發布時間:2019-11-29 文章來源:本站  瀏覽次數:2310

        那里都有狹隘的空間:網頁橫幅、新聞標題處的空間、柱狀的廣告,但一張來自照相機的相片卻要大很多,它們的份額一般是 6 × 4 英寸 。你如何處理這兩者的聯系?在本文中咱們提供三種解決辦法。

        一、新聞標題:

        如安在小空間放置大圖片(圖一)

        咱們想將一張大的相片使用在標題區域里,怎么辦?

        1 、斗膽剪切:

        假如你的相片的空度與你想要使用的區域的寬度一樣,咱們能夠對相片進行斗膽的剪切?;蛟S令你感到入神的是,一張小相片同樣能夠傳達大相片的精粹。

        如安在小空間放置大圖片(圖二)

        選擇相片最傳神的焦點,然后在相片上使用剪切。令你感到驚訝的是,你切得越窄,相片反而越有力氣感!

        如安在小空間放置大圖片(圖三)

        只需對上圖看上一眼,咱們的眼睛就能夠快速接收各種信息,包括:

        • 他們的年歲;
        • 他們的性別;
        • 他們的頭發;
        • 他們的衣服;
        • 他們的表情;
        • 他們的聯系;

        而所有這些正是咱們所需求的!

        如安在小空間放置大圖片(圖四)

        將剪切后的圖片使用在這篇有關退休服務報導的標題中,作用非常不錯,比用上原來整張大圖片作用還要好!

        二、填充布景

        與方才剪切相反的是,假如原來的圖片很小,而所需求使用的區域又很寬,怎么辦?假如這張圖片的布景有一種實色或某個有規矩的圖案,咱們只需求在它的布景上取色或仿制,然后將要使用的空間進行填充就能夠了。

        咱們以一個網頁橫幅為例:

        如安在小空間放置大圖片(圖五)

        上圖中的圖片現已很小,而咱們要使用到的白色區域又很寬,兩者的份額相差很大。咱們首先在圖片上的布景取色,如上圖為黑色。

        如安在小空間放置大圖片(圖六)

        當咱們對白色的區域填充后,使到咱們現在焦點都放在南瓜上。感覺就象舞臺上聚光燈下的藝人一樣。

        如安在小空間放置大圖片(圖七)

        咱們采有一種比較特別但仍能堅持低調的文字,使文字與圖片能夠美麗地結合——南瓜顯得很有力氣感,而文字則顯得空間開闊

        三、兩個一同上

        假如一張圖片還不行,那就用兩張。這兩張圖片既能夠放在一同,也能夠分隔。在開始時對圖片進行恰當地剪切將有更有利于清楚傳達信息。

        咱們以設計一個書簽為例:

        在書簽上有必要要有“ Read a book: A pathway to imagination ”(讀書:幻想之路),為了傳達這個信息,咱們需求在一個狹隘的豎立空間里放進兩張圖片。

        如安在小空間放置大圖片(圖八)

        在這個書簽設計中,咱們會使用到上面這兩張圖片

        當咱們有一張構圖比較復雜的圖片時(如上圖這張森林小路的圖片),它的布景沒有一種固定的實色能夠仿制,這時咱們能夠做兩件事:

        如安在小空間放置大圖片(圖九)

        上圖 1 :垂直剪切

        咱們需求留意的是要剪切多少才干傳達出原有圖片的主要信息。上圖剪切后的圖片只占到原圖的六分之一,但它依然能夠清晰傳達出“森林中的途徑”的主題。但它還是太大,因為咱們還有其它東西要放上去,所以……

        上圖 2 :再切掉一半

        其實咱們將左圖再切掉一半,依然不影響咱們這張圖片所要傳達的信息。而剪切掉后,下面就能夠留出滿足的空間給文字了。

        咱們現在要使用第二張圖片了(那疊書的圖片),而文字能夠使不同款式、色彩構成比照。并且第二張圖片還能夠遮住圖片的切邊,一起又能傳達出這張書簽的第二個信息。

        如安在小空間放置大圖片(圖十)

        上圖 1 :別離

        圖片與留白空間構成了一種吸引人的視覺作用。圖片的樹木與書本兩者分隔,這種設計是希望經過比照給人留下深刻的形象。

        上圖 2 :重疊

        為了削減中心高比照的視覺作用,咱們將下方整個白色的布景填充上與道路比較挨近的色彩。而那一疊書則放在接合位的當地,使到兩張圖片構成一個全體??雌饋戆婷骘@得很充實,但整個構圖略略顯得有點擠。

        上圖 3 :混合

        咱們將圖片中的途徑虛化,使到整張書簽混為一體。這時咱們會看覺到這兩張圖片構成了一張圖片的視覺作用。

        本文所用的色彩數值如下:

        如安在小空間放置大圖片(圖十一)

        (全文完) 

        上一條:十個極具酷感的涂鴉風格網...

        下一條:如何針對搜索引擎優化網站...

      2. <bdo id="1ftk3"></bdo>
          <bdo id="1ftk3"></bdo>

          1. {关键词}