当前位置:首页 >  站长 >  建站经验 >  正文

卡片式设计很好,但这些误区需要避免

 2020-01-21 12:59  来源:A5企业专栏  我来投稿   平头哥SEO教程网的个人主页 撤稿纠错

  短视频,自媒体,达人种草一站服务

随着移动互联网的不断发展以及移动用户的增加,卡片式的网页设计得到了越来越多人的欢迎和喜爱。卡片式设计可以较为轻松的容纳很多种不同类型的元素,可以将各种元素整齐划一的表现出来,为用户提供很好的视觉体验。在另一方面,卡片式设计也可以随意更改高度和宽度,非常适合在移动端进行调整,来适应各种不同尺寸的屏幕。

不过,如果在设计卡片式网页时走进了误区,那么就会让这个设计最终的效果大打折扣。所以在进行卡片式设计时,有哪些问题和错误需要注意和避免呢?

卡片间距太大

在卡片式设计最理想的状态下,每一张卡片的大小都应该是一样,并且整齐排列的。并且,在每张卡片的设计中,元素的使用也应该要保持协同。但是实际上,总会因为标题太长或是太短等原因调整卡片的大小。这样就会导致当这些卡片真正出现在大屏幕上的时候,往往间距太大。如果卡片之间的间距过大,就会导致排版和布局看起来非常的杂乱无章,同时视觉效果也会变得很差——这样无疑是自己舍弃了卡片式设计最大的优点。

所以,在进行卡片式设计时,即使缩减一些元素,也要保证让卡片的大小和间距保持固定。

展示过多卡片

为了避免卡片间距过大的问题,可能有一些站长就会做出“为了尽可能的利用空间所以放置很多卡片”这种做法。但其实这也是一种错误的做法。

在栅格系统的卡片布局当中,如果能够一次性展示很多张卡片,通常会带来两种负面效果,其一是用户会被密密麻麻的卡片看得眼花缭乱最终选择离开网页。而另一种情况则是用户选择强行阅读,但是过多的信息仍然会给用户体验带来非常大的影响。

在遇到这种情形的时候,就需要站长去思考,页面上是否有放置这么多卡片的必要,页面上放置的卡片所呈现的是否全部都是重要的信息,用户在浏览的时候注意范围有多广。在仔细的思考过这些问题之后,相信站长们都能够从中删去很多不重要的信息。

卡片的引导行为过多

卡片式设计的主要功能是引导用户进入某个其他功能或者页面,它实际上是一个入口,而它所展现的也仅仅是一些重要信息的摘要。所以对于卡片来说,只要能够起到入口的作用就足够了,比如在卡片上放置诸如“阅读全文”等链接。

但是有很多卡片在设计时加入了非常多的功能,如在一个卡片上同时放置阅读全文、查看视频、CTA按钮和主页链接等。其实,这么多的功能并不能保证用户能够看到你所设想他们看到的东西,反而会因为功能的繁杂而让用户产生“不知道下一步该干什么”的困惑感。

所以,在进行卡片链接的放置时,一定要分清主次,做出取舍,让用户能够方便的使用。

卡片式的设计能够给网站带来一些非常好的效果,但前提是要避免一些会让用户体验变得更差的误区,只有这样,才能让这种设计真正发挥自身的作用,让网站受到更多用户的欢迎。

作者: https://www.haotuiwang.cn/ 平头哥SEO,原创不易,转载时必须以链接形式注明作者和原始出处及本声明。

作者: 平头哥SEO教程网    /    文章:163篇

相关标签
网站设计

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

