2014-10-30 张云飞VIR 翻译自：https://developer.android.com/design/style/iconography.html Iconography 图标设计概述 当你为你的app设计图标时，重要的需要留下的是，你的app可能被安装在那些提供一个范围的像素密度的多种设备中，就像 Devices and Displays 中提到的那样。 因为你将为每个图标实现多个尺寸以支持多个不同的密度，下面的设计指南使用 dp 作为图标尺寸的 计量单位 ，它是以中等密度（MDPI）屏幕作为 像素尺寸的基础。 ? 设计提示 这里是一些你会发现的， 在你创建图标或者其他drawable资源对你的app有用的提示。 使用大纸板开始 因为你需要为不同的屏幕密度创建资源，最好在大的多倍于目标图标尺寸的纸板上开始你的图标设计。
When you are creating a new button and assign an icon to it, there is no way for you to know exactly Instead, it has an attribute defined by SAP which seems to have something to do with image content: data-sap-ui-icon-content
一键领取预热专享618元代金券，2核2G云服务器爆品秒杀低至18元！云产品首单低0.8折起，企业用户购买域名1元起…
AI想要绘制好看的YOGA图标，该怎么设计呢？下面我们就来看看详细的设计方法。 ? 1、双击运行AI软件，并新建一个空白画板； ? 7、最后，再使用形状生成工具，对每个部分进行上色，这样一个好看的YOGA图案就绘制好了！ ?
新系统中，地图、App Store、时钟、相机、联系人等等原生应用都换了新的图标。此次图标的变化势必也会激发下一个图标设计的潮流，如何设计图标又将成为一个新的热门话题。 在iOS历来的图标演变过程中，许多看似不明显的变化实际潜移默化中引导着图标设计风格和设计方法的演变。自iOS7开始，苹果图标设计采用扁平化风格并延续至今。 扁平化风格依旧是主流设计，那么如何设计一个好看、优雅的图标呢？ ? 在设计或者绘制图标之前，首先要搞清楚图标到底是什么，为什么要画图标等等。 1.图标是什么？ 而设计师在图标设计中要尽量放大图标之间的差异性，减弱图标之间的相似性，突出产品的独特之处。 ? 多掌握如何设计好图标的理论基础和如何使用设计工具，多积累一些图标素材或者掌握一些像Mockplus这样自带图标库的设计工具，对自己的设计水平有更高层次的提升才是最重要的。
1 使用光栅来更好的设计图标 UI界面的图标通常可以近似的看做以下的基本格式之一：横向矩形，纵向矩形，对角矩形，圆形，三角形，正方形。 请注意，不要过分的依赖于网格来设计图标。它们是用来帮你而不是限制你的。如果一个图标的某些元素伸展出来更好看，那就顺其自然让它们伸出来。 3 保持一定的图标细节 从一套图标中最复杂的那个开始来设计通常是最有效的，因为它会帮助我们定义相同的视觉重量，让所有的图标视觉重量保持一致。 ? 但是在你的最终设计稿里边，正确的，不扭曲的图标设计还是非常重要的。特别要注意，确保相邻的节点和相邻的元素是完全对齐或者没有间隙的。 ? 静电杂谈：如何做一个“有特色”的UI设计师 交互工具哪个好用？来看看静电的具体分析~ 2019即将过半，UI设计师在激烈的从业环境如何提升 平面设计师如何快速转行UI设计行业？
，为过电磁兼容试验做好准备，接下来分享32个EMC设计的标准电路图。 AC24V接口EMC设计标准电路 ? AC110V-220VEMC设计标准电路 ? AC380V接口EMC设计标准电路 ? AV接口EMC设计标准电路 ? CAN接口EMC设计标准电路 ? DC12V接口EMC设计标准电路 ? DC24V接口EMC设计标准电路 ? DC48接口EMC设计标准电路 ? DC110V接口EMC设计标准电路 ? DVI EMC设计标准电路 ? HDMI接口EMC设计标准电路 ? LVDS接口EMC设计标准电路 ? PS2接口EMC设计标准电路 ? RJ11EMC设计标准电路 ? RS232 EMC设计标准电路 ? USB3.0接口EMC设计标准电路 ? VGA接口EMC设计标准电路 ? 差分时钟EMC设计标准电路 ? 耳机接口EMC设计标准电路 ? 复合视频接口EMC设计标准电路 ?
图标设计，即icon设计在界面设计中占有很重要的位置，决定一个界面风格的重要构成元素。一个好的图标，可以让用户“一秒即懂”，如何设计出优秀的图标，这篇文章给你解答。 设计软件都是越用越熟悉，所以一些新手ui设计师不要担心这个不会那个不会，跟着一些案例教学，基础的绘制过程都能了解。而静电的UI设计教室也会为大家带来系统的图标设计方法，欢迎大家了解报名。 ? 优秀的图标即不用阅读标签或文字提示，就可以被认知理解。 02 视觉舒适 可以通过插画、颜色以及图标传达品牌个性。如果做得好，图标肯定可以增强设计的美感。 a.内部一致性 图标设计应该保持视觉统一，你决定用于你的产品的图标，应该保持统一样式。理想情况下，它们看起来应该是一位设计师设计的。 很多设计师看到一个酷炫的图标，学着做但是配色、图层叠加等感官上总会有那么些差别。这就需要从整体上去考虑图片的设计，而不单单是学会一个图标的设计，多去尝试图标套系的设计，你会学到更多。
创建高质量的图标套组需要合适的方法，训练有素的眼睛，一些迭代和大量实践。下面，我将通过7个原则和大量实际示例来说明。最终目标是让你了解设计出优质图标的关键细节。 -设计师会进行类似的调整以平衡图标。要更正上面的示例，请稍微移动元素： ? 所以，请不要仅仅相信数据，也要相信你的眼睛。 简洁的船形图标（来源：Material） 简洁很适合图标设计，因为我们经常在小画布上工作。为图标使用适当的细节量，不要使用过多的内容。 在用户界面中，简洁风格可以理解并为内容腾出空间。 苹果SF Symbols中的图标 对于大型图标家族来说，保持一致性并不是一件容易的事，尤其是涉及多个设计师时。遵循明确的原则和规则至关重要。 它需要进行进一步的测试和准备，以确保后续设计师易于制作新图标，并在多种设计中使用它们（用于屏幕，印刷等），以及工程师将其编码到产品中。
作者将向你展示微云团队一路以来对文件图标设计的思考和沉淀，并着重介绍了当前这套图标的设计由来。 ? 在早期，微云的文件图标设计源自PC客户端，很大程度上受到桌面操作系统的设计风格影响。这一阶段的图标从结构上可以分成三类： 1. 对图标结构的主观分类导致对用户习惯多样性的包容降低，并且由于图标中包含了具体的文件类型后缀，导致设计师要针对每一个独立的文件格式输出数量庞大的设计资源。无形中增加了设计师的工作量。 最后，我们就得到了一套完整的图标方案。 ? 组件化与资源输出 设计师除了要做好设计方案，如何提高后续的工作效率是我们常常忽略的。在日后的界面设计中，一定会用经常到文件图标。 这样能够保证所有界面设计中图标的一致性，在图标有所调整时也能够及时覆盖到所有的设计稿。 ? 最后我们和开发同学沟通一致后，为其提供1x的矢量设计资源（SVG或PDF）。
上期内容：图解Vivado HLS设计流程 面向C/C++的HLS设计在转化成RTL代码时，Vivado HLS会生成相应的综合报告。 往往这些指标成为设计的优化目标，例如，有些设计需要降低Latency，有些设计需要改善II。因此，了解这些指标的含义就显得非常重要。 整个设计的性能指标如下图所示。 ? 不难看出，Latency描述的是从输入到该输入对应的输出所需要的时钟周期；而Loop Latency反应的则是for循环由输入到输出所需要的时钟周期。 II反应了整个设计的吞吐率，它表征的是当前输入与允许的下一次输入的时钟周期间隔，在这里该值为14；类似的，Loop II则是当前循环与下一次循环输入之间的时钟周期间隔。 从上图也可以看出，这些指标都是以时钟周期为单位衡量的，同时，这些指标与其在RTL设计中的含义是完全一致的。 如果文章对你有收获，欢迎转发~
静电说：今天静电看到了一篇非常棒的问题，详细阐释了图标设计过程中方方面面的知识点，今天，咱们就来看看设计师Slava Shestopalov的文章： 1 使用光栅来更好的设计图标 UI界面的图标通常可以近似的看做以下的基本格式之一 请注意，不要过分的依赖于网格来设计图标。它们是用来帮你而不是限制你的。如果一个图标的某些元素伸展出来更好看，那就顺其自然让它们伸出来。 2 注意像素网格的重要性 在非视网膜屏幕上设计图形的时候，要特别遵循使用像素网格，并优先选用2像素的边框作为图标的线条。因为它可以让图标在这些显示屏上更加清晰。 ? ? 3 保持一定的图标细节 从一套图标中最复杂的那个开始来设计通常是最有效的，因为它会帮助我们定义相同的视觉重量，让所有的图标视觉重量保持一致。 ? 但是在你的最终设计稿里边，正确的，不扭曲的图标设计还是非常重要的。特别要注意，确保相邻的节点和相邻的元素是完全对齐或者没有间隙的。 ?
此时它有助于让用户在主屏幕上的其他图标中找到自己，但是什么能使应用程序图标脱颖而出呢？ 关于这个主题有很多文章，其中大部分都与保罗兰德的设计原则有关。这并不奇怪！应用程序图标是一个品牌。 iOS和Android设置中的应用程序图标 用户不需要试图理解设计师的想法。设计师确保在多种尺寸的实际设备上试用图标，并在必要时最终确定。由于像素数量的减少而导致细节的损失是不可避免的。 iOS应用程序图标 iOS人机界面指南中有许多有用的信息，但我们将重点关注Apple图标部分，其中Apple描述了技术要求并对设计提出了建议。我们将遵循创建图标的路径并深入了解这一点。 Android应用程序 图标在材料设计规范中，Google将有关Android应用程序图标的信息分为两部分：关于样式和技术要求。 用户从图标开始了解一个应用程序，该图标伴随着他的旅程一直到最后。图标的作用很重要且多方面，这就是设计师应该强调它的原因。但永远不要忘记应用程序本身！毕竟，只需轻点几下即可删除应用。
场景设计-目标场景设计 by:授客 A. 2、 如果选择的是场景运行一段时间后达到目标，lr就会尝试在这段时间内实现目标。它根据你定义的时间限制及每个用户的点击数，事务数，页面数的计算判断第一批要加载多少用户。 3、 如果选择通过渐变（x number of pages/hits every x amount of time）来实现目标，lr计算每个用户应该达到的点击数或页面数的目标数量并判断相应的第一批Vuser 运行每批Vuser后，lr评估每批用户的目标是否已实现。如果没实现，lr重新计算每个用户hits，tranction，pages的目标数量，并为下一批重新调整vuser数量来实现定义的目标。 目标场景设计步骤 a) 打开或创建一个场景 1、Start > Program Files > LoadRunner > Applications >Controller，在主控制条上点击 New
做原型设计时，我们往往感觉图标素材不够用，尤其是矢量图标不够。 矢量图标是矢量图的一种，这种图形也叫做绘图图像，是各种设计中比较常用的图片格式之一。 因为其是根据几何特性绘制，并且通过数学公式计算获得，所以，矢量图最大的特点就是可以无限根据设计需要放大或缩小，并且不会失真。那么，这么好用的矢量图标，要到哪里去找呢？ 今天我就和大家一起逛逛国内外比较常用的矢量图标的网站。 1. 阿里巴巴矢量图标库 在国内来说，Iconfont.cn可以说是国内设计师们的一块宝地。 矢量图标在这五十万个图标中占比很大。而且图标不仅是黑色和灰色，如果希望提高设计的保真度，在这里还可以找到彩色的矢量图。同样的，这个矢量图标分享平台目前还没有限制用户必须登录才能下载。 ? 3. 网站的标语说出了设计师们工作的目标：让内容说话。 ? 7.
这些天，随着新版本MacOS的发布，Sketch开发团队的设计师Janik Baumgartner 分享了对于工具栏图标重新设计的心得。接下来这篇文章，我们可以从中学到一些有用的知识。 在这之前我们也翻译了一篇关于Sketch设计师如何重塑Sketch图标的故事，大家可以看这篇 新Sketch图标背后的故事：如何为Big Sur重塑风格 Sketch作为一款关于设计的应用，小细节是非常重要的一环 团队在设计工具栏图标的时候非常谨慎小心，以确保用户不会对这些最常用的内容感到不适应。 Big Sur中的大更新 新图标的一个微妙但重要的变化是尺寸。 团队创建了一组基于线条的图标，以较低的不透明度填充，这种方式很不错，并且仍然与新的 macOS 设计语言保持一致。 “通过测试不同的不透明度级别，我们找到了满足我们要求的正确平衡点——即在符合黑暗主题的同时，还能让设计保持与众不同。” 设计1.5pt图标 在设计新图标时，线和点的增加成为最大的因素。
特别是一些需要基于应用程序进行创业的公司，图标设计直接关系到您在应用程序市场中的知名度。 本文将重点介绍Android和iOS应用程序的设计。我将总结设计中一些最重要的方面，例如外形尺寸和颜色选择。 颜色问题 为图标选一个合适的颜色是设计师面临的一大困难之一。尝试A / B测试来检查设计效果始终是一个不错的选择。这不仅适用于配色方案，而且适用于整个UI设计。 一般情况下，我们要使用干净的背景色和一些白色的标志性图形或文字来营造对比和清洁度。 如何选择让用户过目不忘的颜色 这不仅是设计师设计图标时的选择，还是品牌和营销决策。 02.使用多变的形状设计图标 在iOS和安卓的设计手册中，它们都为我们制定了图标设计模板。一般情况下，Google希望设计师以原始的方式使用形状和颜色；而苹果更倾向于为应用设计标准化的图标。 ? 总结 设计优秀的图标并不是一件简单的事情。 图标设计的三个核心方面：配色方案，图标形状和形状。
腾讯自研的产品设计研发一站式协作平台，支持在线导入预览Sketch设计稿、自动生成设计标注切图，灵活调用图标库、素材库，支持多种插件上传，让产品设计更轻松高效。
扫码关注云+社区
领取腾讯云代金券
云服务器
测试服务 WeTest
云数据库 PostgreSQL
文件存储
SSL 证书