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

追随谷歌的设计!MaterialDesign组件中的学问

5月17日 眉梢欢投稿
  假如你通读了Google的materialdesign文档:designmodo。com,就会知道它有多么广博,多么重视细节。通读整篇文档,可以让你学会很多东西。其中最重要的教训之一,是创建综合视觉风格指南是可行的。无论如何这都不容易,但并非不可能,尤其是对于谷歌那些错综复杂的产品阵列而言。
  如果想学习视觉设计相关知识,你就应该深入了解Materialdesign如何处理个别元素或组件。这份文档列举了18种不同的设计元素,从按钮到菜单再到标签页。那么,通过分析它们,能学到什么?
  接受变化
  仅按钮而言就有很多规则。materialdesign有3种不同类型的按钮:漂浮式、浮雕式和扁平式。materialdesign有多种多样的界面,一种单一的按钮难以满足需要。
  在所有这些各式界面中,也无法仅凭记忆使它们保持统一。然而,materialdesign包含3种不同类型的按钮,是为了最大限度地利用设计。这些备选方案,是为了应对那些常规设计不好使的情况。
  “选择主按钮的类型,取决于按钮的重要性、屏幕中容器的数量、还有整个屏幕的整体布局。”按钮的使用(自备梯子呦,同下)
  有些按钮指的南很明确,还有一些比较模糊。总而言之,这部指南是经过深思熟虑的。它有明确的细节,讲述如何使用或避免使用按钮,有助于设计师的工作。这正是整部指南的美妙之处;设计决策则交给设计师来决断。
  重视经常遭到忽视的元素
  你设计界面的时候,会经常考虑弹出窗口或警告组件吗?Materialdesign文档专门有一章节讲的是对话框。设计师可不会经常从这些框框入手。但是,当用到时,它们仍然是设计的一部分,需要处理。
  关于对话框部分的指南非常详尽。他们概述了应该使用哪种按钮,还有原因。也清楚地剖析了对话框,讲得广泛且深入。
  “当每个标签的文字都不超出按钮的最大宽度,例如常用的确定取消按钮,这时我们推荐使用并排按钮。”对话框
  “当文字标签超出按钮最大宽度,你可以使用堆叠式按钮来容纳文字。”对话框
  指南中详细介绍了对话框应该包含的内容种类和操作。它所延伸触及的各种细节令人着迷,非常有趣,因为这是经常被忽视的元素。这也证明了要创造一套强大的风格指南和设计语言,没有什么元素是微不足道的。
  一切关乎可见性
  这份文档中充分强调了可见性。创造一套全新、统一的设计语言,其目的在于提供跨浏览器设备的可见性。一部高质量的风格指南能够在设计语言中体现可见性,如此才能创造一套高质量的设计指南。
  “标签页提供了显示相关内容分组的可见性。一个标签简明扼要地描述了它的相关内容分组。”标签页
  Materialdesign文档中描述标签页的方式简直精彩绝伦。Materialdesign并没有把标签页当作导航的一种,而是把它们作为一种额外的浏览内容的方式。看到这些特殊元素有所限制,例如标签页,真使人眼前一亮。很高兴能了解到,materialdesign的设计师们除了样式之外,也深入思考了各元素的功能性,确保它不被误用。
  如果各不同元素的功能得到了清晰的定义,那么这些元素将只会用于特定的途径。反过来,这一点也有助于塑造可见性。如果一种元素重用于多种场合,它就会使用户困惑;这对用户而言是不清晰明了也是不公平的。
  “标签页简化了应用的浏览、切换不同视图或功能、浏览分类数据。”标签页
  打造属于自己的元素
  “点心柜作为一种小型弹出窗口,出现在移动设备屏幕底部和桌面的左下方,为某项操作提供了轻量级的反馈。它们居于所有元素之上,包括悬浮操作按钮。”点心柜与吐司
  “吐司和点心柜很像,但不包含操作性,并且不能被滑出屏幕。”点心柜与吐司
  Metarialdesign文档有一个章节很有趣,介绍了叫做“点心柜和吐司”的组件。这是种不常听闻的设计术语;点心柜和吐司是我们已知的设计元素。如果你阅读了上面的引述,再看看下面的图片,你就会意识到,点心柜和吐司的概念是一种简单的弹出通知。
  不过这里的学问更大。Materialdesign给各种弹出窗口分了类。设计语言需要这么做,于是就这么做了。点心柜与吐司和对话框很像,但有所不同;因此,他们被区分开了。Materialdesign将它们分开,是因为需要他们承担不同的功能。创造新元素没有问题。就像materialdesign的每一种其他元素一样,点心柜和吐司也有特定的指南使用示例、尺寸标注和配色。
  通常我们会忘记,这些元素不能用于各种不同场合或新途径。仅仅是为弹出窗口定义两种功能,如此简单的事情竟也大有作用,真是有趣。别忘了革新我们的设计,包括那些被视作过时的元素、你希望它消失却依然存在的元素。在小细节上进行创新是非常好的,因为它们对后面的设计会产生重大影响。
  你与MaterialDesign
  通读Materialdesign文档,告诉我们你从中学到了什么。令人惊讶的是,梳理一部如此简明的文档,竟能学到这么多设计知识。