相关文章

  • 网站建设时,文字应该如何设计?

    一个网站中最重要的部分无疑是由文字组成的内容,所以在字体的选择方面也有很多要求。采用合理的字体可以让用户在浏览的过程中得到更好的体验,所以怎样合理的使用字体是在网站的建设中需要重点去研究的问题。下面,我们就来为大家分析一下,在不同的网站中选择什么样的字体。

  • 在进行网站设计时,优化视觉效果的几个细节

    每一家网站,都会希望用户能够对自己多一点欣赏,换言之就是站长都会希望自己网站的留存率高一点。用户在页面停留的时间越长,就表示网站越受到用户的欢迎。

    标签:
    网站设计
  • 如果用户不喜欢隐藏菜单栏 那么哪些设计方式可以代替?

    网站的空间都十分珍贵,对于屏幕空间十分有限的移动端网站来说,更是如此。所以,为了能在一屏之内尽可能的多加入内容,很多设计师会在移动端的网站中选择隐藏式菜单,这其中最为常见的就是汉堡图标。但是,有一项调查结果表明,虽然汉堡图标有效的节省了网站的空间,但是却会影响到用户的体验。

    标签:
    网站设计
  • 网站设计的人性化思维:给予用户反悔期

    对于具有营销型的网站而言,与其说是营销型网站,不如准确的说是小型电商网站,有商品交易,就会有售后,对于用户的一些申请,可能是对网站销售的误解,那么,网站设计过程中应该有修改申请和撤销申请的功能。

    标签:
    网站设计
  • 建议收藏:不同颜色的网站给用户带来不一样的体验

    颜色是通过眼睛、脑和我们的生活经验所产生的对光的视觉感受。在我们生活中,颜色和人的情绪是密切相关的,人的情绪有时候会随着颜色的变化而变化。

    标签:
    网站设计
  • 不同的网站有不同的风格 与产品相结合才能给用户更好的体验

    网站与一个人的穿衣着装一样,具有很多风格。现在大部分网站在建站时,都选择了一种较为大众化的风格,这虽然不算是什么错误,但是显然如果想要让网站更加出彩的话,就需要从设计的角度来为它增色。

  • 如何在win7系统里创建ASP程序测试环境

    因为本身自己是个网页设计师,以前经常会在网上找一些ASP程序代码写的CMS,下载下来到自己的电脑上测试学习使用,所以在网上搜索了一些关于在系统里面创建ASP程序测试环境。

    标签:
    asp建站系统
  • b2b2c多用户商城系统的盈利模式有哪些?看完这个你就懂了!

    竞价排名是按点击付费,广告出现在搜索结果靠前的位置,如果没有被用户点击,不收取广告费。但大多数企业为了促进商城的产品销售,都希望自己的商城网站排名靠前,根据商家缴纳的会员费标准不同决定商城网站在主站中的排名情况,如果排名靠前,买家在搜索对应信息时,你的网站就会排在其第一位,可以让买家第一时间看到。其

  • 搭建网上商城系统要注意哪些事项?

    这个冬季,天气异常寒冷,想买东西,又不想出门怎么办?随着互联网的快速发展,足不出户网上购物已成为一种潮流,而这种新兴的购物方式带动了电商行业的蓬勃发展,涌现出了京东、天猫、聚美优品等电商大佬企业。

  • 模板网站和定制网站哪个好

    互联网+时代,许多公司会通过建设网站,在互联网上扩展其营销渠道,找格子网络建设网站,主要有模板网站和定制网站两大类,那模板网站和定制网站哪个好?今天,格子网络给大家分析下模板网站和定制网站的优缺点,希望能帮到大家,更好的选择。

  • 网站建设前需要搞清楚这几个问题

    对于很多不了解网站的企业而言,建站其实是很简单的,会找一家合适的建站公司,然后将一切事宜都交由其处理,这样做虽然是非常省事,但是企业不去参与其中的建设,那么对网站就不会有了解,后期更多的事项都不能够把控,所以这样的方式不可取,企业建站前要学着了解一些概念性的问题。

    标签:
    网站建设
  • 如何解决网站被DDOS攻击?彻底恢复网站的正常访问

    随之移动互联网数据网络的不断进步,在给大家提供多种多样便捷的另外,DDoS攻击的经营规模也愈来愈大,如今早已进到了Tbps的DDoS攻击时代。DDoS攻击不但经营规模愈来愈大,拒绝服务攻击也愈来愈繁杂,很多传统的ddos攻击安全防护对策已没法解决日渐演变的攻击方法。

    标签:
    ddos攻击
  • 都说做网站能够赚钱?说说我的亲身经历

    常常看到各种网赚,记得以前自己就上过当,受过骗,心心念念的赚钱、赚钱,放到促成了别人赚钱,现在网络上还是充满了各种欺骗,估摸着还是有源源不断的人,会走这么一遭。直到后来,自己开始对互联网有更深的认识,总算是不会轻易的受骗(这都是钱堆出来的,哭,心疼自己3秒),能够看错它到底是不是套路,通过教你赚钱来

  • APP渗透测试流程 漏洞检测与安全加固方面介绍

    目前越来越多的APP遭受到黑客攻击,包括数据库被篡改,APP里的用户数据被泄露,手机号以及姓名,密码,资料都被盗取,很多平台的APP的银行卡,充值通道,聚合支付接口也都被黑客修改过,导致APP运营者经济损失太大,很多通过老客户的介绍找到我们SINE安全公司,寻求安全防护,防止攻击。

  • Css代码中color属性的几种常见用法及区别

    大家在制作网站和编写css代码的时候,经常都会使用到color属性,这也是一个网页在制作中非常常见的属性,但是,就是这样一个最常用的属性也有多种表达方法,可以在不同的时候派上用场。

榜单

热门排行

信息推荐

扫一扫关注最新创业资讯