ui卡片式设计怎么做

来源：长沙达内教育IT培训机构时间：2021/7/29 14:22:57

　　ui中的卡片借用了现实世界中的卡片的特征和概念，承载图像、文本、链接、按钮等不同元素。今天小编主要给大家分享ui卡片式设计怎么做，希望对你们有帮助!

　　一、有目的的使用卡片

　　尽管卡片在ui设计中功能强大，但它们不仅仅只是为了使用而使用，大多数设计师采用这种设计元素是为了利用卡片本身的强大组织性。

　　当ui中有大量不同类型的元素时，如图片、文本、列表、CTA按钮等，就需要借助卡片来整合。

　　1.承载的元素长度可变;

　　2.用户不需要考虑不同元素之间的大小差异;

　　3.需要承载某些交互，比如输入框、按钮和链接等。

　　二、保持简约

　　每张卡片携带一个元素并执行一项任务。各种不同的元素不应该混合在一起，不同的卡片将把它们分开，让它们互不干扰。如果需要具有不同属性的内容一起完成一项任务，那么应该将它们放在一起，并协调多张卡片。限制卡片中文本的数量，尽量不要添加段落。

　　1.引导用户注意较重要的信息或操作;

　　2.充分利用卡片的层次结构，突出关键内容和信息。

　　三、 精心挑选图片

　　图片是ui视觉元素的代表，可以使界面更有吸引力，卡片更引人注目。但是，并不是说图像质量越好，ui就越好。图片必须传达正确的信息，这是要务。图片在卡片中的位置通常取决于它是主要内容还是支撑性内容。

　　四、支持微交互

　　卡片本身是一个交互元素，卡片上的链接和按钮可以指向更详细的信息，自然，卡片也可以承载更多样的微交互。例如，将光标悬停在卡片上可以触发显示其它内容。

　　五、支持手势

　　手势是移动端设计中的主要交互，手势不仅具有可用性，而且有趣的手势和交互可以创造有趣和愉快的体验。自网络操作系统时代以来，滑动卡片、点击和按压组织卡片、上下滑动关闭卡片就已经存在。然而，整个手势交互的逻辑应该是平滑和恰当的，这样才能让体验无懈可击。

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/3171/news/387957/违者必究！ 以上就是长沙达内教育IT培训机构 小编为您整理 ui卡片式设计怎么做的全部内容。