• <tbody id="9brb1"><pre id="9brb1"></pre></tbody>

    <em id="9brb1"></em>

  • <th id="9brb1"></th>

  • <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
  • <button id="9brb1"><acronym id="9brb1"><input id="9brb1"></input></acronym></button>
      <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
        更多課程 選擇中心


        UI培訓

        400-111-8989

        達內UI培訓:簡約之道 - 最小化界面設計的起源

        • 發布:UI培訓
        • 來源:學習筆記
        • 時間:2016-12-22 15:18

        達內UI培訓:簡約之道 - 最小化界面設計的起源

        最小化設計的目標是移除界面當中不必要的元素或內容,減少干擾,使界面最大程度的支持用戶的任務流程。

        界面設計,就像人類的語言一樣,最終是由人們的使用方式所定義的。如今,雖然“最小化”和“極簡”的概念時常被人們拋出,但我們還是無法精確的、量化的去定義具體是哪些功能特性構成了最小化界面。為了更加清晰的對概念進行解構,我們對112個帶有明顯最小化風格的網站進行了分析。

        對于我們所研究的112個最小化風格的網站,如果某個特征出現在超過75%的樣本當中,我們就將其定義為最小化界面設計的基本組成要素。

        扁平化的材質

        過去幾年間,界面設計領域當中最為巨大的變化當屬擬物化風格向不帶有任何實物隱喻的數字化表現形式的轉變。扁平化風格通常不使用任何高光、陰影、漸變和材質來使界面元素帶有三維質感效果。

        有些設計師相信扁平化風格正是最小化界面設計理念的直接體現:移除了各種不必要的、裝飾性的視覺效果,使界面最大程度的支持內容本身的呈現。我們通常所說的扁平化設計泛指一種界面元素的視覺風格,而最小化設計則涉及到內容和功能層面。一個采用了扁平化視覺風格的界面未必是最小化的:

        總體上講,扁平化風格非常容易被誤用,而且很可能對產品體驗造成負面影響。如今扁平化極度流行的設計趨勢使其幾乎成為最小化設計的代名詞,這并不是一個好現象。

        少量配色或單色方案

        在多數的最小化風格界面中,極簡的配色方案都是策略性的被用來在不增加額外元素的情況下創建視覺吸引。界面當中的視覺干擾較少,色彩更容易被注意到,對內容和功能的影響力更強。

        極簡的配色方案可以說是針對2000年前后混亂聒噪的網頁設計風格的回敬。極度克制的配色方案最大程度的避免了界面本身對內容的干擾,不過在內容圖片的使用方面,色彩通常會更艷麗。我們在進行評估時,考量的元素包括背景色、logo、導航菜單、圖標和字色,而不包括內容圖片。

        很多極簡主義的界面設計師會采用單色方案,最多再為界面中的重要元素另取一種顏色。所謂重要元素,通常是指比較重要的交互元素。

        相比于十多年前的混亂,如今極簡的配色策略可以說是一種進步,但在使用時仍有一些重要的問題需要考慮:

        • 確保你的配色方案具有足夠的對比度,使內容具有最基本的可讀性,另外要考慮到色弱和色盲用戶。

        • 關鍵色的使用要有明確的目的,例如突顯重要信息或交互元素,并注意維持全局的統一性,用途保持一致。

        功能與界面元素的約束

        準備嘗試最小化策略的設計師必須對界面當中的每一個元素進行分析,然后移除那些對核心功能或信息沒有直接支持作用的元素。所謂“元素”,包括(但不限于):

        • 導航菜單項

        • 鏈接

        • 圖片

        • 圖形元素

        • 分隔線

        • 標題文案

        • 材質紋理,包括高光、陰影、漸變等效果

        • 顏色

        • 字體

        • 圖標

        實際上,我們很難對界面當中是否還包含“不必要”的元素進行準確的評估,除非直接向設計師本人詢問,并了解他們的產品特性及目標用戶群體。為了使這一特征更易考量,我們重點關注界面當中是否存在不具任何實質目的性的視覺元素。在我們的樣本中,有87%的界面明顯移除了所有的不必要元素。

        界面中的元素越多,用戶頭腦中需要處理的信息就越多。極簡主義設計師們時常念叨的一句話就是“持續減法,直到無可再減”,意思就是除非缺失某樣東西會導致問題的出現,否則就干掉它。

        不過,設計師們往往容易過分追求簡約、現代、最小化的視覺外觀,致使有實際用途的元素被錯誤的移除。元素混亂、信息過載的界面固然難以理解,但過分簡化以至于缺失必要信息的產品則更容易讓人茫然無措。

        超大的留白比例

        有意識的將界面當中的干擾元素移除,勢必會導致負空間比例的增大。

        留白(負空間)曾被認為是最小化界面的同義詞,很多設計師將留白作為一種引導用戶關注重要內容的手段,幫助他們更好的理解信息結構。

        留白并非空無一物,比例得當的負空間除了可以為界面賦予呼吸感以外,確實還能起到有效的引導作用。在考慮留白的使用時,要關注以下幾方面的問題:

        • 增加或減少留白之后,界面信息層級的展現方式是否會受到影響?

        • 留白的使用是否會影響到界面上方信息的展示?雖然備受爭議,但“折線以上”的原則在很多界面環境中依然適用,用戶在進行交互行為之前最容易關注到的仍然是首屏區域當中的內容,不要讓留白對這里的重要信息產生破壞作用。

        • 留白的使用是否會影響到交互成本?用戶是否需要付出更高的成本才能獲取信息?

        • 留白的比例是否需要根據不同的瀏覽環境進行響應式的調整?

        夸張的字體運用

        和字色相仿,當界面里僅有為數不多的元素時,加粗加大的字體也能成為溝通重要信息的手段。恰當有效的字體運用不但可以使最小化風格的界面更具視覺吸引力,而且可以彌補其他類型元素的匱乏所導致的視覺失衡問題。

        字號、粗細、字形風格等等的變化搭配對于幫助用戶在最小化界面中理解信息層次也起著重要的作用。在我們研究的112個樣本當中,75%的界面通過夸張的字體運用方式來傳達信息,制造視覺張力。

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

        其他組成要素

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

        全屏背景圖片或視頻

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

        網格布局

        使用在43%的樣本界面當中。43%的比例可以代表一定的流行程度,但也可以說明這種設計方式不是很典型的最小化設計組成要素。

        在最小化界面當中,網格布局的使用通常出于兩方面的原因:

        • 無需額外的視覺元素進行輔助,網格布局能夠很好的將界面當中一系列同質內容組織起來。

        • 網格布局對于響應式設計的實現很有幫助。

        圓形的圖形元素

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

        默認隱藏的全局導航

        如今很多網站會默認隱藏全局導航,實際上,這可以說是對“移動優先”設計思路理解不全面或是貫徹不全面所導致的直接結果,忽略了在平板或桌面設備充裕的顯示環境當中一目了然的向用戶呈現導航結構的重要性 - 換個角度說,這也是典型的過度簡化設計。

        最小化設計要素歸納

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

        • 扁平化的材質

        • 少量配色或單色方案

        • 功能與界面元素的約束

        • 超大的留白比例

        • 夸張的字體運用

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

        • 全屏背景圖片或視頻

        • 網格布局

        • 圓形的圖形元素

        • 默認隱藏的全局導航

        小結

        2000年前后的界面設計領域由混亂與聒噪所統治。多年來,我們逐漸學會了與之進行對抗。臃腫的功能和無意義的內容對于用戶及產品自身都是極大的傷害。

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

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

        預約申請免費試聽課

        填寫下面表單即可預約申請免費試聽!怕錢不夠?可就業掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業?一地學習,可全國推薦就業!

        上一篇:設計之前,花上時間去定義你的設計原則
        下一篇:印刷常識之平面設計師應具備的知識

        15個有用的UI和UX設計師的工具

        • 掃碼領取資料

          回復關鍵字:視頻資料

          免費領取 達內課程視頻學習資料

        • 視頻學習QQ群

          添加QQ群:1143617948

          免費領取達內課程視頻學習資料

        Copyright ? 2021 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

        選擇城市和中心
        貴州省

        廣西省

        海南省

        2019最新在线国产自拍,2019最新国产在线观看_久久爱久久高清视频 百度 好搜 搜狗
        <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>