Sketch 基础教程 5- 对齐及分布工具详解

本期教程介绍对齐及分布工具的使用，并利用对齐元素制作一个简单页面。更多优质教程 请关注 “一稿过”/// 开场白 ...上一篇我们学习了如何用布尔运算制作一个微信Icon，本次我们来学习一下如何使用对齐工具快速制作一个页面。/// 现在开始 ...我们先来了解一下对齐工具在Sketch中的位置，具体见下图。这八个按钮的图示非常明显，大家一看就知道具体怎么用。但是有些细节如果

产品 2016年11月30日

UI 风格是 A/B testing 能决定的么？

最近我司的设计师妹纸有些苦恼，新的 UI 方案始终不能得到 CEO 的认同。CEO 宝宝的想法是，做两套不同风格的方案（其实就是换主色调），扔去用户群投票。然鹅设计师妹纸不认同这个做法。CEO 宝宝的观点是，我们做的不是一件艺术品，而是为用户在做设计，而他基于自己这1年来对用户的了解，他认为用户喜欢的风格应该是那样的（自己支持的风格），而不是这样的（设计师坚持风格）。而当这

产品 2016年11月30日

交互设计体验之——Zeplin

Zeplin是链接设计师与前端的桥梁，用于团队协作，设计师可以用它进行标注，不过目前仅支持sketch，可能不久后会支持ps文件。之前看网上有人推荐它，就去试了下，先不说这款软件究竟怎么样，首先它的登录注册页面就让我有了很好的体验，不得不说设计师真的很用心。这是它的注册页，很简单大气吧！当鼠标点击Email栏准备输入时，后面会出现We’ll send an email to

交互体验 2016年11月30日

乐观派 UI：真实的谎言

我真诚地希望，这篇文章能帮助你理解乐观派UI设计背后的核心观念。想象3个用户界面（UI）一起去了酒吧。第1个点了一杯酒，然后又再点了几杯。几小时后，它买了单，醉醺醺的走了。第2个界面点了一杯酒，直接把钱付了，然后又点了一杯酒，又马上买了单，几小时后也醉醺醺的离开了酒吧。第3个界面刚走进酒吧，马上就已经醉醺醺的离开了——它知道酒吧是干什么的，它非常讲求效率，一点时间也不浪费。

产品 2016年11月30日

动效丨七何分析法帮你全面分析界面动效

@十圆QCee ：以前在团队内部做过一个关于动效的分享，当时，是从现实参照、功能性、品牌，等维度进行分析。这次为了更全面的了解界面动效，我参考了5W2H分析法。5W2H又称七何分析法，分别是：What、Why、Who、When、Where、How、How much。WHAT什么是界面动效？大家对其的理解大致是，用户界面上所有运动的效果，也可以视其为界面设计（UI desig

产品 2016年11月30日

排版｜为长文进行排版设计有哪些讲究？

先撇开用户兴趣和碎片时间的争论，我们来聊聊较长的内容在网页设计中应当注意的问题吧。对于网站和APP而言，长内容，或者说长文，可能是内容策略中最有价值的一个组成部分（前提是它并不是无聊内容的堆砌）。用户喜欢好故事，而长内容所提供的沉浸式的阅读感受则能够为用户提供引人入胜的体验。为了能够让用户保持兴趣不停读下去，你必须提供令人愉悦的设计和交互，让内容从头到尾的体验都是一致的。想

产品 2016年11月30日

史上最全的摄影后期调色工具剖析！

面对一张原片，在我们分析过后这张照片需要调什么色彩之后，便该进入实操环节了——使用各式各样的调色工具，为我们完成照片的色彩调整。当我们去欣赏一幅照片时，给我们带来第一眼冲击的便是照片的色彩，色彩在一幅作品中有着关键性的作用。简单的色彩中可以包含情绪，传达拍摄者的感情，合理的调整色彩可以让照片拥有更强的生命力。在介绍Photoshop色彩调整工具前，我们首先需要了解一个重点—

产品 2016年11月30日

情感化的 UI 设计 APP 设计师如何下手

今天讲讲关于情感化设计的知识，通过一些案例和场景来了解它。作为一名初级的APP设计师，如何来把握好情感化设计，还是有点困难的。因为不知道从哪几方面去下手设计。今天跟大家聊聊情感化UI设计当中最引人注意的那部分。第一部分：色彩一直以来，色彩都是大家都已经熟知的情感化UI设计的关键元素。不同的色彩代表不同的情感。给用户带来不一样的心情。这个也是情感化设计当中重要的一个元素。同时

产品 2016年12月01日

交互设计的 3 种场景：需求场景、环境场景和手机场景

之前有人问过我一个问题：实习期间最大的收获是什么？我回答的是：场景。的确，实习之前其实没有什么场景的概念，那时候我会觉得交互设计是一门很理性的学科，主要依靠的是逻辑分析。实习期间，每次给导师讨论方案或者问题的时候，导师总是会冒出来一句：你这个设计点依据的场景是什么？在给产品经理展示方案的时候，产品经理也会冒出来一句：你有没有考虑过这里的使用场景。甚至于，只要发现他们在聊产品

产品 2016年11月30日

准备好开始跟我学 Sketch

这是本公众号的第一篇文章，往后会给大家推送《零基础学Sketch》系列文章，此系列完成之后还会给大家提供前端工程师入门系列文章。欢迎您关注本公众号以便能接收到接下来的教程推送。从业8年有余，对这一职业的认识也在逐年加深。特别是近两年开始改用Sketch进行App UI设计工作之后，对这个由设计师主导开发的工具好感油然而生，它让我感到我终于找到了我一直在寻找的东西，它让我对本

产品 2016年12月01日