<big id="n3dbt"><strong id="n3dbt"></strong></big>
      1. <small id="n3dbt"><delect id="n3dbt"></delect></small>

        <thead id="n3dbt"><ruby id="n3dbt"><rp id="n3dbt"></rp></ruby></thead>
        <th id="n3dbt"></th>
        <span id="n3dbt"></span><span id="n3dbt"></span><span id="n3dbt"></span><strike id="n3dbt"></strike>

        建站百科Website News

        當前位置:首頁 »學會網站設計中運用負空間(二)

        學會網站設計中運用負空間(二)

        至成科技 2015-05-26 訪問量(952) 評論(0)
        摘要:

        Tomasz Wysocki’s:西安網站建設

        大多數用戶首先都會注意到頁面標題,也就是“Digital art&Experiments”這句話,而在它外圍的則是大面積的留白,這樣就使得用戶的注意力有效集中于此。

        盡管頁面的頂部和底部只有一側留白,但它們也同樣可以引起注意。總而言之,在此,留白的區域很好發揮了吸引注意力的作用,而設計也就似乎看上去不可思議的簡潔起來。設計師實際上是采用留白區域作為一個空白幕布,以便給觀眾留下驚喜,好讓我們可以看到他的作品的豐富細節。一旦鼠標移動到底部導航的任一欄目時,幕布上就會出現作品的圖片作為背景全屏展示。這種效果創造出類似年幼時的一種探索和發現的樂趣:無意間闖入一片空白的場所,發現了每個抽屜都藏匿著豐富多彩的視覺盛宴。

        你可以試試鼠標滑過時屏幕上發生的戲劇性效果。

        通過留白區域作為工具來誘導用戶注意到他的作品,設計師創造出了一種新鮮奇特的體驗。在先進個作品出現后,我們就很想看看他還有哪些佳作。這感覺蠻吸引的,因為你將會抑制不住地想要找到較為重要的內容。但這都要建立在一個好的點燃你好奇的切入點基礎上。

        2、小元素的留白

        另一方面來說,當設計師們談到小元素留白,他們通常是指的較小的元素或是較大元素中的次級元素的留白。他們包括:

        • 字體
        • 行距
        • 段落
        • 列表
        • 按鈕
        • 圖標

        小元素的留白較多被用在強調網站整體的清晰度上面,尤其是在排版的清晰度上。當你試圖利用文字間的留白打破平衡,保持清晰易讀的同時又能不至于太過而讓它偏離了重要的內容。我在這里,僅僅是一個提議,建議將英文行距設置為1.5px較為好。(譯者按:這里的作者沒有考慮中文字體的行距)

        就像格式塔規律中談到的,讓距離較近的元素視覺上更為接近,這將暗示它們具有相同的功能。小元素的留白將會讓用戶知道按鈕與鏈接之間的關系,而同樣的留白將強化這種機制,這在用戶使用過程中進一步增強認知度。

        盡管留白被分為了大元素和小元素兩種類型,每一種類型也有主動與被動兩種用法。

        被動留白與主動留白

        留白的應用其實都是取決于內容。

        就像此前談到的,留白越多,內容的吸引力就越強。但是,你不會想要頁面的每個元素都具有較大吸引力,更別提有限的屏幕空間了。

        那就讓我們看看被動和主動的留白是如何幫助負空間達到視覺平衡的。

        1、被動空間

        我們把西安網站建設被動的留白視為空的較小化。

        沒有足夠的留白,一個網站將會變得無法閱讀而失去方向,所有的精力都被用于對抗視覺的混亂。被動的留白就是用空白區域去試著讓網站易于理解。

        請看上面的例子,導航里的每個鏈接間的距離,再看看下面這行文字,行距,字間距等。你能看出什么不同尋常的嗎?……答案是你一定找不出。沒錯!這些空間和距離都是如此微不足道,根本不會引起你的注意。這就是所謂的被動留白。

        對于大元素的留白,被動空間意味著足夠多的border和margin的空間去強調元素之間的不同,避免混淆。舉例來說,就像導航和注冊都在網頁頂部,但彼此間間隔了一定的距離。對于小元素的留白,被動空間就包括了字符,文字,段落的較大可讀性,以及當出現列表或下拉框菜單時,每行文字或每個選項間的獨立性。

        被動空間的應用應該是自然而然的。實際上,被動留白的主要目的甚至可以說就是不被注意。當你試著營造一塊被動空間,那么你要讓它看起來不那么引人注意,就簡簡單單的視之正常為較佳。

        當安置好所有的被動空間,接下來才涉及到主動的部分。

        2、主動空間

        werkstatt:西安網站建設

            在上面的這個網頁中頁面里有好幾個元素:菜單欄按鈕、下拉箭頭、下拉提示等,然而,屏幕中占據主導地位的是中間的黑色文字,這讓其他的元素都放在了周圍,設計師放大了中間的留白區域,然后把較重要的信息放在這里,讓用戶的注意力有效集中于此。

            同時,減少兩行元素間的距離,這一過程也許可稱得上是一種“隱藏”的方式。就像你常常在網站上見到的法律申明和版權信息一樣。請看如下的例子,“FiberSensing is an HBM Brand”的展示效果很容易讓人忽略。

        大元素的留白通常是用于創造首要的注意力,或是將一堆重要信息分散開來。

        然而,有時候小元素的留白也可以采用主動的方式,有的設計師就使用主動的空間將重要的引言或者段落等形成一段文字獨立出來而吸引注意。這的確是一個強調重點內容的好辦法。

        極簡主義:西安網站建設

        留白越多,也可以說你的頁面就越趨向極簡風格,你通過刪減很多元素來避免凌亂。

        極簡風格是一種設計的哲學,可以說它不好但也不壞。它祛除了所有能帶給用戶視覺干擾的雜碎,而讓用戶關注到你所展示的重要內容。沒有了噪音,剩下的精華內容就呈現在一片優雅的留白中。

        極簡風格在兩個方面影響你的網站:現存的元素數量,高品位的氛圍。

        1、元素數量

        你的頁面存在的元素越少,那么頁面剩下的元素就顯得越重要。

        如果頁面只有一個元素,即使它蜷縮在角落里,仍然是你的用戶關注的焦點。如果你的頁面有成千上萬的小元素,你的用戶也許會隨機地尋找他們的興趣點,或者由于選擇太多而放棄。

        這樣一種相關性,讓我們深知,在你的設計中要增加留白,較簡單的方式就是減少頁面元素數量。但我們知道說起來容易做起來難。極簡主義可以說適用于任何網站,你絕不會想要把用戶不需要的也填充到網頁上。然而,作為視覺審美來說,極簡風未必適合所有的網站,尤其是對于內容豐富的網站來說,就不會愿意這樣光禿禿的一覽無余的畫面。當提到極簡主義,請大家記得,我們不是僅僅在談論審美方面,它也不是我們的目標。恰如其分達到極簡風格的水平是去精簡頁面元素,直到不能使用。這需要在用戶中進行大量測試,然后在你減少的較多時停止。

        以上內容由至成科技(西安網站建設)為您提供,更多精彩內容:http://www.vxdmg.com/

        關注“至成科技”微信公眾號,快速獲取互聯網較新資訊


        網友評論

        登錄后可評論,請登錄

        全部評論:0條

        掃描左側二維碼
        關注至成微信公眾號

        西安至成信息科技有限公司  Copyright 2012-2019  xazcit.com  All rights reserved.

        Email:[email protected]     郵政編碼:710016     《中華人民共和國增值電信業務經營許可證》陜B1.B2-20140011     陜ICP備12008874號-1

        聯系地址:西安市經開區鳳城四路西安國際企業中心B座23層06-10室    售前咨詢熱線:029-89390727    售后服務電話:029-89393039

        西安網站建設、網站設計制作公司-至成科技,已為眾多企業提供網站建設網站制作響應式網站設計手機網站建設虛擬主機云主機服務器租用等建站解決方案。

        網絡警察 12321垃圾信息舉報 不良信息舉報 中國文明網 西安工商
        ×
        安徽25选5计划