薛增辉的博客

效果展示准备工作1. 安装IOS UI design组件库打开Sketch的偏好设置➡️组件库➡️下载安装2. 安装iconfont插件没有此插件和iconfont字体几乎所有iconfont都会在Sketch中显示为问号插件库中搜索iconfont➡️点击What is a font bundle➡️下载压缩包➡️安装tff-files文件夹中所有字体

Runner号称全世界最快的Sketch插件，可在Sketch内部搜索并执行操作，减少设计过程中操作菜单栏的查找和选择，男人就要快！安装官网下载：Runner使用快捷键Command+'，有Run、Goto、Insert、Create、Apply、Install六个功能，按tab键可切换功能。Run——运行快速调用Sketch中已有的功能，包括面板、菜单的功能和插件的功...

蒙版Mask官方定义：Sketch里的蒙版可以让你有选择性的显示出图层的一部分。比如说在一个图片上圆形蒙版，那么这张图片就只会显示出圆形内部的内容。相当于PS中的剪切蒙版，是一个形状遮罩，只会按照蒙版的形状来展示内容。提供两种Mask，Outline Mask轮廓蒙版和Alpha Mask透明度蒙版轮廓蒙版处理图像的形状，典型的应用是处理社交头像。使用方法置入形状，右...

3D球体——在练习中熟悉操作效果图：具体步骤步骤一. 创建画板，绘制球体使用快捷键A，创建800*600的画布使用快捷键O+Shift，绘制一个直径为340的圆形设置填充类型为径向填充，色值为#E2CFFF-#84739D-#403055步骤二. 绘制镂空使用快捷键O先绘制一个160*112的椭圆将椭圆旋转-55°按住Option拖动椭圆，复制两个，一个放在右侧，...

Materia Design原则回顾1. “原质化”2. 隐喻3. 鲜明、形象、深思熟虑4. 有意义的动画效果Material Design风格网站赏析1. RumChata电商品牌网站网址：http://www.rumchata.com/age-gate△结合了MD设计的物理美学风格，通过创建与现实事物中相似的外观及功能，给用户提供了一种简约色彩缤纷、但看起来简单直观的体验...

图像在Material Design中，图像（包括绘画和摄影）都是组建而成而非人为策划。强调场景的实质性、质感、深度，体现在让人意想不到的色彩运用，以及对环境背景的关注。看起来让用户觉得舒服、神奇但是却看不出是过度人为修饰、制作的图片原则使用能够表达个人关联、信息和令人愉悦的图像。1. 个人关联△使用能够唤起回忆的影像来建立用户和应用程序的情感联系2. 信息△传达特...

真实的动作在Material Design设计规范中，动作不止是呈现着它美丽的一面，它还意味着在空间中的关系、功能以及在整个系统中的趋势。体积和重量物体无法在瞬间开始或者结束动作——过渡动画响应式交互响应式交互把一个应用从简单展现用户所请求的信息，提升至能与用户产生更强烈、更具体化交互的工具。让用户信任，并且吸引他们。animation表层响应接收到输入事件，如点...

Material Design于Google I/O 2014 大会发布（谷歌出品，必属精品）。“原质化设计”，将物理世界的体验带进屏幕。整体框架设计原则Material is the metaphor，实体感就是（通过设计方式来表达）隐喻Bold， graphic， intentional。鲜明、形象、深思熟虑Motion provides meaning，有意义的动画效果...