<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

    以用戶為中心的卡片式界面設計(下)

    • 時間:2016-11-18 16:46
    • 發布:昆明UI培訓
    • 來源:站酷

    最好的卡片設計案例

    卡片式設計在網頁和移動界面中得到了廣泛的應用,這種形式把交互和可用性很好地融合在了一起。但是要想把卡片式界面設計好,簡潔美觀的頁面設計以及適當的用戶操作方式都是必不可少的。

    瀑布流

    卡片在瀑布流設計中比較常見,它創建了一條呈現事件的的時間軸。例如,Facebook在新聞版塊中使用卡片作為最新新聞快覽的展現形式,Facebook的新聞版塊是一個長度自適應的瀑布流,而這些卡片新聞都是基于個人喜好推薦的。這種瀑布流的展現方式,不僅能夠使用戶相互分享,同時還能夠分享到社交網絡中。

    發現

    卡片式界面自然的展現了相關的內容,這就使用戶能夠深入的了解自己感興趣的內容。以Behance為例,這是一個在線展示創意性作品為主的社區,而卡片的形式是最合適展現這種內容的形式。

    工作流

    卡片很適合應用在任務列表的分類設計中,Trello任務管理應用使用卡片的形式為用戶建立任務面板,每一個卡片都代表一個單獨的任務。

    對話框

    卡片作為內容容器能夠非常清晰的展示相關的內容。我們可以看一下蘋果設備的AirDrop服務,當你有一個傳入的數據等待接受時,屏幕上會有一個彈框的通知等待用戶進行接受和拒絕的操作,蘋果的截圖主要是針對圖片,而開發人員可以把任何形式的內容放進卡片,無論是優惠券、歌曲還是網頁鏈接。

    面板

    卡片設計提供了一種將不同數據內容進行精確分類的形式,通過卡片,你能夠把復雜的信息組織成一組組富有邏輯的面板。一個精選的卡片內容是在眾多內容提供商中進行篩選、組織并且分類,再把相似的內容分配到對應的卡片中。

    卡片式界面設計語言

    在2010年,微軟推出了Metro設計語言,這種設計風格的關鍵性原則是能夠讓用戶更好的聚焦在應用程序的內容上,通過扁平的卡片形式以及錯落有序的排版結合實現。Metro風格的卡片設計不僅僅是一個設計元素,它通過簡單的交互滿足了用戶基本的功能需求。

    卡片設計中的細節

    卡片和簡約設計

    當你想考慮使用卡片式的設計形式時,簡約性必須牢記在腦中。Carrie Cousins建議“一個卡片只傳遞一條信息”,一個卡片可以包含多種設計元素,但是每一個元素都應該聚焦在一個主題信息上,這樣才能讓用戶在眾多的內容中精確的選擇或分享自己感興趣的部分。

    卡片和響應式設計

    我們都知道在設計app或網站時適配好多種尺寸的設備是多么的重要,當我們為不同尺寸的設備設計頁面時,我們應該在充分利用目標環境特點的基礎上,采用卡片的形式簡單快速的適配好不同尺寸的設備。卡片具有非常優秀的兼容性和相擴展性,卡片柵格系統能夠重構頁面從而適配好其他尺寸的屏幕。

    數字卡片的好處在于它有多種操作方式,例如,在移動設備中,卡片可以垂直疊加,類似手機上的活動流。

    卡片和排版

    卡片設計必須對用戶來說是易讀和容易理解的,所以你在設計卡片的時候必須最大程度的保障卡片的易讀性。

    選擇簡單的字體和鮮明有序的配色方案(文本放在跟字體顏色對比鮮明的純色背景上是最清晰的)

    盡量控制好字體的數量,對于大多數的卡片來說,其實一種字體就足夠了。

    總結

    大多數人通過以上內容可能對卡片式界面設計為何如此流行的原因有了大致的理解,這種設計方式還會接續持續,它將作為在應用程序設計中繼續發揮著重要的作用。

    能夠使卡片持續發揮作用的是它簡約的設計和易用性,卡片不僅僅是一個外觀形式,它們是創造簡約內容的最靈活的排版布局方式之一。現在,人們能夠快速的找到自己想要的信息,我們相信它將會在越來越多的平臺設備上繼續發光發熱。

    上一篇:以用戶為中心的卡片式界面設計(上)
    下一篇:怎樣設計一個“不好”的紅點?

    馬上預約三天免費體驗課

    姓名:

    電話:

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

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

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

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

    • 掃碼領取資料

      回復關鍵字:視頻資料

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

    • 視頻學習QQ群

      添加QQ群:1143617948

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

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

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

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