1. <dd id="uw4i9"><track id="uw4i9"></track></dd>

    2. <dd id="uw4i9"><noscript id="uw4i9"></noscript></dd><dd id="uw4i9"><track id="uw4i9"></track></dd>
        <tbody id="uw4i9"></tbody>
        <dd id="uw4i9"><pre id="uw4i9"></pre></dd>
        首頁 > 設計 > 網頁設計 > 正文

        網頁設計中“點、線、面”的視覺構成

        2018-10-16 20:51:32
        字體:
        來源:轉載
        供稿:網友
        點、線、面是構成視覺空間的基本元素,是表現視覺形象的基本設計語言。網頁設計實際上就是如何經營好三者的關系,因為不管是任何視覺形象或者版式構成,歸結到底,都可以歸納為點、線和面。 
          一個按鈕,一個文字是一個點。 
          幾個按鈕或者幾個文字的排列形成線。
          線的移動或者數行文字或者一塊空白可以理解為面。 
          點、線、面相互依存,相互作用;可以組合成各種各樣的視覺形象,千變萬化的視覺空間。 

        點的視覺構成 
          在網頁中,一個單獨而細小的形象可以稱之為點。點是相比較而言的,比如一個漢字是由很多筆劃組成的,但是在整個頁面中,他可以稱為一個點。點也可以是一個網頁中相對微小單純的視覺形象,如一個按鈕(BUTTON),一個LOGO等等。 

          需要說明的是,并不是只有圓的形才叫一個點,方形,三角,自由形都可以作為視覺上的點,點是相對線和面而存在的視覺元素。 

          點是構成網頁的最基本單位,在網頁設計中,經常需要我們主觀的加些點,如在新聞的標題后加個NEW,在每小行文字的前面加個方或者圓的點。 

          點在頁面中起到活潑生動的作用,使用得當,甚至可以是畫龍點睛的。 

          一個網頁往往需要有數量不等,形狀各異的點來構成。點的形狀、方向、大小、位置、聚集,發散,能夠給人帶來不同的心理感受。 

          下面我們就具體的頁面,談談點的運用和表現。 

        在這個頁面中,只有唯一的一個點,四周是大量的空白,于是它馬上成為吸引視線,引發興趣的視覺中心。而這個視覺中心就應該是你想表達的主題,效果是最直接明確的。 

          在你實際瀏覽這個頁面的時候,這個處于三維空間點(花生)旁邊環繞著一段電腦聯線。三維技術的運用,更突出了這個視覺中心,讓你迫不及待的點擊進入下一級頁面。

        此主題相關圖片如下:

        按此在新窗口瀏覽圖片


        這是同一網站二級頁面中的一個,我們可以將每一組形看做是一個點,如NEWS可以稱做點,右下角還有四個點。所有的點互相呼應,組成不穩定的三角構圖。在這個頁面中,重復出現了用三維動態技術表現,最吸引視線的首頁的點(花生)。 
        本文作者:
        發表評論 共有條評論
        用戶名: 密碼:
        驗證碼: 匿名發表
        欧洲熟妇色XXXX欧美老妇免费

        1. <dd id="uw4i9"><track id="uw4i9"></track></dd>

        2. <dd id="uw4i9"><noscript id="uw4i9"></noscript></dd><dd id="uw4i9"><track id="uw4i9"></track></dd>
            <tbody id="uw4i9"></tbody>
            <dd id="uw4i9"><pre id="uw4i9"></pre></dd>