质感设计(Material Design)
[图片] 假设这条线上有一个点,叫「最完美的设计风格」。问:我们应该怎样找到这个点? 最有效率的方法很明显是这样:一开始,我们需要大步地跳,大步地突破。 所以,流行的设计风格跳了一大步,从拟物化到了另一个极端——扁平化。 一开始的扁平化风格,完全抛弃了阴影和材质表现等等视觉上的细节。(现在的扁平化,当然有了新的定义。但 Google 为了强调 Material Design 和 Flat Design 的区别,特意贴出了 What Is Flat Design? 这…
我真心希望,不懂Modern UI或者Metro UI的iOS或者Android用户可以不要来强答Modern/Metro UI的优劣。连我特么用了这么多年Metro和Modern我都不敢瞎哔哔,你们拿着一堆陈芝麻烂谷子瞎答啥啊。 另外看了某答案,我觉得不懂Android Design和Material Design的iOS用户/设计师也可以不要强行评价Android Design和Material Design。 另外就我个人角度而言,Modern UI还是个没成型的设计,与另两家几乎不具备可比性,优劣全看开发者自己…
先要感谢一下题主舍我其谁的地图炮。 按照知乎的规矩,我们先问是不是,再问为什么。 原题目: 为什么阿里的 UI 设计都那么丑?如果丑的定义是『我不管这个我看着就难看太素了现代感不够啊我要大气大气你懂么』,那么有点耍流氓了确实闹不住。 [图片] 如果丑的定义是没能引领设计潮流,激发 UI 设计的新理念,站在世界(或国内)UI 设计的前沿。 那么理中客地说,题主还真是对的。 接下来的问题是,抛开主观的审美因素,是什么原因阻止…
Material Design:扁而不平
因为莫名其妙的原因,我之前在简书发布的一部分文章被强迫进入了「待审核」模式,无法正常访问。考虑到这些文章的内容并无不妥之处,以及对简书这个写作平台的不信任,我选择将这些文章转移到知乎专栏中归档备份;文章内容具有时效性,不完全代表作者在当下的观点。 原文发布于 2015.7.17前言这篇文章本来只是篇写给同学看的短文——因为他一直认为“Android 从 4.0 开始就是扁平化设计了”....结果没想到这么想的人还不少,所以…
参考The Verge对Matias Duarte的访谈: Material world: how Google discovered what software is made of 注意这一段(下划线和粗体是笔者加的): Material Design "unified us in our thinking," Duarte says, admitting that "it’s absolutely a constraint." These constraints, he says, made design decisions easier and more consistent. Take, for example, the idea of flipping a card over to see what’s on the b…
[图片] [图片] [图片] 重新定义能源、水、空气、废弃物与材料的用途 [图片] “近年来,如何 合理利用地球资源,减少资源浪费,一直是热议的话题,地球资源随着人口的增长而持续变化着,如果2050年时全球人口达到96亿,那么想要维持现在的生活状况,地球需要有现在的三倍资源。” [图片] “设计师们也都肩负着责任,不断探索着如何“ 可持续发展”以及“再利用”,所有的创造性实践都需要考虑我们的资源问题,不单单在于如何生产物品,还需要考虑生产物品产生的资源消…
记得很早之前,很多国外酷站平台对网站的风格进行了各种标签的分类和筛选,如欧美网站、日韩网站、德国网站、中国风等等。又可以通过颜色进行筛选,或通过网站行业进行筛选。其中,深色背景、浅色背景是一个热门筛选。深色背景的企业网站建设方案需要在设计方面做好排版配色工作,才更容易营造一种高端耐看的印象。 深色背景的网站,视觉上容易给人一种深邃、沉稳、有文化底蕴的感觉,在葡萄酒、家居行业,还有高贵、典雅和品质…
================================================================ Log01: 2016年8月11日更新答案,更新内容在下方 Log02: 2016年8月11日更新答案,删除Log01更新内容的抖机灵部分,新增科普Android Design和Material Design的关系和推出时间,更新内容在下方 Log03: 2016年12月28日更新答案,Google在中国开了两场开发者大会之后的变化 ================================================================ 以下原文: 刚刚关…
更新: 把Material Design 官方文档又完整地看了一遍,有了些新想法,建议阅读:) 舞台上的戏法和天文里的科技:Material Design和iOS 7动效对比分析 - 表面 - 知乎专栏 原文: 一、从苹果发布 iphone 那年开始,设计界就开始发明适合触摸时代的新材料,我们姑且称之为“数字纸”。顾名思义,它和印刷时代的纸张既有相似又有区别。 回顾历史,这里面有数条线索。 其一是手机系统。除了 iOS,早期还有WebOS。后者将程序视为卡片…
Material和iOS的规范出来很久了,现在才回答他们俩的差异可能有点晚。不过近日重温了这两套规范,发现了它们俩的一些突出差异点,与楼主分享一下。 个人认为,如果说ios是清新日本妹子,那么Material就是火辣欧美女郎。两者之间有三个突出的差异点: 1.Z轴空间Material,顾名思义是“材质”的设计。代表的材质是“纸张”,由此衍生出卡片(Cards)/纸片(Chips)等组件。由于取材于现实世界,Material很讲究反应出组件之间的(…
Ng-Matero V10 正式发布!
Angular v10 在六月下旬就悄无声息的发布了,虽然 v9 的发布延期了两个月,但是 v10 并没有受影响,仍然如期而至。 相比 v9 的重量级发布,v10 并没有颠覆性的变化,主要还是 bug 修复及细节优化。但是通过 `ng new` 生成的项目目录稍微有些变化,不过不用担心,使用 ng update 直接升级即可,CLI 会自动帮你替换这些文件,没有任何阻碍。再来说一下 Angular Material, v10 有一个非常大的变化,就是增加了 datepicker 的区间选…
这题我会,先上图! 刚拿到这种图片的时候,皮仔稍微琢磨了一下,并请教了一下设计的同事,最终用 Pixso 做出了题主想要的同款图形~ 想必玩过纪念碑谷的朋友对这个图形并不陌生,它在艺术界有个专门的术语「 彭罗斯三角」,是 2020 年的诺贝尔物理学奖得主罗杰·彭罗斯的代表成就之一。 [图片] 话不多说,让我们一起来看看如何用 在线设计工具Pixso 制作出同款的「彭罗斯三角」: 点击顶部工具栏的「形状」工具,选择「 直线」,在画布中…
Android 之外,你也可以使用 Material Design
本文主要交流一下兔斯霁如何在生产环境中使用 Material Design今天兔斯霁突然发现 Google 更新了搜索页面( http://google.hk 还是旧的样式,也许是兔斯霁火星了,到今天才发现),首页和结果页的搜索框都加上了细腻的阴影。区别于大多数的搜索框,新设计的搜索框没有直接嵌入页面,而是浮现于页面之上。元素层次上进一步拉高,更加凸显搜索框的重要性。 [图片] 以上只是一个很小的例子,Material Design (以下简称 MD)其实早就开…
IT之家 · Android客户端重设计 · 静态解剖 · A ¬
写在前面IT之家的重设计企划从 2015年11月7日 开始,到 2016年10月4日 为止经历了两个重大版本。 为什么要进行重设计?——目的一直都是为了练手,我推崇“实战法”,即通过完成实际项目来更快速的提升思维深度与技术熟练度。确实,我对 Material Design 的理解上了不止 233 个台阶,现在再回顾以前的作品真是感慨万千。 [图片] 为什么选择IT之家?——哈哈,更多的是对这个信息平台的感谢,现在没有之家就像与世界隔绝甚久。这几年看着…
教你写一个炫酷的Material Design 风格的登录和注册页面
每个人都会喜欢漂亮的登录界面,一个App 给人们的第一印象是非常重要的。 这篇文章将教你使用谷歌材料设计规范(Material design spec )和谷歌的新的设计支持库( design support library)来创建一个炫酷的登录和注册界面。设计支持库实现了材料设计规范的一部分,它包含了一部分炫酷的UI 部件,让你的Android 应用给人一种优雅的感觉。 对事物的设计和布局方面,如何做到让人感觉到屏幕上的内容是赏心悦目的,这里是我们要权…
你可以考虑一下 华硕无畏pro14 华硕无畏Pro14搭载新AMD锐龙5000 标压处理器,新一代Zen3 架构, 单核、多核性能皆有提升,内置Radeon Vega核显,图形处理能力再进一步 [图片] 无畏Pro14的OLED屏幕具有100% DCI-P3超广色域范围,相比一般笔记本使用的sRGB色域还要大33%, 囊括了自然界中更鲜艳的颜色,能展现一般笔记本所无法企及的生动画面。 DCI-P3是专业影视行业广泛使用的色域标准,这意味着无畏Pro14的屏幕能够胜任专业级视频影像创…
史上最优美的Android原生UI框架XUI使用指南
[图片] 项目简介XUI 是一个简洁而又优雅的Android原生UI框架,解放你的双手! XUI 可以说是我花费心血最多的开源项目了,目前稍微大一点的项目我都会选择引入它。XUI几乎涵盖了目前Android开发所需要的所有组件,可以说有了XUI之后,可以大大提高我们的开发效率,让我们可以将精力很多地放在业务功能和数据处理上。可以说XUI是目前Github上组件最全、文档最详细、案例(200+)数量最多的Android原生UI库。目前XUI在github上已经拥有2.6k的st…