卡片式页面设计有哪些基础

页面设计要运用卡片式方式,有很多需要注意的地方,因为卡片承载着太多类型不同的数据:图片、文字、按钮、链接、评论以及视频等。因此,卡片是一个可以点击的区块,前提就是要保证卡片的可读和易读,这样才能够让用户一眼看过去就知道它如何的被使用。

卡片最为突出的优势就是易於被用户浏览、分享。

卡片式页面设计的基础:

  • 合理的留白,足够的边界、边距;
  • 一张卡片只承载一个数据,这样能够简化网站结构,以及不至於让卡片超载;
  • 合适的图片尺寸,同时要确保清晰、剪裁得当;
  • 使用开放的栅格,这样能够包容各种尺寸和断点;
  • 整个卡片最好都能够被点击,而不仅仅是里面的数据内容。

 

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/40223.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月9日 23:05
下一篇 2022年6月9日

相关推荐

  • 电商运营有哪些技巧 如何在电商购物节中突出重围

    问题:几乎每个月各大电商平台都整个购物节出来,当然,在这些购物节中,顾客买得开心,商家也卖得开心。但是,并非所有商家都能在这些「节日」中获得较大利润,例如我,我已经经营电商有一年多了,但是盈利还是不…

    2022年6月25日
    0116
  • 万字干货!从零开始推导可视化色彩。

    本文分享个人搭建青云 QingCloud 可视化色彩体系过程中的一些经验。(阅读此文需要一定的色彩空间知识作为基础,否则有些难啃) 一、前言 1. 背景 目前平台上使用了三套组件库 A、B、C,A 是最原始的组件库,基于此…

    2023年3月7日 SEO操作
    06
  • 我来说说如何在html中。

    在HTML中编写内容需要遵循一定的结构和规则,以确保网页的正确显示和功能实现,以下是一些详细的技术教学,帮助您在HTML中写出高质量的回答内容。 (图片来源网络,侵删) 1、HTML结构: 开始标签:使用<html&gt…

    2024年6月26日
    00
  • 2017年UI设计风格预测

    当你遇到设计瓶颈的时候,是不是有一种不满足於之前的处理手法,想要突破自己,不想麻木地做设计呢?不希望自己的设计逐渐走想平庸,毫无突破?下面,我们一起了解一下2017年UI设计风格预测。 1.半扁平化的设计 在过…

    2022年6月25日 建站资讯
    0126
  • 视差特效的5种运用技巧

    视差特效是目前最流行的网页设计趋势之一,它可以运用在绝大多数类型的网站当中,是增强用户参与度,提升用户体验的有效手段之一。视差特效并不需要硬性运用都每个页面中,同时还能促使用户更加专注网页内容,提升…

    2022年6月25日 建站资讯
    0206
  • 如何做好网页头部内容设计?来看设计师的总结。

    无论作为设计师还是普通浏览者,大家观看一个网站时最先接触到的就是网页的头部区域,这部分内容为网站的其他各个方面设定了基调,在网页设计中起着非常关键的作用。尤其是如今简洁设计比较盛行,多数时候把头部内…

    2023年3月1日 SEO操作
    06
  • 网页设计技巧:如何快速掌握极简主义风格?

    极简主义的盛行,不仅仅是因为它能做到简约且易於操作,还因为它能提升网站的性能,增加界面的兼容性,以及提高用户体验愉悦度等方面,受到愈来愈多设计师的认可! 网页设计技巧 什麽是极简主义? 极简主义,顾名思义…

    2022年6月25日 建站资讯
    0156
  • 网页设计趋势:2021年网站UI设计流行趋势

    之前我们探讨过有关「网站运营的网页设计」和「用户体验」这两方面的流行趋势,今天Inspirr将会继续和大家聊聊「2021年网站UI设计流行趋势」,希望藉此能给大家带来新的灵感。 往期回顾: 网页设计趋势:2021年关於…

    2022年6月25日 建站资讯
    0154

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息