• <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設計中使用格式塔原則

        • 發布:UI培訓
        • 來源:UI教程
        • 時間:2019-02-01 16:32

        你是否抬頭看天的時候,經常會看到如下圖所示的這種形狀奇特的云,你是否都會覺得像熟悉的動物或事物?那么你是否曾想過,為什么僅僅通過一團毛絨絨的氣體你就能在腦中建立起這種特殊聯系呢?

        格式塔原則

        因為你的大腦總是試圖通過對比以前的經驗或者視覺模型和以及其關聯的點來了解世界。它用“特殊”方式來感知形狀和形式、分組信息、填補空白等從而在你的腦中形成大概畫面。

        了解大腦如何運作將有助于你成為一個更聰明的設計師 ,成為視覺傳達的主導者。它可以幫助你確定在特定情況下哪些視覺元素最有效,因此你可以通過使用它們來影響感知,直接或間接的影響行為,當涉及到目標導向、解決問題、直觀設計以及UI設計時非常有用。

        “偉大的設計師明白心理學在視覺感知中的重要作用。當某人看到你的設計創意時會發生什么?他們對你的文章所傳達的信息有什么反應?“——Autodesk品牌內容策略師Laura Busche

        現在我們清楚的知道視覺設計和心理學是相互聯系且可以相互影響的,格式塔原則可以幫助我們理解和把控這種聯系。

        什么是格式塔?

        格式塔是20世紀20年代由德國心理學家提出的一組視覺感知原理。它建立在“一個有組織的整體,被認為大于其各部分的總和”的理論基礎之上。

        “整體不是各部分的總和” 。—— Kurt Koffka

        格式塔試圖解釋人們在合適的情況下如何看待視覺元素。這些建立在四個關鍵想法上:

        出現

        格式塔原則

        人們傾向于從基本概述中識別元素,我們的大腦識別一個簡單、相對清晰的事物要比識別一個完全精確的事物要快很多。

        物化

        格式塔原則

        即使有部分物體丟失,人們依然可以識別,因為我們的大腦與記憶中存儲的熟悉模式相匹配,填補物體缺失的空白。

        多穩定性

        格式塔原則

        人們常常用多種方式來表達模糊不清的對象,我們的大腦會在尋求確定性的方案之間來回地跳動。最后結果就是一種觀點會變成主導觀點,而另一種觀點則會慢慢消失。

        不變性

        格式塔原則

        人們可以通過對物體旋轉、比例和平移來識別簡單對象,即使他們不同,我們的大腦依然可以從不同的角度觀察物體。

        下面是格式塔原則,對UI設計有很大影響:

        貼近原則

        格式塔原則

        當各個視覺單元一個挨著一個,彼此靠得很近的時候,可以用“貼近”這個術語來描繪這種狀態,通常也把這種狀態看作歸類。以貼近而進行視覺歸類的各種方法都是直截了當的,并且易于施行。設計師可以根據需要使用貼近手法創造出完美的格式塔。這是因為由貼近而產生近緣關系,運用近緣關系無論對少量的相同視覺單元還是大量不同的視覺單元進行歸類都同樣容易。

        貼近原則如何應用于UI設計?

        我們可以在UI設計中使用貼近原則來組合類似的信息、組織內容、調整布局。正確使用將對視覺傳達和用戶體驗產生積極影響。

        正如貼近原則所述,關聯元素應該保持親密,非關聯元素應該分開。留白在這里發揮著至關重要的作用,因為留白引導了用戶視覺朝預期方向發展。留白可以增強視覺層次和信息流引導,有助于信息閱讀和掃描布局,它可以幫助用戶更快地實現目標并深入到內容本身。

        格式塔原則

        我們幾乎可以在任何地方應用貼近原則,從導航、卡片、正文和分頁等等。

        共同區域原則

        格式塔原則

        與貼近原則類似,放置在同一區域內的元素被視為一個分組。

        共同區域原則如何應用于UI設計?

        共同區域原則非常有用,它可以幫助我們進行信息分組和組織內容,同時它也可以實現內容分離或做為一個焦點。這個原則增強了層次結構,可閱讀性,并有助于信息傳達。

        共同區域原則可以把許多不同的因素結合在一起,使它們在更大的組內保持統一。我們可以通過使用線條、顏色、形狀和陰影來達到這個目的,它經常被用于元素前置,表示某個元素的重要性。

        格式塔原則

        上圖是共同區域原則的一個示例:一個布局合理的網頁,其中不同的信息位表示一個模塊,banner和表格是很好的示例。

        相似原則

        格式塔原則

        具有相似視覺特征的元素比那些不具有相似特征的元素更像一個整體。

        相似原則如何應用于UI設計?

        我們傾向于將相似的元素視為一個分組,相似原則可以幫助我們組織和分類組中的對象,并將它們與特定的含義或功能相關聯。

        有很多方法使的元素被認為是相似的,例如顏色、大小、形狀、質地、尺寸和方向等等。其中一些比其他的具有更強的相似性(如:顏色>大小>形狀)。當相似發生時,對象可以通過與其他物體不同而得到強調,這稱為“異常”,可用于創建對比或視覺權重。它可以提醒用戶注意特定的內容,同時對可掃描性、發現性和總體流程都有很大的幫助。

        格式塔原則

        我們可以在導航、鏈接、按鈕、標題、號召性用語等方面運用相似原則。

        閉合原則

        格式塔原則

        有一種常見的視覺歸類方法基于人類的一種完型心理:把局部形象當作一個整體的形象來感知。這種知覺上的特殊現象,稱之為閉合。

        閉合原則如何應用于UI設計?

        正如閉合原則所述,當提供適量的信息時,我們的大腦將通過填補空白并創建一個統一的整體來得出結論。通過這種方式,我們可以減少傳遞信息所需的元素數量,降低復雜性并使設計更具吸引力。閉合可以幫助我們最小化視覺噪音并傳達信息,在相當小的空間內強化概念。

        格式塔原則

        我們可以在圖標以及圖形設計中使用閉合原則,可以簡單快速且清晰的傳達想表達的意義。

        對稱原則

        格式塔原則

        無論距離遠近,對稱元素都會被認為屬于一體,給我們一種堅固和有序的感覺。

        對稱原則如何應用于UI設計?

        對稱元素簡單,和諧,視覺上令人愉悅。我們的眼睛尋求這些屬性以及秩序和穩定,以了解世界。因此對稱對快速有效地傳遞信息非常有用。對稱感覺很舒服,幫助我們專注于重要的事情。

        對稱的成分令人滿意,但它們也會變得有點沉悶和靜止。視覺對稱往往更有活力,更有趣。在對稱設計中添加不對稱元素有助于在留下印象時引起注意。在任何設計中,對稱以及合理的不對稱都很重要。

        格式塔原則

        最好將對稱原則用于產品展示,列表,導航,banner和任何內容豐富的頁面。

        連續性原則

        格式塔原則

        排列成直線或柔和曲線的元素被認為與隨機排列或粗糙線排列的元素相關。

        連續性原則如何應用于UI設計?

        連續線后面的元素被視為分組。線段越平滑,我們就越看到它們的統一形狀,我們的思想更喜歡阻力最小的道路。

        連續性幫助我們通過構圖來解釋方向和運動。它在對齊元素時發生,它可以幫助我們的眼睛順利地穿過頁面,有助于提高易讀性。連續性原則加強了對分組信息的感知,創建了秩序并引導用戶通過不同的內容細分。連續性的中斷可以表示一個部分的結尾,引起人們對新內容的關注。

        格式塔原則

        行和列的線性排列是連續性的良好示例。我們可以在菜單和子菜單,列表,輪播,服務或流程/進度顯示中使用它們。

        共同命運原則

        格式塔原則

        向同一方向運動的元素被認為比向不同方向運動的元素更相關。

        共同命運原則如何應用于UI設計?

        不管這些元素相距多遠,或者它們看起來有多么不同,如果它們一起移動或變化,它們就被認為是相關的。這種效果可以發生,即使運動是隱含的。

        當元素在同一方向、同一時間和同一速度同步移動時,共同命運原則更為有效。它可以幫助對相關信息進行分組,并將行動與結果聯系起來。同步運動的中斷可以吸引用戶的注意力,并將其引導到特定的元素或特性。它還可以建立不同群體或國家之間的關系。

        格式塔原則

        我們可以在可擴展菜單,產品滑塊,視差滾動和滑動指示器中使用共同命運原則。

        結論

        用戶界面設計并不都是關于漂亮的像素和生動的圖形。它主要是關于溝通,性能和易用。格式塔原則一直在幫助我們實現這些目標,為用戶創造愉快的體驗,為企業帶來巨大的成功。

        預約申請免費試聽課

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

        上一篇:ui設計教程之液體流動效果
        下一篇:ps制作油漆文字效果教程

        達內UI設計7月免費訓練營報名啦

        UI培訓教程之系統圖標如何設計

        月薪過萬的UI設計師都是怎么設計界面的

        達內設計學院九周年慶典回首來時路,共赴新征程

        • 掃碼領取資料

          回復關鍵字:視頻資料

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

        • 視頻學習QQ群

          添加QQ群:1143617948

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

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

        選擇城市和中心
        貴州省

        廣西省

        海南省

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