1、演进趋势与概念 在界面设计中，从苹果、谷歌、微软的设计语言演进过程中，我们可以得出，一个明显的演进趋势： Skeuomorphism — Flat Design — Semi Flat Design...1.1 Skeuomorphism 拟物化 Android、以及iOS7.0以下时代的大部分app是以拟物化为主的，界面模拟真实物体的材质、质感、细节、光亮等，人机交互模拟现实中的交互方式。...它最早应用于瑞士的公共交通系统中，随后这种完美的导航设计方法被广泛应用到对速度、视觉、信息传达要求颇高的全球公交系统中。微软的设计师受到了Metro的启发，创作了微软的Metro UI。 ?...1.3 Semi Flat 半扁平化 semi Flat风格最突出的表现，就是在扁平化图标的基础上加阴影效果,让图标更具有活力，当然还有其他的表现，比如增强在光感、层级、材质上的三维效果。 ?...background通过linear-gradient设置的渐变色，从深灰色到浅灰色，模拟真实阴影的效果。同样，也可以通过注释掉fliter属性来查看具体位置。 ? 3.3 毛玻璃 ?
在所有超级令人兴奋的功能中，关于黑暗模式的部分最让我兴奋。对于那些在社交媒体上关注我的人，您可能知道我是“黑暗模式”的忠实粉丝。使用iOS 13后，人们可以选择采用深色系统外观。...因此，作为设计师和开发人员，为您的应用程序设计和实现黑暗模式非常重要。苹果已经发布了为您的应用程序设计暗模式的人机交互指南。但是，与Google的《物料设计指南》不同，该指南非常简短。...那么解决方案是什么？对，这就是语义化颜色。除了给每个元素提供颜色之外，您还可以给它提供一种语义颜色，该语义颜色会同时具有两种模式的两种颜色。...05 填充颜色和灰色 iOS的准则提供了4种填充颜色（也为灰色）和6种其他灰色可供选择。它们是界面上所有元素的理想选择，例如字形（图标），UI控件等。那么，填充色和灰色之间有什么区别？ ?...但是，还有一种神秘的“第五种”材质，在指南里，不将其视为材质，但是在技术层面它确实是“材质”。 ? 观察顶部导航栏和底部标签栏。尽管准则不将其视为材质，但它们显然可以称之为“材质”。
这是什么鬼，怎么通知图标变成白白的一个圆了。下拉之后的大图效果如下： ? 好像下拉之后的大图还算正常，不过大图的右下角也有一个白白的圆。 这到底是为什么呢？...实际上，Android从5.0系统开始，对于通知栏图标的设计进行了修改。现在Google要求，所有应用程序的通知栏图标，应该只使用alpha图层来进行绘制，而不应该包括RGB图层。...那么我们来参考一下别的程序都是怎么设计通知栏图标的，这是支付宝的通知栏图标： ? 下拉通知之后的效果是这样的： ? 然后再看一下网易新闻的通知栏图标： ?...这里我们来仔细观察一下这个下拉后的大图，其实前面大家应该也已经注意到了，只不过一直没提，在大图标的右下角，还有一个比较小的圆圈，在这个圆圈中嵌套着我们设置的小图标。...但是如果我们再看仔细一点，你会发现网易的图标更好看一些，因为系统给右下角的这个小圆圈默认是设置成灰色的，和我们的整体色调并不搭配，而网易则将这个小圆圈改成了红色，因此总体视觉效果更好。
机器之心报道 编辑：杜伟 AI 成图效果一如既往地惊艳！ 在 AIGC 盛行的今天，让 AI 作画早已不是什么新鲜事了，各种 AI 程序的成画效果「亮瞎」了人们的眼睛。...闲言少叙，我们先来看看它的成图效果。 比如设计一些宫崎骏风格的、包含运动和柚子元素的插画。...比如「皮克斯风格、名叫 Zhao Xiaowu 的男孩、背着运动背包高兴地去爬山、阳光明媚、popmart 风格、鲜花和绿草环绕、黏土材质、丰富细节、柔和边缘、OC 渲染、HD 细节」。...再比如「黑泽明电影中的宇航员战士，使用 Okumura Togyu 动画插图风格的黑白粗粒胶片人物肖像。」 新旧版本效果比较 与老版本 Niji 模型相比，Niji V5 有哪些不同呢？...比如「安妮海瑟薇开心地在跑步、沐浴在阳光下、穿着灰色的合身运动衫、黑色的打底裤、粉色跑步袜、白色跑步鞋、纽约中央公园、写实和超精细渲染风格、超写实油画……」。
解决方案 首先产生灰色图标的原因就是5.0系统引入了材料设计，谷歌强制使用带有alpha通道的图标，并且RGB的alpha值必须是0(实测不为0也是可以的，但系统会忽略所有RGB值)。...Android 7.X机型，通知栏小图标显示成灰色 问题详情 这个问题跟第二个有点类似，在7.0系统及以上，有部分应用的小图标是灰色的，大图可以正常显示。碰巧的是，显示异常的小图标，颜色都是灰色的。...Android Nougat+适配 从上面的介绍中，大家可以发现，Android 7.0系统以后通知栏消息改版了。援引官方在Notifications public deck中介绍的一张图， ?...其中，我们需要“拥抱变化”的内容有： 使用non-alpha图标 在5.0修改记录中，有一条系统会忽略所有non-alpha通道的图标，包括按钮图标和主图标。这句话是什么意思呢？...实际上，Android从5.0系统开始，对于通知栏图标的设计进行了修改。现在Google要求，所有应用程序的通知栏图标，应该只使用alpha图层来进行绘制，而不应该包括RGB图层。
OpenGLES 3D 模型本质上是由一系列三角形在 3D 空间（OpenGL 坐标系）中构建而成，另外还包含了用于描述三角形表面的纹理、光照、材质等信息。...构建一些规则的 3D 物体，如立方体、球体、椎体等，我们自己可以手动轻易实现，但是在实际开发中往往会用到复杂的 3D 物体，如人体、汽车等，这就需要设计师和专业的建模工具软件（像 3DS Max、Maya...，y，z）坐标值； vn 开头的行表示存放的是顶点法向量，后面三个数分别表示一个顶点法向量的三维（x，y，z）分量值； vt 开头的行表示存放的是纹理坐标，后面三个数分别表示一个纹理坐标的（s，t，p）...-24-llvm-arm make_standalone_toolchain.py 需要换成你本地的 Android SDK 中的工具链构建脚本。...双击脚本，执行完成后，会在当前目录下（BuildAssimp 文件夹中）生成一个新的文件夹 android-toolchain-24-llvm-arm ，它是我们用于编译 32 位的 assimp 库用到的工具链
相反，Android系统在设计的时候就不喜欢苹果这样的封闭与强制，而是选择了自由与开放，对应用图标的形状不做任何强制要求，开发者们可以自由进行选择： ?...终于在Android 8.0系统中，Google下定决心要好好整治一下Android应用图标的规范性了，今天我们就来学习一下。...也就是说，我们在设计应用图标的时候，需要将前景和背景部分分离，前景用来展示应用图标的Logo，背景用来衬托应用图标的Logo。需要注意的是，背景层在设计的时候只允许定义颜色和纹理，但是不能定义形状。...那么很显然，根据8.0系统的应用图标设计，我们需要准备一个前景层和一个背景层才行。 前景层也就是爱奇艺的Logo了，这里我通过Photoshop把爱奇艺的Logo图取了出来。 ?...由于这是一张背景透明的图片，如果直接贴到文章里面就一片白色，啥也看不见了，于是我只好在文章里贴了一张带灰色背景的图片。如果大家需要获取爱奇艺这张前景图的原图，可以点击 这里 获取。
概述 在网上查阅了一下three.js关于帧缓存的使用，感觉很多都是关于three.js中后处理通道的使用的。...真正实现这个功能的是WebGLRenderTarget这个类，这是一个渲染目标的缓冲区，可以装载到WebGLRenderer中进行渲染，再从WebGLRenderTarget获取纹理对象。 2....解析 渲染的结果出现了三个颜色部分：黑色区域，白色区域，以及灰色区域。...}); var plane = new THREE.Mesh(planeGeometry, planeMaterial); scene.add(plane); 这个面的材质纹理来自于自定义的喧嚷目标缓冲区...通过同一个相机，也绘制了一个面，这个面的材质颜色是灰色的： // create the ground plane var fboGeometry = new THREE.PlaneGeometry
开个玩笑啊，各有各的设计思想，不能怪程序猿。 2.问题 那么说到沉浸式状态栏的问题是什么呢？...无论怎么修改状态栏背景色都没用，看下图：图1是7.0以下运行效果，图2是7.0以上运行效果。 ? ? 看到上面两幅图，明显感觉到7.0系统做了处理，在状态栏上蒙了一层灰色背景。...接下来我们就去看DecorView的源码，对比Android6.0和7.0有什么不同。...你会发现Android7.0以下，DecorView是PhoneWindow的内部类，而在7.0以上，是一个单独的类，并且有新的属性和方法。...这个calculateStatusBarColor方法在updateColorViews方法中调用，而updateColorViews方法又在onWindowDragResizeStart、onWindowDragResizeEnd
我喜欢漂亮的设计，尤其是对于那些日常使用率很高的物件，所以对我来说像键盘这样干活用的东西，好看和好用同样重要，这款键盘首先吸引我的就是他的配色，边框和键帽由三种不同程度的灰色构成，然后橘色点缀，尤其你是使用...Mac的话，无论是银色还是深空灰色都会非常搭，事实上苹果用户也是Keychron的重点marketing对象。 ...USB-C接口旁边是Win/Android和Mac/iOS的模式切换键，再旁边是双模的切换键，如果你和我一样，需要在Windows和Mac之间来回切换，这种实体开关的设计还是蛮方便的。 ...值得一说的是，在蓝牙模式下，考虑到省电的目的，键盘闲置十分钟就会进入待机状态，按两下任意键就可以唤醒键盘，有些人可能会不喜欢这样的设计，那Keychron也提供了关掉自动待机的组合键，所以这也并不是什么问题...K2有红轴，茶轴，青轴三种轴体，每种都会有不同的声音和触感，也可以根据自己对不同配列的需求在K2、K4、K6中选择。
GOAT的产品目录中由超过30,000双的潮鞋（并且还在不断增长），它们都有独特的风格、轮廓、材质、颜色等，手动将整个产品目录归类是个棘手的问题。...为了跟上不断变化的潮鞋市场，GOAT使用可以找到对象之间的关系的模型，而无需明确指出我们要找的是什么。在实践中，这些模型像人一样去学习特征。...流形是什么？ 想象下你如何告诉你朋友去你家的路线。你永远不会用一系列原生GPS坐标来描述如何从他们家里到你家。在这个比喻里面中，GPS代表的是高纬度、宽域随机变量。...然后，重构整个轮廓的灰色梯度，再开始学习基础颜色。在了解了轮廓类型之后，例如，靴子还是潮鞋，高帮还是低帮，网络开始处理复杂的设计款式和颜色，这些都是最终的差异性因素。...注意看结果如何保留第一双潮鞋的宽踝环设计和品牌标志，同时保留第二双潮鞋的鞋底、整体轮廓和材质。 潮鞋图像隐空间算法 小贴士 嵌入是创建可重用值的绝佳工具，其固有的属性与人类理解物体的方式相似。
后来仔细想想，Oculus Rift采用的也是这种风格的外包装设计：全白的背景，正面印制产品外形图，侧面印上型号，真真是简单又好看！ ?...手柄为了与头显的颜色相呼应，全身采用深灰色。小编在这里有一说一，有二说二，深灰色的配色配上塑料的材质，显得手柄很廉价。...对于刚上手的新人来说，每每想知道哪个按键是什么功能，需要翻看说明书，略显麻烦。 不同于很多VR一体机都拥有触摸板，Pico Goblin舍弃了这一传统，改用手柄操控。...场景被设定在一个具有少数民族风情的寨子中，在雨水的笼罩下，有一种朦胧的美感。玩家站在吊篮中，可以将寨子的景色尽收眼底。 ?...但在一些细节方面，Pico还需要有所改进，如T型绑带的设计易造成勒痕、加强图标的设计、交互改动较大等。 ?
上一篇文章介绍了如何使用GL10描绘三维物体的线段框架，后面给出的立方体和球体效果图，虽然看起来具备立体的轮廓，可离真实的物体还差得远。...那做衣服的一匹一匹布料又是什么样子的？当然是摊开来一大片一大片整齐的布匹了，明显这些布匹近似于二维的平面。但是最终的成品衣服穿在顾客身上却是三维的模样，显然中间必定有个从二维布匹到三维衣服的转换过程。...因此，纹理坐标的目的就是标记被摊平衣服的二维坐标，从而将同属二维坐标系的布匹一块一块贴上去。...同理，绑定顶点坐标的时候，也要绑定纹理坐标。...可实现三维物体的旋转动画； 2、调用glTranslatef方法设置渐变的位移，可实现三维物体的平移动画； 3、调用glScalef方法设置渐变的放大或缩小倍率，可实现三维物体的缩放动画； 点此查看Android
Android Q 重点推出了Dark Mode 目前主流的操作系统也都在逐步支持 Dark Mode。...像Facebook 、Slack、WhatsApp、Chrome 等等软件都支持Dark Mode 那么，增加暗黑模式的目的是什么呢？...在我们常见的说法中，就是自 iOS 7 中引入的毛玻璃效果，常用于系统的文件夹、下拉菜单、通知、Dock 栏等处。苹果为这些材质设计了深浅两套配色方案，并提供了从厚到薄的四种感观效果。...然而，界面中还存在着一个重要元素，就是图标。如果我们希望获得良好的效果，往往需要针对深浅外观重新填充图标的颜色，准备两套图标素材。 而字体化图标彻底解决了这个问题，还带来了一系列的优势。...你可以在这里下载苹果官方提供的 iOS 13设计模板的 Sketch 文件，其中包含了 iOS 13 的最新范式、内置语义色彩、材质等元素。
然后将32bit和64bit的native plugins放进相应的文件夹中。 Plugins/Android 在这个文件夹里放入Java.jar文件。用于java语言的plugins。....这两种材质 在Unity中可以通过下列方式查看所有材质 ?...3：关于Unity的图片格式：Texture Type 法线贴图 (Normal maps) ：灰度图，可以用作对象的高度图，呈现凹凸的表面。...2D and UI CubeMap:立方图纹理：立方图纹理（Cubemap Texture）六个独立的正方形纹理的一个集合，这些纹理会用在一个虚构的立方体上。通常用来显示无限遥远的物体上的反射效果。...Cursor:设置2D贴图作为光标的选项.设置一个2D贴图作为光标，唯一需要做的就是调用静态的Cursor.SetCursor方法并且将贴图作为第一个参数传递进去。
额外的顶点程序输出将包含在编译器着色器中，我们将看到球体着色。 ? ? ? （把局部坐标的位置作为颜色的插值） 3.4 使用结构体 现在，我们程序的参数列表看起来是不是很乱？...现在，我们可以通过拖动或通过“Select ”按钮将纹理分配给我们的材质。 ? （材质选取纹理） 使用类型为sampler2D的变量访问着色器中的纹理。 ?...通过使用tex2D函数，在片段程序中对具有UV坐标的纹理进行采样。 ? ? ? ? ? （纹理化球体） 现在已经为每个片段采样了纹理，它将显示在球体上。...这些额外的纹理数据存储在材质中，也可以由着色器访问。你可以通过与关联材质具有相同名称的变量加上_ST后缀来执行此操作。此变量的类型必须为float4。 _ST是什么意思？...（正常和灰色Mipmap之间的三线性过滤） 另一种有用的技术是各向异性过滤。你可能已经注意到，将其设置为0时，纹理变得模糊。这与选择mipmap级别有关。 各向异性是什么意思？
前言 Android开发中，EditText的使用 非常常见 本文将手把手教你做一款 附带一键删除功能 & 自定义样式丰富的 SuperEditText控件，希望你们会喜欢。 ?...功能详细设计 下面将给出详细的功能逻辑 4.1 一键清空输入字段 描述：将当前用户输入的字段清空 需求场景：方便用户因出现输入错误而进行2次输入 原型图 ?...原型图 ? 属性说明 ? ?...setTextColor(color); // 字体默认颜色 = 灰色 // 3....> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
前言 Android开发中，EditText的使用 非常常见 本文将手把手教你做一款 附带一键删除功能 & 自定义样式丰富的 SuperEditText控件，希望你们会喜欢。...功能详细设计 下面将给出详细的功能逻辑 4.1 一键清空输入字段 描述：将当前用户输入的字段清空 需求场景：方便用户因出现输入错误而进行2次输入 原型图 源码分析 /* * 步骤1：定义属性...return super.onTouchEvent(event); } 4.2 选中样式 描述：通过增加UI元素 & 交互样式表示用户正在填写的项目 需求场景：标识用户正在填写项 样式说明 原型图...setTextColor(color); // 字体默认颜色 = 灰色 // 3....> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
实时点光源的优缺点是什么？ 可以有cookies – 带有 alpha通道的立方图(Cubemap )纹理。点光源是最耗费资源的。 6. 简述水面倒影的渲染原理？...MeshRender中material和 sharedmaterial的区别? 修改sharedMaterial将改变所有物体使用这个材质 的外观，并且也改变储存在工程里的材质设置。...Unity的Shader中，Blend SrcAlpha OneMinusSrcAlpha这句话是什么意思？ 作用就是Alpha混合。...像素着色器实质上是取代了固定功能流水线中多重纹理的环节，而且赋予了我们访问单个像素以及访问每一个像素纹理坐标的能力 18....MeshRender中material和sharedmaterial的区别？ 答：修改sharedMaterial将改变所有物体使用这个材质的外观，并且也改变储存在工程里的材质设置。
用户需求是什么? 用户在哪里？ 3用户画像步骤 明确做用户画像的目的和意义 企业选择构建用户画像平台，可以实现不同的战略目的。...智能手表：品牌，功能，材质，电池容量，颜色，风格，价格区间。 3、渠道数据(以消费电子类为例)： 信息渠道：微信，微博，论坛，SNS，贴吧，新闻网站，咨询App。...应用流程 针对不同角色人员的需求(如市场、销售、研发等)，设计各角色人员在用户画像工具中的使用功能和应用/操作流程。下面以两个应用场景为例，让大家明白如何利用用户画像。...场景一，按需设计：改变原有的先设计、再销售的传统模式，在研发新产品前，先基于产品期望定位，在用户画像平台中分析该用户群体的偏好，有针对性的设计产品，从而改变原先新产品高失败率的窘境，增强销售表现。...比如，某公司想研发一款智能手表，面向28-35岁的年轻男性，通过在平台中进行分析，发现材质=“金属”、风格=“硬朗”、颜色=“黑色”/"深灰色"、价格区间=“中等”的偏好比重最大，那么就给新产品的设计提供了非常客观有效的决策依据
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
