这是个机器人猖狂的时代，请输一下验证码，证明咱是正常人~只需一步，快速开始
查看: 660|回复: 154
阅读权限80
在线时间 小时
签到天数: 171 天连续签到: 1 天[LV.7]总监
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
才可以下载或查看，没有帐号？
没有豆子的日子太无聊，撒豆子了
a. 回帖是一种美德，也是对楼主发帖的尊重和支持;
&&&&如果通过本帖信息与他人联系，请说明来自推一把论坛！推一把微信公众号：tui18com
b. 请不要发表违反中华人民共和国法律的内容。本站所有帖子属会员个人意见，与本站立场无关.
&&&&帖子内容版权归属作者所有,如是转贴版权归属原作者所有，其他单位或个人在使用或转载帖子&&&&内容时须征得帖子作者的同意或注明内容原出处。
阅读权限80
在线时间 小时
签到天数: 171 天连续签到: 1 天[LV.7]总监
占个沙发先·····
阅读权限80
在线时间 小时
签到天数: 171 天连续签到: 1 天[LV.7]总监
我自己咋没豆子呢····
阅读权限50
在线时间 小时
签到天数: 53 天连续签到: 1 天[LV.5]主管
回帖奖励 +5
没有豆子的日子太无聊，撒豆子了
枯叶黄 该用户已被删除
回帖奖励 +5
提示: 作者被禁止或删除 内容自动屏蔽
枯叶黄 该用户已被删除
回帖奖励 +5
提示: 作者被禁止或删除 内容自动屏蔽
枯叶黄 该用户已被删除
回帖奖励 +5
提示: 作者被禁止或删除 内容自动屏蔽
阅读权限30
在线时间 小时
签到天数: 80 天连续签到: 1 天[LV.6]经理
回帖奖励 +5
没有豆子的日子
阅读权限30
在线时间 小时
签到天数: 80 天连续签到: 1 天[LV.6]经理
阅读权限30
在线时间 小时
签到天数: 80 天连续签到: 1 天[LV.6]经理
推一把微信公众号：tui18com||京公网安备
论坛事务(9:30-17:00)：
|广告合作(9:30-17:00)：
承载数据运行（|）只需一步，快速开始
随时随地，快速访问
只要手机在手，您都可以快速、方便地看贴发帖，与论坛好友收发短消息。
极致优化，畅快"悦"读
独有的论坛界面和触屏设计，手机论坛也变得赏心悦目，操作自如。
即拍即发，分享生活
不管是风景图画，还是新闻现场，拍照发帖一气呵成，让您在论坛出尽风头。
下载客户端后，拍摄二维码快速访问本站:
或者通过以下地址访问:
推一把微信公众号：tui18com||京公网安备
论坛事务(9:30-17:00)：
|广告合作(9:30-17:00)：
承载数据运行（|）来玩扑克吧！深聊使用卡片式设计的优质网站
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
来玩扑克吧！深聊使用卡片式设计的优质网站
编者按：新浪微博新版一来，同学们都知道到卡片式设计是肿么回事，但卡片式设计可不光是表面功夫，如何让卡片保持条理清晰的同时不致呆板僵硬呢？如果能让卡片融入网站全局，而且错落有致就更棒了，今天我们精选一组卡片式设计的优质网站，来向高手学习咯！
新浪微博新版的设计过程，亲历者说：
随着大家对交互设计越来越重视，卡片式设计——这一并不新颖的设计方式又得到了设计师们的重新审视。
顾名思义，卡片式设计就是将网页中的成分用卡片的形式呈现出来。这里所说的卡片不能只是单纯的理解为有一张纸，纸上有一个矩形。
举个例子，能称得上卡片式的设计最起码应该像扑克牌一样直截了当。一个图案、一个文字，虽然内容并不多，但已经很清楚的表达出这张卡片的含义了。
每一次卡片式都必须展示出基本的信息概述，与此同时，在每一张卡片上也应该为用户保留共同参与的机会。基于此，我们能够初步认同，卡片式设计反馈的不仅是一条有用的资讯，更需要能让用户融入其中，并且做更多的事。
以下是AnyForWeb为大家搜集的卡片式，希望能让设计师们将卡片式设计更合理的运用在网页设计中。
1. Collectiwe的网站设计比较特别，呈现出了折纸的效果。设计师利用折痕将每一个模块清晰的划分开来，在无形中巧妙的形成了一张张卡片式的网页设计，这一设计让用户在浏览时也更有空间感。
2. 这是一个比较中规中矩的卡片式网页设计，图片和文字也被划分的很清楚，很有效的减少了用户思考的时间，能第一时间就找到自己所需要的部分。但这样的做法在美观度上可能会有所欠缺，网站看起来会显得比较沉闷。
3. 卡片式设计在电子商务网站的商品详情页中是最为常见的了，几乎全部的电商网站都没有办法避免利用卡片式设计，这的确不失为是一种在小区域内反映出尽可能充足信息的最佳方式。
4. 这个案例用卡片式的设计表达出了一种图解的效果，这不仅让用户更容易理解，在内容的表达上起到了重要的作用，也让整个页面看起来更加生动活泼。
5. 这个网站从整体布局上来看不只有卡片式设计的元素，也有Metro风格的痕迹。每个方块基本上按照图片、文字解说和小图标的顺序排列着，顺序让用户在浏览时有条不紊，排列方式又让网站看起来毫不单调。
6. 从Hix Design的网站中我们可以看出，要让卡片式设计很和谐的融入网站全局十分重要。卡片式设计的最大特点就是会让整个网站的布局和条理变得很清楚，但这有可能也会造成卡片的独立性太强，导致与整体风格格格不入。
7. Living edge总体来说是一个简洁清新的网站，卡片式设计对营造一个简约风格的网站也的确很有效果。
8. 这是一个宣传瑜伽运动课程的网站。设计师采用了一边案例图片一边解说的方式，让对此有兴趣的用户更便于理解，图文并茂的方式也让案例本身更具煽动力和代表性，淡淡的色彩同时增加了网站的亲和力。
9. 这个网站第一眼会给我们一种创意型网站的感觉，这也可能是黄黑色搭配独有的魅力。卡片式设计在网页中显得错落有致，让整齐和凌乱和平的并存着。
卡片式设计的精髓正在于让用户与网页产生自主互动，让网页好看好用两不误！
看网站就能学到好多姿势的酷站推荐！
惊为天站的日式网页设计风格！
排版弱必备！一边看网站一边轻松学排版！
特别涨姿势的信息图相关网站！
原文地址：
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量85万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
订阅更新：您可以通过
【推荐！设计师必备网址导航】
我们的团队
大家在关注}