<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    UI設計中的傳統分割方式

    • 時間:2016-09-28 16:17
    • 發布:昆明UI培訓
    • 來源:產品壹佰

    乍一看許多APP的布局并不復雜,感覺換成自己也能設計出來。達內昆明UI培訓要說的是,當你真的開始著手設計這么一個APP的原型的時候,會發現事情并不是那么簡單。

    看著別人已經設計完成的設計可能覺得不難,可是當自己動手的時候,在特定的元素的選取和設計上很容易陷入困局,這個時候才明白它的難點并不在于工作量的多少,設計者常常深陷于細節構建的囹圄,這才是它的困難之處。即使是元素與元素之間的分隔方式,都能隨隨便便用一整篇文章來進行探討。

    傳統的分隔方式

    在UI界面中,最傳統也是最常見的分隔方式用的是線,將視覺上或者內容上需要區分的內容用橫向或者縱向的細線區分開來,它幫助用戶了解頁面的層次結構,賦予頁面內容以組織性。

    1、全出血位分隔線

    全出血位原本是一個平面印刷中的概念,這里所說的全出血位分隔線通常用來凸顯和強調不同的內容與區塊,就像電子郵件中不同郵件之間就會用一條橫貫整個屏幕的細線來進行分隔。

    在Android 的Gmail郵箱的UI當中,用的分隔線都算是全出血位分割線。達內昆明UI培訓認為這些分隔線給人以“停止”的感覺,讓用戶清晰地知道界限在哪里。

    2、內嵌分隔線

    內嵌分隔線和前者不同,它通常用來區分相關的內容,諸如聯系人列表中不同字母開頭的部分,它常常用來作為視覺線索,便于用戶來瀏覽大量相關的內容,當用戶來瀏覽的時候,它們會作為路標而存在,便于用戶快速的翻頁瀏覽。視覺上,和全出血位分隔線不同,它們通常會更短一點,并且會留下一定的空間給其他的區分元素,比如聯系人列表中分隔處的首字母。

    上一篇:UI設計師應該知道的奧卡姆剃刀原理
    下一篇:UI設計中的分隔線替代方案

    馬上預約三天免費體驗課

    姓名:

    電話:

    UI設計師:用戶思維,就是上帝思維

    UI設計師應該這樣輸出產品原型

    由標簽導航引發的問題:標簽導航的格局

    達內昆明UI培訓談談團隊文化建設

    • 掃碼領取資料

      回復關鍵字:視頻資料

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

    • 視頻學習QQ群

      添加QQ群:1143617948

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

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

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>