ui卡片式设计怎么做

一、有目的的使用卡片
 

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

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

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

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

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

二、保持简约
 

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

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

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

三、 精心挑选图片
 

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

四、支持微交互
 

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

五、支持手势
 

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

更多培训课程，学习资讯，课程优惠等学校信息，请进入 东莞寮步平面设计培训东莞寮步PS淘宝美工培训东莞寮步UI培训东莞寮步CDR广告设计培训 网站详细了解，免费咨询电话：400-998-6158