<p id="tx3xv"><address id="tx3xv"></address></p>

<menuitem id="tx3xv"></menuitem>

<font id="tx3xv"></font>

      <font id="tx3xv"><em id="tx3xv"><thead id="tx3xv"></thead></em></font>

            <font id="tx3xv"></font>

            共享國內外優質資源

            今年流行的界面風格?可能是你從未聽過的「無框界面」

            時間: 2017-03-31 10:37:45瀏覽次數:4129
            縱使幾大設計風格已形成寡頭壟斷(如蘋果的圓角玻璃、谷歌的層級…),但H5界面設計的進化歷程才剛剛開始。在這個新趨勢中,界面上的內容越來越重要,相對的,一切與內容無關的都被大大削減。五大大告訴你
                首先我們來說什么是無框界面?

                縱使幾大設計風格已形成寡頭壟斷(如蘋果的圓角玻璃、谷歌的層級…),但H5界面設計的進化歷程才剛剛開始。在這個新趨勢中,界面上的內容越來越重要,相對的,一切與內容無關的都被大大削減。五大大告訴你:

                去形式化是一張非常模糊的全景圖,在演化中一些新的設計風格逐漸清晰起來,例如——無框界面。

                也許你已經發現了,今年來越來越多的網站和應用,尤其是那些注重設計的,都有這樣的趨勢。曾經用來劃分區域的邊框和邊線逐漸消失,然而在干凈的界面上,通過距離分割,各區域的差別依舊清晰可辨。



                去形式樣例

                那么卡片化呢?

                如果你的設計思維還停留在卡片話,那就落伍了,因為無框界面的趨勢下,卡片的概念被淡化??ㄆc否有何重要?反正用戶甚至不會察覺,他們只關心自己來這里的最終目的,界面對他們來說只是搜尋信息的手段之一罷了(如果有很好的搜索功能可用的話,說不定根本不用掃一眼界面)。

                沒錯,卡片化的由來有它的合理性。幾年前大家注意到顯示屏的尺寸越來越不可預期,設計師急需一種設計手段,來讓設計出的界面能夠適應不同尺寸的屏幕??ㄆ瑒偤媚軌蚪鉀Q這一點,因為它將內容封裝成固定的小區塊,像水一樣,可以放在任何比自己大的容器中。不但如此,卡片式界面還可以根據需要歲時刪減卡片,以此靈活控制界面上的內容種類和數量。由此響應式界面的大環境下,卡片化這個詞被越來越多地注意到。

                其實無框界面與卡片化并不真正相沖,將內容分裝成小區塊的概念依舊還在,只是此時卡片已經完全透明,不需要看到卡片的樣子了。


                上面的是原版界面,下面的是我修改的無框版

                1.掌控注意力

                看上圖的原版界面時,第一眼很有可能看到的是卡片中的邊線,而不是內容。這是因為白色卡片和灰色背景的對比非常明顯,而尺寸又很大,所以非常吸引注意力。而卡片中的內容,因為在卡片中擠作一團,所以很容易被忽視。

                看上圖中的無框版界面時,因為沒有邊線,只有內容,所以用戶第一眼的注意力肯定是在內容上。

                用戶之于界面,最寶貴的莫過于注意力。因為一個產品想要提供給用戶的功能是越多越好,但是用戶的注意力始終只有那么一丁點。所以,掌控用戶的注意力是設計師的關鍵使命。如果界面上擺放了過多色彩顯明、吸引注意力的“裝飾”,用戶看到內容的幾率變下降了。當然,即便有邊框,還是能夠通過對邊框的特殊設計來控制用戶的注意力不分散,但是邊框越多,難度就越大。

                2.減少設計束縛

                設計是連貫、統一的。一旦一個區域有了邊框,其它很多地方都要加上邊框與之呼應。邊框一多,束縛也多。因為這意味著從此以后,不論一項要在界面上加一點什么別的東西,都要思考一下,是否需要加上邊框,如果邊框還分好幾類,那么這時還要判斷一下此處的內容適合使用哪類邊框。這樣設計師不自覺地給自己加了越來越多的束縛,而這些束縛,用戶其實根本不care。

                3.增加界面利用率

                所有的邊框,可以不要邊線,但是至少得要有兩個邊距,即內邊距和外邊距,這樣才能保證視覺效果的舒適性。然而如果去掉邊框,用距離分割內容區塊,那么兩個內容區塊之間就只需要一個間距就好了。就算為了區分要拉大這個間距,也通常不會超過有邊框情況下內外邊距之和。

                這樣算來,無框界面的界面利用率會更高,能夠在有限的空間里,擺放更多的內容。

                4.提升設計效率

                前面提過的減少設計束縛,可看作是一種對設計思考效率的提升。除了思考之外,無框界面對畫圖效率的提升更加明顯。

                在畫圖過程中,給內容加上邊框意味著每增加一塊內容都要先畫出邊框;每修改以此內容,邊框都要一并修改一次。尤其是在很多工具中,圓角、雙線等特殊邊框畫起來相當繁瑣。

                五大大總結:無框界面其實不過是界面風格的一種罷了,并不是包治百病的神藥。糟糕的設計師,什么風格都拯救布料;而能自成一派的優秀設計師并不需要收到任何風格的局限。即便在今天,全鍵盤的黑莓手機依舊在歐洲市場占據重要位置。我從不認為有框與無框之間又對錯之分,只是此處做個預言,未來的世界會朝無框邁進。
            想要效果 就要行動
            速度聯系國民建站優選品牌五大大!

            現在填寫 送好禮

            智慧建站新選擇,網絡營銷好伙伴

            有顏值 會銷售 ,一切用效果說話

            國民建站優選品牌五大大

            助您成功躋身明星企業及實力網商行列。

            五大大建站免費咨詢熱線
            0755-82819113
            在線QQ咨詢
            QQ:125667200
            樱花草视频性交,樱花草视频在线高清免费8,樱花草视频在线观看免费,樱花草视频在线观看免费高,樱花草视频在线韩国免费

            <p id="tx3xv"><address id="tx3xv"></address></p>

            <menuitem id="tx3xv"></menuitem>

            <font id="tx3xv"></font>

                <font id="tx3xv"><em id="tx3xv"><thead id="tx3xv"></thead></em></font>

                      <font id="tx3xv"></font>

                      <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>