Sketch 基础 7- 临摹一组线条 Icon Part1

今天我们来制作一个线形的icon，非常简单仅需4步。更多教程请关注“一稿过”！/// 开场白 ...上一篇我们学习了如何使用Sketch的文字工具，本次我们来临摹一组线条Icon。/// 现在开始 ...／ 01 ／我们先来新建一个画板，快捷键：A。尺寸为120x120。然后在画板内建立一个矩形元件，快捷键：R。尺寸为90x100，并且去掉颜色填充只留下边框。将元件居中排列

产品 2016年12月18日

PS新手教程！手把手教你绘制一枚超萌的QQ方形图标

编者按：今天@P大点S微博 来一篇超简单的PS教程，教你绘制一枚方形图标，操作简单易上手，源文件已打包，假期花十分钟来练个手吧。源文件打包   百度云下载：http://pan.baidu.com/s/1qXWcD1i新建个文档，我用的尺寸是800*600像素，大家请随意，做一个渐变背景，用圆角矩形工具画一个圆角矩形，我用的颜色是# 1a181a！ 用两个椭圆相减，画出企鹅

产品 2016年05月01日

这可能是关于动态面板最细致的讲解

动态面板是Axure中使用频率最高的元件之一，动态面板专门用于设计原型中的动态功能，它可以包含一个或多个状态，每个状态就是一个页面，在这里可以任意编辑，通过控制状态的切换或显示/隐藏来实现一些我们常见的交互效果。特定的交互事件动态面板有一些自己专用的特定事件：动态面板状态改变时、尺寸改变时、拖动时、滚动时和载入时。有一些事件是通过其他用例中的动作设置从而触发进行，比如显示或

业界 2018年04月17日

Aure原型如何根据使用场景来设置文本样式

文本是我们画原型的时候肯定会用到的元件，我们PM必须学会根据使用场景来合理的设置文本样式。如果你不懂得如何设置也不会影响工作，但是会导致你的原型看起来很丑不美观和会浪费很多时间。对于有追求的PM来说，原型的美观也是衡量自己能力的体现。建议对照之前的文章《Axure原型如何根据使用场景来设置页面样式》一起学习下我用Axure设计APP原型的经验技巧，以我画的微信APP原型来作

Axure教程 2018年02月11日

常见的列表页如何用Aure画出来

列表页是PM画原型的时候最容易碰到的页面类型，那么如何快速画出并且展现交互呢？我们从具体的例子开始讲解其中的技巧，和各种不同的演变场景。希望初级PM可以通过这篇文章改进下自己的画法。列表页基本是由页面框架，上导航，以及内容区的列表组成，最重要的部分也是今天文章的重点是 列表部分 。它可能是文字列表，图片列表，图文列表，表单列表，单选框列表等多种形态。画列表页的基本步

业界 2018年01月09日

设计软件中的矩形和圆角矩形工具有必要分开吗

讨论sketch的矩形和圆角矩形工具是否是功能上的重复，对比Framer js和Affinity Designer引出矩形属性修改的交互方式有何更优解法使用sketch的矩形工具和圆角矩形工具引发的一些思考！矩形和圆角矩形工具是否是功能上的重复？在使用sketch的过程中，我们用快捷键R来激活矩形工具创建矩形，用U选择并创建圆角矩形工具，两者在右侧inspector面板中所

产品经理 2017年06月25日

在 Mockplus 中，如何做鼠标悬停时菜单下拉的效果？

了解Mockplus的用户会知道，该原型工具目前并不直接支持鼠标悬停功能。但我经过尝试，发现想用它实现一个鼠标悬停事件并不是什么难事，比如网页设计中很常见的鼠标悬停时菜单下拉的效果，只要换个思路，利用Mockplus的状态交互功能，就能轻松实现。我们来看看详细步骤：第一步：用矩形做一个菜单。打开Mockplus，从界面左侧的组件库中拖出一个矩形，将其复制成多个。其中一个作为

原型设计 2017年06月20日

矩形框：深度理解和应用元件样式（一）

此文可能是所有文章里最为基础的一篇，但是相信它会给你带来扎实的原型设计基础知识。矩形框，在Axure自带的元件库里，是一个普通的不能再普通的元件。系统提供三种类型，有边框白色背景、无边框浅灰色背景和无边框深灰色背景。然而，我们有时候可能小看了这个元件。毕竟，只是一个矩形框而已，能有多大的用处呢？下面，我们从矩形框的基本样式设置、交互样式设置和属性设置三个方面，来看看矩形框到

产品经理 2017年05月15日

Aure 教程：原型设计之多用户注册登录

当我们遇到需要记录用户信息及行为历史的产品时，肯定少不了注册登录这个流程，下面我们就一起来看下这样的原型该怎么去制作吧。第一步 登录页面制作首先我们需要一个动态面板，设置三种状态。状态1我们作为登录界面，在其中拖拽两个文本框，分别命名为：用户名1，密码1，对第二个文本框类型设置为密码；接着拖拽三个矩形框，一个填充为灰色，输入文字：登录，作为登录按钮，一个输入文字：没有账号，

Axure教程 2017年03月26日

UI 设计中的黄金分割比

之前在 Medium 上看到的这篇文章，翻译了一下，介绍给大家。作者信息见文章末尾。黄金分割比在建筑、电器、logo 设计和摄影等领域都有着举足轻重的作用。我不准备用过多的篇幅去讲它的概念，大家可以在维基百科中去了解。我们的意识总是倾向于接受和谐和美好事物，而黄金分割比就可以在感知上使一款产品让人感到舒适和愉悦。简单点说，它就是一个让产品在设计中达到某种平衡的工具。这种方法

产品 2017年03月14日