<ruby id="aeuc0"></ruby>
  1. <s id="aeuc0"></s>
    <source id="aeuc0"></source>

    將想法與焦點和您一起共享

    網站建設中的設計小技巧增加你的設計層次感發布者:本站     時間:2021-02-04 11:02:50

    運用分組建立層次 
    在設計中,相鄰的元素比分開較遠的元素會更加吸引人注意,在做設計閱讀順序時,利用設計分組是一個非常有效的方法,將不同信息進行視覺間距分組。能提升用戶對于內容上的理解。

    ▲如上圖slack的設計,插畫引導圖和底部按鈕上面文字拉開了距離,使得內容更聚焦。第二個界面的頂部頭像和下面的文字也是通過分組形成了對比。

     ▲stadium-live的產品設計上,登錄頁面按鈕為一組,頂部品牌LOGO和slogan一組,人物為一組,每組信息之間分組非常明確,互相都不會對對方視覺產生干擾,后面兩張頁面也是如此,頂部的導航,和下面表單信息,以及頭像和底部按鈕,通過分組處理,內容更加符合用戶的視覺動線。


    ▲在球員定制的處理上,最右邊那張圖,通過卡片和線條分組處理,從視覺上很清晰的看見排名;哪兩個球隊之間正在進行比賽。

    ▲當一組信息比較接近時,證明他們是有關聯的,如果距離比較遠,這意味著這組信息和他們是不同的,簡單來說,通過鄰近性原則創造這些關系,為信息帶來層次。

    運用空白建立視覺層次 
    空白也是視覺設計元素,并不是留白就是空著,如果設計中留白運用合理,可以幫助用戶理解很多信息,因此任何設計都需要通過適當的負空間來傳遞信息。


    ▲classpass的設計不會使用太多的視覺元素,而是運用留白把內容進行分組,每個頁面的留白恰到好處,同時留白本身就是對信息進行區分,所以頁面中減少了很多線條使用,會更加干凈有品質感。


    ▲must是一款電影軟件,整體設計非常雜志風,頁面就是通過圖文處理,以及留白空間的處理,增加對比,基本產品使用過程中你不會感覺到視覺負擔,元素之間的信息組織的非常清晰。

    ▲在電影展示頁面,信息的處理,以及打分設計上,多次運用留白來處理信息層級,在設計中,當你元素周圍留白越多,它產生聚焦注意力的作用也越強,如右邊的打分頁面,幾乎所有焦點都在這個彈窗上。



    選擇我們,優質服務,不容錯過
    1. 優秀的網絡資源,強大的網站優化技術,穩定的網站和速度保證
    2. 15年上海網站建設經驗,優秀的技術和設計水平,更放心
    3. 全程省心服務,不必擔心自己不懂網絡,更省心。
    ------------------------------------------------------------
    24小時聯系電話:021-58370032
    關鍵詞標簽:上海網站建設 上海網站制作 網站優化 小程序開發
    性爱网站在线观看_免费无码国产_久久人91午夜亚洲精品无码区_久久精品国产99国产精品
    <ruby id="aeuc0"></ruby>
    1. <s id="aeuc0"></s>
      <source id="aeuc0"></source>