投诉 评论 转载

追随谷歌的设计!MaterialDesign组件中的学问假如你通读了Google的materialdesign文档:designmodo。com,就会知道它有多么广博,多么重视细节。通读整篇文档,可以让你学会很多东西。其中最重要的教……30个黄色系配色的网站设计欣赏辛苦的工作之余,来人人都是产品经理放松一下自己吧,也许这里就能找到你遗失许久的灵感哦!今天小编为大家收集了30个黄色系配色的网站设计欣赏,希望在这里可以为你打开灵感的源泉~喜欢……设计经验分享:初阶图标设计的关键要点编者按:UI新手设计师来充电了!今天的教程是腾讯设计师带新手时必讲的入门辅导,包括图标的类别、设计技法要点以及如何设计成系列的图标,教程有作者原创实例演示,简明易懂,非常值得每……让等待变爽快!一组预加载动画效果网页设计创造良好的用户体验已成为先决条件,微体验更是位列前茅本文探讨的是预加载动画。长久以来,只有少数人重视这部分,如今一切都不同了,几乎每个网站都能以一两个赏心悦目、给用户留下深刻印……工具不怕多!用户体验设计师常用的20款应用工作在用户体验团队中会经常需要用到一些在线工具。对于UX的世界,不管你是一个新手还是一个经验丰富的老鸟,你都不应该停止寻找一些会让你的工作变得轻松的工具。在这篇文章中,准备了2……QQ手机版5。0“一键下班”设计小结引子在一次产品和设计师一起参与的很普通的脑暴活动中,产生了一个想法:世界上强迫症患者那么多,而小红点又是让强迫症们最纠结的存在,是不是应该做个可以一键清除小红点的功能?大……空心图标真的比实心图标更难识别吗?去年夏天,设计师AubreyJohnson在M上发表了一篇对ios7有批判性的文章。Jonhson指出苹果的新空心图标比实心图标在视觉上……身未动,心已知小编推荐:这是一篇科技范十足的译文,原文写于2012年,研究的主要是关于模式识别在大脑中更本质的机能原理。好高端译者注:本人兴趣于交互设计上对人类认知模式的借鉴,先前撰文……稍等片刻:页面预加载动画创造良好的用户体验已成为先决条件,微体验更是位列前茅本文探讨的是预加载动画。长久以来,只有少数人重视这部分,如今一切都不同了,几乎每个网站都能以一两个赏心悦目、给用户留下深刻印……空心图标真的比实心图标更难识别吗?去年夏天,设计师AubreyJohnson在M上发表了一篇批判ios7的文章。Jonhson指出苹果的新空心图标比实心图标在视觉上更加复杂,给用户带来认知疲……5项提高产品设计的交互模式小编推荐:本文是关于比较经典的几种交互模式的注意事项和讲解(其实就是时间比较早的文章啦),适合入门级的交互设计师和产品经理作为移动端设计模式系列文章的终篇,我将为大家概括……一像素的恩怨情仇程序猿与设计狮之间的破事儿小编推荐:失之毫厘,谬以千里。差一点点总是人生中常遇到的问题,对于产品和设计师在修正这一点点的时候也会遇到很多问题,那么到底该怎么对待,或者说怎么面对纠正时候的困难,本文以心平……
当我们设计发现页时,我们想让用户逛什么?实战案例解读内容为王时代,如何做好内容化设计好的空数据设计,如何引导用户行为?案例复盘O2O配送项目中我踩过的那些坑搜索结果页的10项最佳实践移动端界面标注:如何理清标注的思路?用户体验系列01:为真正的用户做用户体验电商平台CRM规划:由Axure页面管理联想到的NoSQL的看似简单的App登录注册功能,怎样做到用户体验最佳?将细节进行到底你的作品集,需要注意这些问题真正的体验设计:元数据设计电商后台产品设计:订单拆单

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