童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

卡片式设计探讨

7月3日 火凤派投稿
  生活中我们会接触到各式各样的卡片。比如直截了当的扑克,一个图案,一个文字,很清晰传达出这张卡片所代表的含义。
  又比如名片,小小的卡片上需要短时间让一个陌生人认识你,需要提炼哪些信息来实现:姓名,电话,职位,公司等。
  卡片作为普遍使用的信息传达的承载样式,它具有以下这些特点:
  1。内容体量轻便易携;
  2。信息层次简单易懂;
  3。整体包装分类独立;
  这种轻巧、简洁的实物设计形式也被慢慢移植到虚拟设计的应用当中,比如pc端的网页、移动端的app设计。
  二、卡片式设计的由来
  现在卡片式设计的应用场景非常广泛,我们常见的就是浏览器上的选项卡了,浏览器把我们浏览的网页做成一个一个卡片的样子,我们可以来抽取,可以移动,亦可以单个删除,若干个选项卡还可以独立成堆栈,显得非常方便。
  在我们身边常用产品中使用卡片式设计最有代表的应该是google旗下的各种产品chrome、googlenow、google、googleplay应该说是google把卡片式设计发扬光大,并用到极致。
  无怪乎,
  “Android的用户体验负责人MatiasDuarte坦诚:
  没人说过卡片是我们发明的,我们只是把这种随处可见的设计搬到了移动互联网领域而已,它和实体卡片一样,从始至终都是为了解决一样的设计问题。”
  那卡片式设计真如matias所述,是google的发明吗?其实最早开始使用卡片式设计的产品应该是palmwebos,尽管webos几易其主,但不能掩盖它曾经在卡片式设计上独到的应用,至今仍影响着android、乃至ios系统的设计。
  卡片式设计在webos上的应用主要是多任务的管理:
  webOS中,传统意义上的程序概念被弱化,取而代之的是卡片系统。所有的任务均以卡片的形式出现。任何时候点击手势区,都会进入卡片视图。卡片视图中展现出正在运行的任务,这些任务以多窗口的形式呈现。你可以看到正在运行的全部任务,可以通过滑动进行切换,点击后进入任务,这样一种操作方式,是极其美妙的。更为重要的是webOS中的多任务的流畅度可以得到很好的保证,可以说webOS的多任务是世界上最好的移动系统多任务平台。
  这种多任务管理的卡片式设计随后也被运用在了最新的ios7的设计中
  三、卡片式设计的运用范围
  现有的卡片式设计主要用来解决三类问题:
  1、信息分类。比如google,把feed信息做成卡片样式易于浏览,pc端和移动端都有实现,常见的瀑布流式布局的信息展示其实也是一种卡片布局。
  2、导航。比如evernote或vu里的卡片,类似传统tab栏的功能来区分不同的内容和功能,在移动端使用居多,跟手势操作结合,易于理解和操作。
  3。任务管理。比如webos和ios7多任务的管理,运用在移动端居多。
  由此可以看出卡片式设计在移动端和pc端都有涉及,在移动端使用面更广。
投诉 评论 转载

干货!如何使你的素材设计从优秀到卓越(上)一、规划层三元素规划层是素材设计的基础,好的规划相当于成功了一半。规划层中包含三个要素:大众兴趣(迎合大众口味的内容)、产品人群(产品的人群……干货!如何使你的素材设计从优秀到卓越(中)上一篇作者详细从素材规划层面给我们列了个规划三元素,许多童鞋表示太棒了,今天这篇上升到设计层面,特别针对banner设计,对急切想提高banner的转化率和点击率的童鞋来说绝对……卡片式设计探讨生活中我们会接触到各式各样的卡片。比如直截了当的扑克,一个图案,一个文字,很清晰传达出这张卡片所代表的含义。又比如名片,小小的卡片上需要短时间让一个陌生人认识你,需要提炼……跨界混搭的产品设计〔核心提示〕混搭这词常见于流行音乐中,是将两种不同的风格的音乐混合在一起,产生新的趣味的做法,在互联网产品中有哪些混搭的有趣玩法呢?混搭这词常见于流行音乐中,是将两种不同……一个产品经理看微信的设计思想网上关于微信的设计有很多的讨论文章,看似说的有一定道理,但实际上绝大多数是盲人摸象,没有说到点子上,怀疑很多作者也没有做过产品经理,没有真正设计过app,仅是根据腾讯的一些采访……APP设计原则十四点【导读】本文作者总结了十四条关于移动端产品设计的原则,其提倡的核心原则就是从用户出发,充分考虑用户的使用体验。一、充分考虑用户的使用习惯比如大多数人拿手机的时候是双……互联网环境中用户体验背后的秘密常常会听到这样的话,消费者越来越聪明而且很挑剔;价格吸引貌似不再有效,有时甚至会发现他们花了更多钱去消费其他家的产品。一位网购达人朋友聊天中直言不讳说,她现在越来越喜欢在天猫上……向优美交互致敬!移动端APP动画设计总结扁平化设计越来越火爆,那么在弱化视觉效果的情况下,有设计师提到该从交互方面使体验更加愉悦,现在很多App也在努力朝这一方向发展,例如最近火遍全球倍受好评的《FACEBOOKPA……传动系统的方法:建立数据产品四部曲设计伟大的数据产品在过去的几年中,我们已经看到了许多基于建立预测模型的数据产品。这些产品包括从气象预报到推荐引擎,再到航班起降时刻预测服务,它的预测甚至比航空公司本身更准确。但是,这些产品还只是……16个最有效的学习着陆页设计的例子这篇文章中,我们为大家编译一些有趣和创意的着陆页面设计例子,帮助你快速掌握着陆页设计技巧。着陆页面(LandingPages)需要特殊的设计,抓住目标受众的整注意力,和数以百万……入口的用户体验!注册表单的设计技巧网上挤满了各种各样的UI设计方案,事实上我们已经有一套套的方案可遵循。但!设计永无止境!哪怕是一个注册表单,也值得再细心研究。下面给出注册表单设计5个小技巧:1、别让用户……打动人心的GOOGLESEARCHAPP动态设计cocoachina:可能你对GoogleSearch的使用频率远没有YouTube或者Gmail高,但是谷歌出品的GoogleSearch在设计方面也有很多值得我们借鉴的地方……
为AppleWatch设计时需要牢记的一些诀窍视觉冲击颜色vs反差,哪一个更能吸引眼球?私家推荐!九月必收的优质设计资源干货大合集传递数据背后的故事图表设计(全解析)屏幕尺寸,分辨率,像素,PPI之间到底什么关系?移动设计:体验、交互和创新之精髓如何改善产品UX设计,这5条原则也许能帮到你交互设计师如何进行风险预判?最少的输入,最丰富的输出:好的设计往往是隐形的【干货】用户体验是个什么鬼。H5时代的多行文本框浅谈Web设计中的上下文工具迷茫的人生哲理图孕妇生痔疮吃什么好注意这些可以缓解症状稻草里的乡愁英语四级怎么学?英译作文社会实践和学习(thesocicalactivity中国近些年十大未解之谜大合集宁德时代在四川签署四方协议加快锂矿资源勘查开发,增加锂资源供我的妹妹好书推荐一个人的朝圣阅读简介不要说谢谢有关讲奉献有作为心得体会范文宋育仁曾经疯狂的想法打到日本本土。可惜被慈禧阻止了

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界