• <tbody id="9brb1"><pre id="9brb1"></pre></tbody>

    <em id="9brb1"></em>

  • <th id="9brb1"></th>

  • <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
  • <button id="9brb1"><acronym id="9brb1"><input id="9brb1"></input></acronym></button>
      <tbody id="9brb1"><pre id="9brb1"></pre></tbody>
        更多課程 選擇中心


        UI培訓

        400-111-8989

        卡片式設計我們應該做什么?

        • 發布:UI培訓
        • 來源:UI教程
        • 時間:2017-11-01 16:53

        如何做卡片式設計

        如果你有看到我們昨天的文章,那么相信你對于什么是卡片式設計應該有了足夠的了解了,今天我們來講如何做卡片式設計。

        一、有目的地使用卡片

        雖然卡片在UI設計中功能強大,但是不要僅僅為了用而用。絕大多數設計師是為了利用卡片本身的強大組織性才采用這一設計元素。

        當你的UI中有大量不同類型的元素,諸如圖片、文本、列表、CTA按鈕等,你需要借助卡片來整合。

        1.所承載的元素展示的長度可變

        2.用戶不用考慮各種元素之間的尺寸差別

        3.需要承載某些交互,比如輸入框、按鈕和鏈接等

        卡片式設計我們應該做什么?

        二、保持簡約

        每個卡片承載一種元素,執行一個任務。各種不同的元素通常不應該混雜在一起,不同的卡片將它們分散開來,讓它們互補干擾。如果同時需要不同屬性的內容共同完成一個任務,那么要讓它們靠在一起,多卡片協同。限制卡片中文本的數量,盡量不要添加段落。

        三、引導用戶關注最重要的信息或操作

        善用卡片的層次結構,突出關鍵內容和信息。例如將承載管家信息的卡片放在頂部,還可以使用排版來突出關鍵的信息和交互。

        卡片式設計我們應該做什么?

        四、精心選圖

        圖片是UI當中視覺化元素的代表,它能讓界面吸引人,也能讓卡片脫穎而出。但是不是圖片素質越好,對于UI就越好,圖片必須要傳達正確的信息,這是第一要務。圖片在卡片內的位置,通常取決于它是主要內容還是支撐性的內容。

        卡片式設計我們應該做什么?

        五、支撐微交互

        卡片本身是交互式元素,卡片上的鏈接和按鈕可以指向更為詳細的信息,卡片內自然也可以承載更為多樣的微交互。比如,將光標懸停于卡片之上的時候,可以觸發顯示其他的內容。

        卡片式設計我們應該做什么?

        六、支持手勢

        移動端設計當中,手勢是主要的交互。手勢不僅具備可用性,而且有趣的手勢和交互能夠創造有趣和愉悅的體驗。通過滑動來移動卡片,以及使用點擊、長按來組織卡片,通過上下滑動來關閉卡片,早在 webOS時代就已經有了。不過,要讓整個手勢交互的邏輯順滑自恰,這樣才能讓體驗無懈可擊。

        卡片式設計我們應該做什么?

        七、精心打磨

        有創意的設計會讓人眼前一亮。尺寸合理、大小合適的高清圖片讓人賞心悅目。精心打磨的細節令人看著就舒服。你應該盡量讓卡片給人快樂和愉悅的體驗。

        卡片式設計我們應該做什么?

        感謝大家閱讀“卡片式設計我們應該做什么?”希望對大家有所幫助,更多精彩內容請關注UI培訓官網

        免責聲明:本文由小編轉載自網絡,旨在分享提供閱讀,版權歸原作者所有,如有侵權請聯系我們進行刪除

        預約申請免費試聽課

        填寫下面表單即可預約申請免費試聽!怕錢不夠?可就業掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業?一地學習,可全國推薦就業!

        上一篇:平面設計教程:適合ps菜鳥的摳圖技巧!
        下一篇:平面設計中的"圖形"與"空間"!

        淺談設計中的加載

        平面設計中的印刷知識與印刷尺寸

        教你如何把手機里的自拍照片轉成手繪照

        如何將品牌基因融入到產品設計中?

        • 掃碼領取資料

          回復關鍵字:視頻資料

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

        • 視頻學習QQ群

          添加QQ群:1143617948

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

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

        選擇城市和中心
        貴州省

        廣西省

        海南省

        2019最新在线国产自拍,2019最新国产在线观看_久久爱久久高清视频 百度 好搜 搜狗
        <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>