在搬着小板凳坐工程师 buddy 旁边送果汁送零食的日子里,我受 Google Material Design 的启发,折腾出一套自认提高双方沟通效率的标注规则,心情挺好还为此做了模板,最下面有源文件的下载地址。 是的我曾经也很...
-
-
Sketch Sketch从入门到精通-Sketch3 九宫格
九宫格 在做图的时候,有的时候需要把画面划分几个部分,分别进行设计。因为随着作图能力的提高,规范性和严谨性就需要提高。尤其是网页设计,一个好的网页设计不是杂乱无序的。 所以我们可以用Sketch里的九宫格...
0 1k 03 8 月, 2015 -
Sketch Sketch从入门到精通-Sketch3四种模糊方式
现在经常能看到界面上各种模糊效果,或者是背景模糊,然后上面排字,放图片;通常是做背景的时候用到的模糊效果。在Sketch里面就有基本的四种模糊方式,分别介绍一下。 首先是最常见的高斯模糊(Gaussian Blur)...
0 994 03 8 月, 2015 -
JustinMind Justinmind免费资源 JUSTINMIND权威指南:Justinmind特性&Justinmind功能简介
这一篇是用来扫盲的,知道基础知识的童鞋可以再了解一下,不知道的同学要仔细了解。 对于老鸟来说可以直接飞过此章节。 JUSTINMIND权威简介(WIKIPEDIA) 全称:Justinmind Prototyper 简介:Justinmind是一个创...
0 961 031 7 月, 2015 -
Sketch Sketch从入门到精通-Sketch3 颜色填充
颜色在做设计中是重要又必不缺少的组成部分,颜色有很多变化,丰富的颜色变化会给你的设计加分,Sketch里边,就对颜色有各种填充的效果,下面具体介绍一下,Sketch里边一共有六种填充效果,虽然你平常只用一两种...
0 725 029 7 月, 2015 -
-
Sketch Sketch从入门到精通-Sketch3蒙版的使用
蒙版,顾名思义就是蒙上一层东西,只显示你想显示的部分,类似PS里面的遮罩。在Sketch里面,你可以有选择去显示想要显示的内容,比如你可以打开一张正方形的图片,然后想做一个圆形的头像,那么就需要在这个正方...
0 712 020 7 月, 2015 -
Sketch Sketch从入门到精通-Sketch3节点的模式运用
在进行对图形的具体编辑的时候,会经常用到节点,或者叫点也可以。当你用钢笔画出一个图形的时候,然后回车一下,你就会发现有好多个节点组成了一条线,这个时候我们要对具体某个图形编辑的时候,就可以调...
0 996 020 7 月, 2015 -
Sketch Sketch从入门到精通-Sketch3布尔运算
在Sketch里面,如果你发现一些基本的图形都不适合你,你想组合或者用更多的图形时,这时候就离不开布尔运算。当然,如果钢笔工具用的熟练的话,用钢笔工具也可以画出自己想要的复杂图形,但有些时候我们其...
0 1k 020 7 月, 2015 -
设计理论 跟随大师的脚步—Alan Cooper谈《About Face 4》及UX设计的趋势与实践专访
Alan Cooper的《About Face》是交互设计领域相当有影响力的经典之作。在这本书里,Alan Cooper描述了目标导向的设计方法(Goal-Directed Design),以及交互设计师在日常工作中必须掌握的各种知识与经验。在《A...
0 2k 014 7 月, 2015 -
Sketch 字体的转曲-sketch从入门到精通
字体在设计中是不可缺少的元素,无论你是设计海报,广告牌,网站,还是手机界面,都离不开字体。字体的运用也是设计中重要的组成部分。尤其是在做手机端界面设计的时候,一个像素都不能差。所以这就涉及到每个元...
0 1k 013 7 月, 2015 -
Sketch Mirror镜像的运用- Sketch从入门到精通
Mirror镜像这个只针对于设计手机界面的同学来说,比较有用。因为这是一个可以电脑做图和手机显示同步的一个功能。在Sketch的工具栏,你会发现这个Mirror,如下图: 看见了么?怎么样能实现和手机同步呢?首先你要...
0 1k 013 7 月, 2015 -
Sketch 网络和辅助线的使用- Sketch从入门到精通
设计师一般在作图的时候都离不开网格和辅助线,以前在PS或AI里的时候辅助线你必须手动去调整辅助线的位置,有的时候也难免会有误差或者半像素的偏离。但在Sketch 3里面,辅助线极大的避免了失误,并且提高了效率...
0 1k 013 7 月, 2015 -
Sketch Sketch从入门到精通 熟悉一下钢笔及各种基本图形的练习 免费版
上一章节因为涉及到了画圆及各种图形,怕有的小伙伴还是不知道,就在这一章节里仔细的讲一遍,大家也可以更熟悉一下Insert有哪些更多工具有助于设计稿。 第一个是钢笔工具,快捷键是V,可以画出你想要的任意形状...
0 920 03 7 月, 2015 -
Sketch Sketch从入门到精通 怎样切图及导出图片尺寸 免费版
怎样切图及导出图片尺寸 在讲这一章之前,先把上一章提到的布尔运算给大家讲一下(如下图) 这是顶部工具栏区域的一小部分。布尔运算有四种形式,你可以根据你的需求来选择不同的方式。 合并形状 (Union):合并的结...
0 3k 03 7 月, 2015 -
Sketch Sketch从入门到精通 第一章 初识Sketch 免费版
第一章 初识Sketch 1. Sketch 是什么? Sketch 是一款非常适合UI界面设计师们使用的矢量绘图应用。集合了PS和AI的优点,很容易上手使用。它可以很方便的进行网页,图标及移动端界面的设计制作和切图。 2. 为什么...
0 705 03 7 月, 2015 -
原型设计教程 交互设计师推荐APP产品原型设计工具 |UE网交互设计学堂
最常用的才是最靠谱的,有些文章里说的很多但是我作为一个交互设计师几乎都没使用过原因很简单,用不到那么多。 1.Visio 2013 推荐指数 ✦✦✦✦✦ 原因:线框专业户,灵活,Office使用习惯接受程度较高。支持各种平...
0 720 01 7 月, 2015 -
Sketch 最火的Sketch 的开发商 Bohemian Coding 是怎样一个公司?
TL;DR: Bohemian Coding 是一个高效务实而且懂得做产品的小团队。但也因为团队小开发实力有限主打产品 Sketch 仍存在不少问题。先从这个小公司的历史说起。Bohemian Coding 在 2008 年成立,主要专注于开发 Mac ...
0 2k 029 6 月, 2015 -
Sketch 如何使用Sketch3创建APP原型
自从Fireworks逐渐衰落之后, 我一直在找其他好用的app和网站设计工具。后来我发现,只需用Sketch再加上其他一些简单的工具,就能构成一条非常不错的设计生产线。 在这篇文章中,我将谈谈我是如何利用Sketch搭配Fl...
0 2k 129 6 月, 2015