<i id="sg4ng"><bdo id="sg4ng"></bdo></i>
<wbr id="sg4ng"><optgroup id="sg4ng"></optgroup></wbr>
<video id="sg4ng"><optgroup id="sg4ng"></optgroup></video>

    1. <object id="sg4ng"></object>
      <object id="sg4ng"><optgroup id="sg4ng"></optgroup></object>
      <track id="sg4ng"></track>
      <i id="sg4ng"><bdo id="sg4ng"></bdo></i>
      1. <u id="sg4ng"></u>
      2. <acronym id="sg4ng"></acronym>
        1. <source id="sg4ng"><input id="sg4ng"></input></source>
            <u id="sg4ng"></u>

            1. <wbr id="sg4ng"><optgroup id="sg4ng"></optgroup></wbr>
              <wbr id="sg4ng"><ins id="sg4ng"></ins></wbr>
              1. 新聞資訊

                新聞中心

                當前位置: 首頁 > 新聞中心 > 技術資訊

                青島網站設計的關鍵原則

                2023-04-17 11:47:49

                青島網站設計的關鍵原則


                1. 主要的可操作目標易于實現(菲茨定律)

                菲茨定律指出,目標元素的距離和大小直接影響用戶導航到它并與之交互所需的時間。這意味著您需要使主要的可操作目標易于實現。(說白了就是你希望用戶在你網站里做的事,設計的越簡單越好) 此外,如果您有多個目標,它們之間應該有足夠的空間。例如,在為移動設備設計時,可點擊圖標需要足夠大以便點擊。


                2. 將用戶的選擇保持在最低限度(??硕桑?/p>

                如果您曾經被擺在您面前的眾多選擇弄得不知所措,以至于難以在它們之間做出決定,那么您就會明白太多的選擇會讓用戶感到癱瘓。簡而言之,這就是??硕???捎玫倪x項越多,每個選項越復雜,用戶做出決定所需的時間就越長。


                3. 將相關元素放置在公共區域(公共區域法則)

                公共區域法則指出,如果青島網站設計頁面上的元素緊密地組合在一起,它們就會被認為是相互關聯的。 您可以使用邊框、背景或間距來完成此操作。這個原則是關于構圖和間距的,你會想明智地使用它。


                4.使用熟悉的場景和邏輯(雅各布定律)

                Jakob 定律由 Nielsen Norman Group 的聯合創始人 Jakob Nielsen 提出,提倡在 UI 開發中使用熟悉的場景和邏輯。您的用戶通常會期望并更喜歡青島網站設計與他們已經熟悉的其他網站的工作方式相同。


                5. 使用簡單的結構,避免復雜的形狀(Pr?gnanz 法則)

                1910 年,心理學家馬克斯·韋特海默 (Max Wertheimer) 觀察到鐵路道口處有一連串的燈光閃爍。雖然看起來好像有一盞燈在燈泡之間的選框周圍移動,但它實際上是一系列燈泡的開關。


                這一觀察形成了一套關于我們如何在視覺上感知物體的原則的基礎。其中之一是Pr?gnanz 法則,它建議使用簡單的結構并避免復雜的形狀。


                您的用戶最好使用盡可能少的認知努力來認知您的設計。青島網站設計復雜的圖像將以最簡單的形式被感知。減少認知超載應該是您設計目標的重要組成部分。


                6. 將分組元素彼此靠近放置(鄰近法則)

                鄰近法則指出彼此靠近的元素將被視為一個群體。這也減少了用戶的認知超載,因為他們將更容易理解信息。


                青島網站設計應用這個原則就是要明智地使用間距。組成一個組的元素應該比不同組的元素更接近。在許多網站標題中,菜單鏈接組合在一起,而號召性用語 (CTA) 與導航元素對齊或以某種方式與導航元素分開。


                7. 使用相似性將元素組合成組(相似法則)

                相似法則指出相似的對象將被視為相關的,無論它們之間存在多少分離。這是具有相似配色方案、圖標和文本的樣式功能集背后的基礎。


                8. 連接設計元素以顯示它們之間的關系(一致連通性法則)

                一致聯通法則指出,視覺上相連的元素將被視為比完全不相連的元素更相關。該法則的一種應用是在您的入職或結帳流程中使用進度步進器


                9. 將內容分成小塊(米勒定律)

                米勒定律以認知心理學家喬治·米勒的名字命名,他斷言普通人在工作記憶中只能保留五到九條信息。該原則建議將內容分成塊。例如,信用卡號碼通常分為四個一組,以幫助人們解析它們。


                該法律強調了適當設計規劃的重要性。青島網站設計隨著應用程序變得更大并獲得更多功能,它變得更難使用。青島網站設計應該考慮到這一點來規劃您的界面,以便它可以容納新功能,同時保持易于操作。


                應用此規則的另一種方法是限制用戶在任何給定時間必須感知的內容量。將內容分成塊而不是在一個塊中顯示所有內容。


                10.強調系列中的第一個和最后一個項目(系列位置效應)

                這條定律是由德國心理學家赫爾曼艾賓豪斯創造的,他開創了測量記憶的實驗方法。它指出用戶將最好地記住系列中的第一個和最后一個項目。青島網站設計可以使用這種趨勢來突出顯示網頁中最重要的區域:


                上一篇:蘭州網站建設避坑指南2023-04-17

                近期瀏覽:

                相關產品

                相關新聞

                聯系方式

                開創云信息科技有限公司


                地址:西安市高新區唐延南路11號

                郵箱:kcy@kaichuangyunit.com

                客戶熱線:4007750766

                聯系電話:15793083708

                QQ:2694919858


                關注抖音
                關注抖音

                關注抖音

                關注公眾號
                關注公眾號

                關注公眾號

                關注微博
                關注微博

                關注微博

                亚洲最大av无码国产

                <i id="sg4ng"><bdo id="sg4ng"></bdo></i>
                <wbr id="sg4ng"><optgroup id="sg4ng"></optgroup></wbr>
                <video id="sg4ng"><optgroup id="sg4ng"></optgroup></video>

                  1. <object id="sg4ng"></object>
                    <object id="sg4ng"><optgroup id="sg4ng"></optgroup></object>
                    <track id="sg4ng"></track>
                    <i id="sg4ng"><bdo id="sg4ng"></bdo></i>
                    1. <u id="sg4ng"></u>
                    2. <acronym id="sg4ng"></acronym>
                      1. <source id="sg4ng"><input id="sg4ng"></input></source>
                          <u id="sg4ng"></u>

                          1. <wbr id="sg4ng"><optgroup id="sg4ng"></optgroup></wbr>
                            <wbr id="sg4ng"><ins id="sg4ng"></ins></wbr>