卡片式设计用户界面
招聘信息：
作者：Nick Babich日期：原文链接：/2016/10/designing-card-based-user-interfaces/网页和手机应用正彻底地从页面转向个性化体验，这些新的体验建立在许多单个内容的聚合上，而这些内容目前以卡的形式来呈现。卡片式的交互方式正在广泛传播，无论是新闻网站或是外卖应用，你都可以看到几乎无处不在的“电子卡片”。在本文中，我将阐述卡片设计对UI设计师意味着什么，评价三个流行的卡片式服务。 如果你对设计自己的卡片式用户界面感兴趣，可以免费下载并体验Adobe的Experience Design CC。卡片是什么？卡片通常是指那些包含一定图片和文本信息在内的长方形，作为查看更多详细信息的一个入口。因为看起来如同真实世界中的卡片一样，在界面设计中的卡片具有非常棒的隐喻效果。早在互联网和移动设备出现之前，卡片就在我们身边无处不在了——商业名片、棒球卡片，甚至便利贴。 因此，对于用户来讲，我们能更直观地意识到这些卡片就像在现实生活中一样代表着一定的信息。棒球卡片是现实生活中一个很好的例子：你想知道的棒球运动员的基本信息都包含在一张小卡片的正反面。卡片的优点卡片式设计可以应用于各种环境，正确运用的话它们可以改善APP的用户体验。 以下是一些例子，说明为什么卡片有益于你的用户界面。良好的内容组织卡片在占用较少屏幕空间的情况下将信息有组织的划分到不同的区域中。用户喜欢信息分块，因为它有助于快速浏览：它可以让用户避免阅读让他们觉得恐惧和费时的超长段落，让用户更快地抓住其感兴趣的部分。类似于文本段落是对语句的组织结果，卡片聚集多样的信息形成一个连贯的内容体。卡片上的信息布局整齐简练摘要性的格式易于消化卡片几乎可以被用来容纳任何形式的信息，其摘要性的信息属性也易于用户快速消化。用户通过卡片可以很容易地访问到他们感兴趣的内容。进而让用户愿意参与到对卡片的浏览和操作中来。用户可以快速浏览、滑动卡片。视觉上赏心悦目基于卡片式的设计通常都严重依赖于其视觉效果。而卡片本身又对图片有很强的依赖性。多项研究都已经指出图片确实能够提升网站或应用程序的设计效果和浏览体验，因为图片能够快速有效地吸引用户的注意力。因此，在卡片中如果能突出使用图片，那自然会对用户产生更强的吸引力。卡片以视觉信息取悦用户易于响应式的设计关于卡片最重要的事情是它们几乎是可以无限变形的。卡片式的设计在桌面电脑和移动设备都工作良好，因为它以更易于用户消化的方式向其呈现内容。正因为卡片作为一个内容容器，能很容易的放大或缩小，所以对于响应式的设计来说，卡片是一个非常合适的选择。卡片在多设备间能创造出一个一致独立的美学效果，这就是为什么它能在不同设备间如此容易的创建出一致体验的原因。卡片非常适合响应式和移动端设计为手指而设计卡片完全适合手指操作，看起来似乎也是专为移动端所创造的样式。数字卡片的使用和现实中的卡片一样，为用户提供了舒适的体验。用户无需思考如何操作，很容易理解翻转卡片查看更多信息或滑动查看更多卡片。卡片几乎是无限可操作的：他们可以充分利用动画和运动。&卡片式设计的最佳案例卡片式设计的精髓在于桌面端和移动设备的交集设计，在互动性和可用性之间寻求平衡点。然而成功的卡片式设计需要具备清爽干净的美学特征，并且能让用户直接轻松地交互。瀑布流卡片出现在一个瀑布流中时，便能够创建出一系列符合自然时间轴的事件。例如Facebook在news feed中呈现最近时间段内容的快速预览。Facebook的news feed是以卡片区分内容的无止境的瀑布流。卡片在这里的关键是分解内容，它们将内容分离成无止境的瀑布流，并使内容易于分享。这种交互模式促使用户乐于分享平台的信息。Facebook是卡片式设计易于承载信息的很好案例。&易于发现感兴趣的内容卡片可以使相关内容自然展示，让用户挖掘自己感兴趣的内容，设计师无不知晓的设计创意平台Behance就是这么做的。卡片式设计是最适合艺术创意类平台展示的方式。Behance采用卡片式布局打造直观的用户界面。Tinder是国外的一款手机交友APP，它的卡片模式利用探索发现的机制，让用户习惯去探索更多内容，从而使Tinder成为最流行的移动端应用之一。Tinder的交互模式很简单：向左滑动表示不感兴趣，向右滑动表示感兴趣。这种卡片式交互模式令人好奇又上瘾，因为用户不得不继续滑动看看下一个到底怎么样。工作流卡片很容易将一定范围内的任务进行归类。Trello这个任务管理应用就做得很好：工作板是卡片式的模块，每个卡片代表了不同类型的任务。Trello的工作板上充满了卡片。对话框卡片是内容的承载器，因此对于展现操作行为也是很适合的。参考iOS本身的AirDrop服务，当你接收到信赖的数据传输请求时，桌面会弹出提示卡片，请求你接受或拒绝传输。苹果的截图针对于照片，但开发者可以把优惠券、歌曲或是网络连接等的任何东西放在卡片上。控制面板当卡片式设计用来组织不同类型的内容时，它的精确度极高。使用卡片，你可以将信息组织成符合逻辑的分组，并可以根据特定的上下文进行排序。对于一个需要分组的集合而言, 合理利用不同类型的卡片比起传统列表项 + 分割线 + 标题的视觉效率要高太多。基于卡片的设计语言2010年，微软推出了Metro设计语言。Metro的一个关键设计原则是更好的关注应用的内容，而这是通过采用扁平化元素、排版和卡片来实现的。一个Metro卡片不仅仅是单纯的设计元素，它还提供了必要的内容与交互。卡片设计的更多细节简约当你准备设计卡片时，简约应当是你始终牢记的一个准则。Carrie Cousins对此有一个很好的建议：卡片可以在设计中包含多个元素，但是最好每次都突出其中的一个内容或信息。这样设计能使用户选择起来更精准，也使得内容得以分享。ReaLync的列表是卡片形式，以此来显示最重要的地方信息。卡片和响应式设计我们都知道响应式设计的重要性，要让自己的应用和页面在不同尺寸的屏幕上运行自如。当我们为不同屏幕设计时，应当充分利用屏幕特征和卡片里的内容属性，这样才能根据屏幕的大小快速、轻松地调整内容。卡片式设计与响应式框架兼容性良好，它可以轻松适应不同的屏幕尺寸，自适应地进行展示。数字化后的卡片可以以不同的方式进行操控，这是其一大优势。例如在移动设备上，卡片可以横向或纵向排列。手机端竖屏的Verge电脑端的Verge同一个布局下，卡片通常限制宽度，但不限制高度。最大高度限制于展示平台的可视空间高度，但有时也是可以扩展的。卡片和排版关于卡片设计的一切都应易于阅读和理解。设计师应当视可读性为重要目标：选择简单且易于辨别的字体，以及对比度良好的配色方案（纯色背景上的文本要与背景有足够的对比度，保证文本清晰可见）。尝试控制字体数量，对于大多数卡片，一种字体就足够了。结语希望你能了解为什么卡片式设计变得如此流行，并且相信这个趋势也会长盛不衰。这种趋势不会那么快结束，卡片式设计将会是APP设计的大势所趋。卡片式设计的极佳可用性是其经久不衰的原因。卡片并不只是徒有外表，它是设计统一体验的最自由的布局形式。如今人们获取信息速度越来越快，卡片能忽略设备的差异给用户提供更好的服务。这也是以用户体验为中心的设计。
微信扫一扫
订阅每日移动开发及APP推广热点资讯公众号：CocoaChina
您还没有登录！请或
点击量8267点击量6200点击量5467点击量5400点击量4861点击量3122点击量2662点击量2511点击量2212
&2016 Chukong Technologies,Inc.
京公网安备89蜂鸟手机端
焦圈，为摄影而生
& 旅拍小秘籍 教你拍出7种不同感觉的水景
旅拍小秘籍 教你拍出7种不同感觉的水景
作者：李元摄影机构
责编：苏秦
波光粼粼的涟漪水面
&&& 波光粼粼的水面，永远那么迷人，不管是大海还是湖泊，只要有微风拂过，都会让水面形成涟漪，这些涟漪在光线的照射下就形成了绚丽的画面。
1.选择逆光的角度
&&& 水面具有反光的作用，因此拍摄水景也容易受到环境光线的影响。逆光下如果有风吹过，水面就会反射光芒，形成波光粼粼的场景，因此要拍摄出波光粼粼的水面，最好选择逆光光线。虽然逆光是拍摄波光粼粼水面的最佳光线，但这时因为相机对着光源，所以要注意眩光的干扰。应使用尽可能长的，或者用手、帽子和纸板等在镜头前遮挡，也可以将镜头略向旁偏移，调整拍摄角度等办法，来防止光线直射镜头。
&&& 为更好地突出水面波光粼粼的场景，拍摄时可以采取低角度拍摄。测光时不要被画面中大面积阴暗背景的光线所欺骗，应根据拍摄情况进行曝光补偿。
选择逆光的角度
重要步骤与相机设置
1）将拍摄模式设置为光圈优先模式（Av/A），要获得足够的景深需选用较小的光圈，要获得柔美虚化的光斑，可选用大光圈。
2）将感光度设置为ISO100，保证好的画面质量。
3）根据拍摄现场的情况，适当调节数码相机的曝光补偿。
4）将测光模式设置为点测光模式，针对画面较亮的区域测光。2.恰当地加入前景元素
&&& 前景就是画面中在主体前面的物体，它的位置、形式和动静状态等是多变的，但由于前景总是第一个进入观赏者眼睛，所以它就成为了引导视线和烘托主体的关键。前景与主体形成画面表现形式上的对比，可以加强画面视觉语言的表现力，更深刻地表达主题，特别是在中，前景的运用能增加画面的空间层次，让画面的远近纵深透视变得强烈。
&&&&对于前景的选择有以下3点需要注意：
&&& 第一，选择和利用前景要有目的性，要有利于主体的表现，同主题要配合得当。
&&& 第二，前景线条结构要与主体相呼应，方向要尽量一致，形式要尽量完美。
&&& 第三，前景的运用要注意整个画面的完整性，不可破坏和分割画面。
焦距15mm 光圈F13 快门速度1/30s 感光度100
&&& 加入岸边树枝作为前景，增加了画面的纵深感。
卡片机怎么拍
焦距10mm& 光圈F8 快门速度1/25s 感光度100
&& &一张好的照片要包含最基本的3个要素，即主题、主体和取舍，所以在拍摄前，先要明确自己要表达什么主题和意境等。其次是选择主体，把要表达的想法通过一个主体表达出来，所以对主体的选择是很重要的，要明白照片里的主要元素是什么。最后就是把影响主体表现的东西去掉，不能见到什么拍什么，把见到的东西都装进镜头里，让画面简约而不简单，画面简洁而意境无穷。汹涌奔腾的瀑布
&&& “飞流直下三千尺，疑是银河落九天”。每当看到瀑布时，就会情不自禁地想起唐代诗人李白《望庐山瀑布》中的这段千古佳句。不过，自然风景虽然在我们眼里看来非常不错，但要用数码相机把它们拍好，却需要一定的技巧。
1.以快门优先模式拍摄
&&& 很多人拍摄时都喜欢用相机上操作简单的全自动挡（Auto）或程序自动挡（P挡），这样可把拍摄任务简单地交给相机，一般情况下用自动挡拍出的画面都不错。但用自动挡时可以说是按相机的意志在拍摄，而在拍摄奔腾流动的瀑布时，如果想要让相机按自己的意图来拍摄，那最好使用快门优先模式。
&&& 使用高速快门可以冻结水珠流下时的瞬间，而用慢速快门则可以将瀑布和流水表现出如纱般的质感。快门优先模式就是由拍摄者确定照相机快门开启时间的自动曝光模式，在照相机上用S或者Tv表示。
以快门优先模式拍摄
单反达人经验之谈
&&& 在拍摄瀑布时，可以从多个角度去拍摄，当面对的瀑布并不是特别壮观时，可以采用侧面或者拉近距离去拍摄。而当面对气势磅礴、匹练凌空及落差很大的瀑布时， 则可以通过广角镜头或者辅以竖面构图，将瀑布的气势更好地表现出来。
焦距180mm& 光圈F22& 快门速度1/ 40s 感光度100
&&& 为了表现瀑布的壮观，可以采用低角度仰拍，以充分表现瀑布“天上来”的高远感觉。当面对瀑布不够广阔时，完全可以把镜头拉近，将瀑布的局部形态拍摄出来，同样能够呈现出瀑布的美。2.设定较高的快门速度
&&& 瀑布是奔流而下的水，属于动态的水景，咆哮的动态总让拍摄者想留住这一刻的美，最重要的是凝结瞬间，每一个事件都有一个决定性的瞬间。要凝结住流动中的瀑布动作，就要使用高速的快门。凝结在画面中的瀑布虽然看起来是静止的，但是被高速凝结的画面可以暗示出瀑布飞流直下的状态和趋势。
设定较高的快门速度
重要步骤与相机设置
1）选择具有特色的流水或瀑布场景，并选择最具有代表的角度镜像拍摄。
2）要凝固水流的瞬间，宜选择快门优先模式，快门的速度根据水流的急缓来决定，一般不能低于1/125s。
3）在较好的天气下尽量使用低感光度确保画面质量，如果快门速度很快而光线略有不足，可以适当提高感光度，但感光度值不能超过ISO400，使用三脚架可增加相机稳定性。
卡片机怎么拍
&&& 目前很多卡片机都拥有丰富的手动功能，因此可以设置不同的快门和光圈，特别是在拍摄瀑布时，可以使用快门优先来拍摄，通过高速快门实现瀑布的动感之美。当采用高速快门时，往往能带来极具动感的瀑布瞬间，将瀑布飞流直下的那种场面表现出来。
焦距6mm& 光圈F8 快门速度1/125s 感光度100
&&& 所以一般都会采用1/250s以上的快门速度来凝固瀑布与岩石撞击起来的浪花，突出瀑布飞珠溅玉的瞬间。由于卡片机光圈较小，不方便加装，所以不太适合拍摄妙如纱缦的瀑布。3.拍摄出飞流直下的画面效果
&&& 在拍摄飞流直下的瀑布时，构图可以选择全景构图和局部构图，也可以变换各种角度和视角。局部拍摄和广角拍摄所表达的意境不相同，所以在拍摄时需要多利用眼睛观察瀑布周围的环境，多走走多转转，这样拍摄的瀑布就会与众不同。
&&& 好的一个不但是一个技术娴熟的拍摄者，也是一个独特审美眼光的剪裁者。有人说一张完美的照片三分之一靠运气，三分之一靠技巧，三分之一靠的就是剪，所以用自己的眼睛去审视揣摩才是最好的选择。
焦距70mm 光圈F22 快门速度1/160s 感光度320
&&& 要拍摄出瀑布飞流直下三千尺的壮观场景，拍摄时使用快门优先模式拍摄能清晰表现出瀑布的气势。
重要步骤与相机设置
1）拍摄瀑布的奔流感，宜选择快门优先模式，快门的速度根据水流的急缓来决定，一般不能低于1/125s。
2）选择合适的，最能体现瀑布气势的角度进行拍摄。
3）在光比较大的情况下，可以选择自动包围曝光，这样操作更方便。
4）拍摄时注意脚下防滑，以及相机的防水工作。
延伸学习――噪点的产生
&&& 拍好的照片上有时会有很多杂色和小点，这就是所说的照片中的噪点。这种情况多数出现在较暗光线的拍摄中，是由于感光度太高造成的。感光度的数值越高，画面的质量就会越粗糙；感光度的数值越低，画面就会越细腻。由于在弱光拍摄的时候，常常要选择高感光度，因此会造成画面出现噪点的情况。
&&& 想要避免这样的情况，就需要将感光度调得稍低一些，然后用相对较长的曝光时间来补偿光线的进入，这样，拍出来的照片就会有层次感，从而保证拍摄质量。当然，前提是尽量带上三脚架来增加相机的稳定性。如绢如纱的溪流
&&& 小光圈、慢快门是拍摄出具有如纱般效果流水的前提，通过更长时间的曝光表现流水如纱的质感。使这些水景呈现出轻如薄纱的形态，给人如梦如幻的感觉。
1.利用保持画面清晰
&&&&想拍摄水景时，如果采用普通的自动曝光模式，效果势必会稀松平常，而使用长时间曝光，将水流描绘成顺滑的白色丝线，则会让别人对你的拍摄技术刮目相看。这种水流的拍摄与日常拍摄恰恰相反，要求环境光线尽量暗一些，只有这样才能延长曝光时间，从而让相机记录下水流动的过程。
&&& 常用的方法是使用相机的光圈优先曝光模式，收小相机的光圈，减少镜头的进光量，从而延长相机的曝光时间。如果环境光过于明亮，还可以使用灰镜（ND镜）进行减光。这样长的曝光时间显然不适合手持拍摄，因此要将相机固定在三脚架上才能保证照片中其他元素的清晰度。
利用三脚架保持画面清晰
单反达人经验之谈
&&& 拍摄瀑布的曝光时间如果是1/2s以下，流水在感光元件上感光后就会得到如雾似烟的效果，当然其首要条件是使用三脚架拍摄。
焦距109mm& 光圈F29 快门1/4秒 感光度ISO 100
&&& 第一步，先把相机的ISO 调到100。拍摄风光需要用相机的最低感光度，一般来说是ISO 100。
&&& 第二步，确定测光模式。拍摄瀑布一般用局域平均测光即可，用中央重点测光也可以，一般不使用点测光和局部测光。
&&& 第三步，确定拍摄模式。这里主要介绍光圈优先模式。可先将光圈设为F11，如果快门速度不够慢，只有1/4s，那就减小光圈，从F11减小到F16。如果减小到F22还是达不到一秒的快门速度，此时可以使用偏振镜，它能进一步降低快门速度。偏振镜一般可以使快门速度降低一到两挡，比如从1/4s降到1s。偏振镜还有消除树叶和水面反光的作用。2.延长曝光时间
&&& 要拍摄出如绢如纱的溪流，可以使用低速快门拍摄，这样可使水流模糊而有动感，速度越慢，水流模糊程度越重，越有柔和的画面效果。如用5s或更慢的曝光时间拍摄，能使水流变得如飘动的薄雾一样轻柔。
&&& 不过在这样慢的快门速度下拍摄，即便用慢速快门和小光圈拍摄仍然存在曝光过度的问题，这时就需要使用减光滤色镜，可以使用更慢的快门速度拍摄。同时，使用慢速快门宜采用手动曝光，尽可能地利用脚架或者将相机放置在稳固的地方进行拍摄，避免画面模糊不清。
延长曝光时间
重要步骤与相机设置
1）将相机的拍摄模式设置为快门优先，
2）设置较慢的快门速度，一般需要1/10s甚至更长的时间进行拍摄。
3）设置好快门速度后感光度也不可忽视，尽可能地降低感光度，以延长画面的曝光时间，提高水景的质感。
4）快门时间设置得较长，光圈变小后，如果这时候拍摄出来的画面显得过亮，就需要在镜头前加装一块减光镜。
卡片机怎么拍
焦距10mm& 光圈F8 快门速度1/8s 感光度50
&&& 使用利用慢速快门拍摄的流水，有一种如丝绸如薄纱的感觉，但卡片机由于光圈不能调得太小，所以不容易拍出这种感觉，那么卡片机如何拍摄呢？答案是选择在较暗的光线下拍摄，因为在较暗的环境下拍摄，相机会延长曝光时间 ，从而获得如薄纱一般感觉的画面。
超多摄影技巧、实用器材推荐
欢迎关注微信公众号：蜂鸟网（fengniaoweixin）
此文是否有帮助：
李元摄影机构加关注
蜂鸟网资深器材编辑
评测资深编辑
论坛帖子12646次22355次32212次41450次51317次61042次7874次8850次9701次10688次
焦圈，为摄影而生怎样才能快速弄出4张5星的苍穹之瀑
回答&共&3&条
你去卡片升星啊&你需要有四星级的晶石&那个只要一两个&能量就能满格&超快的
四级的晶石怎摸弄
你是想去打卡琳儿吗，劝你用恶魔去打=&=
①疯狂刷马戏团副本困难，人品不好大概15次通关之后也能换4张瀑布了②疯狂刷烈焰几个小时，然后把刷到的卡要的留其他的全拆了，一般一下子3星的晶石一种就有80个左右③把所有石头全部升星到最高等级，四星；当然必须有这个条件④点开升星把四张苍穹用四星的石头升级，一般20~30个四星够一个五星苍穹吧⑤全部升星完就能有苍穹之瀑了。当然这样刷需要很大的耐力和信心~
你关注的问题超过最大限制了，请先清理一些再关注新问题吧！
关注：粉丝：
我要举报，因为他
使用了不文明用语
恶意攻击他人
索取或透露个人信息
发布欺诈信息}