图形用户界面
-
Sketch从入门到精通-Sketch3 九宫格
九宫格 在做图的时候，有的时候需要把画面划分几个部分，分别进行设计。因为随着作图能力的提高，规范性和严谨性就需要提高。尤其是网页设计，一个好的网页设计不是杂乱无序的。 所以我们可以用Sketch里的九宫格，…
-
Sketch从入门到精通-Sketch3四种模糊方式
现在经常能看到界面上各种模糊效果，或者是背景模糊，然后上面排字，放图片；通常是做背景的时候用到的模糊效果。在Sketch里面就有基本的四种模糊方式，分别介绍一下。 首先是最常见的高斯模糊（Gaussian Blur），…
-
Sketch从入门到精通-Sketch3 复制旋转功能的运用
复制旋转功能是一个算是很特别很好玩的一个功能，当你需要对一个图形重复旋转的时候，如果手动调一定会有偏差，这个时候就需要复制旋转功能来实现，在菜单栏中进入图层 — 路径 — 复制旋转 (Layer > Paths >…
-
Sketch从入门到精通-Sketch3 颜色填充
颜色在做设计中是重要又必不缺少的组成部分，颜色有很多变化，丰富的颜色变化会给你的设计加分，Sketch里边，就对颜色有各种填充的效果，下面具体介绍一下，Sketch里边一共有六种填充效果，虽然你平常只用一两种，…
-
Sketch从入门到精通-Sketch3蒙版的使用
蒙版，顾名思义就是蒙上一层东西，只显示你想显示的部分，类似PS里面的遮罩。在Sketch里面，你可以有选择去显示想要显示的内容，比如你可以打开一张正方形的图片，然后想做一个圆形的头像，那么就需要在这个正方形…
-
Sketch从入门到精通-Sketch3节点的模式运用
在进行对图形的具体编辑的时候，会经常用到节点，或者叫点也可以。当你用钢笔画出一个图形的时候，然后回车一下，你就会发现有好多个节点组成了一条线，这个时候我们要对具体某个图形编辑的时候，就可以调节…
-
Sketch从入门到精通-Sketch3布尔运算
在Sketch里面，如果你发现一些基本的图形都不适合你，你想组合或者用更多的图形时，这时候就离不开布尔运算。当然，如果钢笔工具用的熟练的话，用钢笔工具也可以画出自己想要的复杂图形，但有些时候我们其实…
-
有凭无据——论登陆界面密码可见的重要性
作者简介：Luke Wroblewski是一个界面设计师、战略家及作家（Site-seeing: A Visual Approach to Web Usability 一书的作者 ）。现在他的工作是 Yahoo! 的首席设计师（Principal Designer），以及 LukeW Interface …
-
Apple Watch应用设计案例-QQ空间
一、初期方案 设计初期，我们希望能够挖掘一些用户在手机端常用的点进行延伸，如：访客、礼物、动态。包括配色和图形设计也延伸了手机端的设计风格。 二、竞品分析 我们对Instagram和Twitter进行了研究，整体上是手…
-
字体的转曲-sketch从入门到精通
字体在设计中是不可缺少的元素，无论你是设计海报，广告牌，网站，还是手机界面，都离不开字体。字体的运用也是设计中重要的组成部分。尤其是在做手机端界面设计的时候，一个像素都不能差。所以这就涉及到每个元素…
-
Mirror镜像的运用- Sketch从入门到精通
Mirror镜像这个只针对于设计手机界面的同学来说，比较有用。因为这是一个可以电脑做图和手机显示同步的一个功能。在Sketch的工具栏，你会发现这个Mirror，如下图: 看见了么？怎么样能实现和手机同步呢？首先你要在…
-
网络和辅助线的使用- Sketch从入门到精通
设计师一般在作图的时候都离不开网格和辅助线，以前在PS或AI里的时候辅助线你必须手动去调整辅助线的位置，有的时候也难免会有误差或者半像素的偏离。但在Sketch 3里面，辅助线极大的避免了失误，并且提高了效率。 …
-
手腕上的交互，谈谈安卓与苹果可穿戴系统初体验
作者简介：Luke Wroblewski是一个界面设计师、战略家及作家（Site-seeing: A Visual Approach to Web Usability 一书的作者 ）。现在他的工作是 Yahoo! 的首席设计师（Principal Designer），以及 LukeW Interfac…
-
下一个转场，动画见
好的动画转场能够提升用户体验，今天翻译的文章将说明动画与用户体验的关系，以一些精彩的动画转场案例。以下是译文： 在设计数字产品时，为用户提供无缝体验是广受欢迎的目标。 现代设备和软件已经实现了在屏幕上…
-
Sketch从入门到精通 熟悉一下钢笔及各种基本图形的练习 免费版
上一章节因为涉及到了画圆及各种图形，怕有的小伙伴还是不知道，就在这一章节里仔细的讲一遍，大家也可以更熟悉一下Insert有哪些更多工具有助于设计稿。 第一个是钢笔工具，快捷键是V，可以画出你想要的任意形状。…
-
Sketch从入门到精通 怎样切图及导出图片尺寸 免费版
怎样切图及导出图片尺寸 在讲这一章之前，先把上一章提到的布尔运算给大家讲一下(如下图) 这是顶部工具栏区域的一小部分。布尔运算有四种形式，你可以根据你的需求来选择不同的方式。 合并形状 (Union)：合并的结果…
-
Sketch从入门到精通 第一章 初识Sketch 免费版
第一章 初识Sketch 1. Sketch 是什么？ Sketch 是一款非常适合UI界面设计师们使用的矢量绘图应用。集合了PS和AI的优点，很容易上手使用。它可以很方便的进行网页，图标及移动端界面的设计制作和切图。 2. 为什么要…
-
最火的Sketch 的开发商 Bohemian Coding 是怎样一个公司？
TL;DR: Bohemian Coding 是一个高效务实而且懂得做产品的小团队。但也因为团队小开发实力有限主打产品 Sketch 仍存在不少问题。先从这个小公司的历史说起。Bohemian Coding 在 2008 年成立，主要专注于开发 Mac 软…
