jolieLi2019888的博客

Sketch介绍Sketch是一款针对于界面设计的矢量绘图软件，暂时只可以适用于OS系统，即苹果电脑系统。目前在一线互联网公司已经使用得非常普遍了，产品经理、设计师、程序猿人人都可以使用。一方面是因为这款软件易学易用，另一方面是它的出现大大提升了工作效率。Sketch的复用样式、操作流、开源插件和非常方便的导出功能，使得它被推广为界面设计类核心软件之一。Sketch相对于Ps、Ai的优势...

Sketch基础使用之PrototypingPrototyping(原型)当您设计屏幕时，无论是移动屏幕还是Web界面，查看您的工作可能会很有用。借助Sketch的Prototyping功能，您可以轻松创建交互式工作流程并预览您的设计，因为您的用户将会看到它们。2018年2月28日，Sketch版本49正式发布，这次它带来了我们交互设计师期待已久的新功能：该功能可以实现原型页面之间...

Sketch基础使用(二)Symbol的介绍及应用场景Symbol是什么？Symbol译作“符号”，它是一种特殊的组，能被多个页面重复引用，在Symbol中修改样式，其他页面也会同时被修改。Symbol应该怎么用？注意上面所说的Symbol特性：能被重复引用，能批量修改并生效到所有页面。产品中部分元素经常会重复出现在多个页面中，例如菜单、搜索框、登录头像等，我们可以提取出来将其创建...

系统图标系统图标表示常见操作，文件，设备和目录。概念系统图标设计简单，现代，友好，有时古怪。每个图标都缩小为最小形式，表达了基本特征。图标形状是粗体和几何。它们具有对称且一致的外观，即使在小尺寸下也能确保可读性和清晰度。Yes\color{green}{Yes}Yes 使图标图形和粗体。*No\color{red}{No}No 不要使用纤细，薄的行程重量。*Ye...

Product Icons（产品图标）产品图标是品牌产品，服务和工具的直观表达\color{red}{产品图标是品牌产品，服务和工具的直观表达}产品图标是品牌产品，服务和工具的直观表达设计原则品牌表达产品图标是品牌和产品的视觉表达，包括其服务和工具。图标以简单，大胆和友好的方式传达产品的核心理念和意图。虽然每个图标在视觉上都是不同的，但品牌的所有产品图标都应该通过概念和执行来统一。...

文本和背景颜色文本可以用不同的不透明度显示，以表达某些信息相对于其他信息的重要性。文本的不透明度级别取决于您的背景是更暗还是更浅。浅色背景上的黑色文本对于浅色背景上的黑色文本，应用以下不透明度级别：最重要的文本的不透明度为87％。次要文本（在视觉层次结构中较低）具有54％的不透明度。文本提示（如文本字段和标签中的文本提示）和禁用文本的视觉突出性甚至更低，透明度为38％。浅色背景上...

色彩调色板描述颜色常见有四种种方式：RGB、CMYK、HSB、HEX（16进制值）。RGB：由红-Red、绿-Green、蓝-Blue三基色共同描述一个颜色。将三基色各划分为256阶，共计可以描述256256256=约1680万种颜色。用途：常用于描述电子显示其中的颜色。示例：如 rgb(0,0,225) 标示蓝色HSB：H(hues)表示色相，S(saturation)...

Material DesignMaterial Design，中文名：材料设计语言，在2014年的 Google I/O 上推出，是由Google推出的全新的设计语言，谷歌表示，这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。Google 的 Material Design 并不是简单的扁平设计，而是一种注重卡片式设计、纸张的模拟、使用了强烈对比色彩的...