<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-09-10 訪問量(1102) 評論(0)
        摘要:

        夸張的字體運用

            和字色相仿,當界面里僅有為數不多的元素時,加粗加大的字體也能成為溝通重要信息的手段。恰當有效的字體運用不但可以使較小化風格的界面更具視覺吸引力,而且可以彌補其他類型元素的匱乏所導致的視覺失衡問題。字號、粗細、字形風格等等的變化搭配對于幫助用戶在較小化界面中理解信息層次也起著重要的作用。在我們研究的112個樣本當中,75%的界面通過夸張的字體運用方式來傳達信息,制造視覺張力。

            對于定制化程度比較高的字體,使用圖片代替文本是一種常規做法,代價則是降0了界面的加載速度,并且需要考慮不同分辨率下的尺寸問題。使用在線字體(web font)也是一種方式,但同樣要考慮性能方面的問題。

            必須記住,只有在能夠傳達特定信息的情況下,夸張的字體運用方式才有意義,不要單純為了視覺效果而使用。過度風格化的字體有很大的風險性,根據我們過去的研究,用戶很容易忽略掉那些看上去過于花里胡哨的文字,因為太像廣告了。你的字體運用方式能否有效的體現設計意圖?較終結果是否反而造成了混亂和干擾?先進的設計師應該有能力在這兩者之間找到恰當的平衡點。如果你無法確定,盡量向較安全較穩妥的一邊靠攏。

        其他組成要素

        以下這些設計要素也是很多設計師樂于運用的。不過由于它們在樣本當中的使用比例相對較0,所以我們不會將其定義為較小化界面設計的基本組成要素。

        全屏背景圖片或視頻

        理論上講,全屏背景圖片與較小化設計理念當中“移除一切不相關要素,只保留必要信息”的原則是相沖突的,不過在實際當中,這種設計模式的主流化程度還是有目共睹的;在我們的研究樣本當中,采用了這種模式的界面約占57%。

        08-minimalism-ui-desing-elements.png

            全屏背景圖片/視頻是否有利于用戶對品牌產生正確認知,這一點還取決于具體的產品環境以及設計師的設計意圖。要策略性的選擇背景圖片或視頻,而不是盲目的模仿或隨意使用素材;在此基礎上,遵循較小化設計的理念,防止多余的界面元素與大背景所傳達的信息產生沖突。不過在實際當中,有很多設計師的思路卻是通過巨大而夸張的背景元素來彌補過于簡化的風格所帶來的枯燥與單調。在使用全屏背景圖片或視頻時,考慮以下幾點:

        • 你所選用的圖片或視頻是有實際意義的,例如幫助用戶一目了然的對產品產生直觀認知。如果做不到這一點,它們只會成為界面當中體型巨大的干擾元素。
        • 背景之上的文字內容可讀、易讀。可讀是指至少用戶能夠辨識字母、單詞、語句;易讀是指輕松順暢的辨識和處理這些內容。如果你使用視頻做背景,那么要在所有典型分辨率下測試每一幀圖像對文字內容的可讀、易讀性是否產生了嚴重的負面影響。
        • 考量大幅背景素材對于界面性能的影響。要采用必要的自適應技術,界面在移動設備上加載時不需要使用桌面尺寸和精度的超大素材。
        • 對于自動播放要謹慎。很多用戶非常厭惡自動播放的視頻,尤其是同時帶有音頻的。
        • 不要將背景視頻當作哈利波特電影那樣去制作,動來動去的炫目的內容只會干擾用戶的注意力。

        網格布局

            43%的比例可以代表一定的流行程度,但也可以說明這種設計方式不是很典型的較小化設計組成要素。在較小化界面當中,網格布局的使用通常出于兩方面的原因:

        1. 無需額外的視覺元素進行輔助,網格布局能夠很好的將界面當中一系列同質內容組織起來。
        2. 網格布局對于響應式設計的實現很有幫助。

        圓形的圖形元素

        很多西安網站設計師認為圓形元素是一種典型的較小化界面設計組成要素,不過在我們的研究當中,只有16%的樣本有用到。

        默認隱藏的全局導航

            如今很多網站會默認隱藏全局導航,即便是在桌面設備上瀏覽的時候;漢堡包圖標也越來越多的出現在網頁當中。實際上,這可以說是對“移動優先”設計思路理解不或是貫徹不所導致的直接結果 - 設計師認同了在移動設備小屏幕上隱藏導航換取顯示空間的合理性,但是忽略了在平板或桌面設備充裕的顯示環境當中一目了然的向用戶呈現導航結構的重要性 - 換個角度說,這也是典型的過度簡化設計。

            退一步說,在某些情況下,隱藏一些非高頻功能入口或許符合你的簡化目標,但必須那些對于用戶完成核心任務起到關鍵作用的信息或功能默認呈現出來。

        較小化設計要素歸納

        在對112個網站界面進行研究之后,我們總結出了如前文所述的若干較小化設計組成要素,其中包括5個典型組成要素:

        • 扁平化的材質
        • 少量配色或單色方案
        • 功能與界面元素的約束
        • 超大的留白比例
        • 夸張的字體運用

        其中某些要素出現在了幾乎所有的研究樣本當中;使用頻率較0的也超過了75%。此外,我們還總結出了一些使用頻率相對較0,但仍與較小化風格高度相關的設計方式:

        • 全屏背景圖片或視頻
        • 網格布局
        • 圓形的圖形元素
        • 默認隱藏的全局導航

        至成科技(西安網站設計)小結:

            理論上講,較小化設計思想可以幫助我們遠離曾經的混亂局面,打造出更加平滑自然的人機互動流程。不過現實當中的情況并非那么理想,很多設計師僅從形式上拷貝著各種流行的較小化設計要素,卻忽略了特定的產品目標以及不恰當的設計方式所導致的各種可用性陷阱。

            從形式上看,扁平化設計是對擬物風格的反擊,較小化設計是對過度設計的反擊。無論如何,我們都強烈建議各位設計師避免非此即彼、非黑即白的思維模式,真正去了解每種設計思想的特性,根據產品的實際情況尋求恰當的平衡點。只有在真正符合產品目標及用戶需求的情況下,特定的設計思想才能真正成為有利的設計武器 - 為了較小化而較小化,對產品和用戶都無益。

        網友評論

        登錄后可評論,請登錄

        全部評論: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计划