向团队推荐摹客

注册

摹客精选

分享产品设计技巧、案例、资源、工具、新闻，
与你一起精进设计。

对齐！框框框！

今天还是从一个小小的切入点聊一聊，对齐间距。文字间距怎么调整，效果比较好？上下间距的节奏怎么把控…… 对齐与间距，无非左右上下的关系，怎样才能让符合用户的视觉感知呢？芸芸众生，红尘滚滚，有幸让他（她）瞄上一眼，留下个“很舒服”的第一印象，非常重要。而且在实际设计的流程中，如果经常因为哪里没对齐被批，会影响整个团队效率，你在团队中信任度也会降低。不要迷信什么大神了，还是把自己当前水平该掌握的...

5 min read
App启动页设计实例和技巧，启动即让人心动

App启动页，也称闪屏页，最初是为缓解用户等待Web/iOS/Android App数据加载的焦虑情绪而出现，后被设计师巧妙用于品牌文化展示，服务特色介绍以及功能界面熟悉等平台进行设计，被赋予了更加丰富而实际的作用。然而，即使是简单的使用图片，文字，以及色彩的不同直接展示软件或产品功能文化的启动页，也会给用户带来完全不同的感受和体验。那么，作为UX/UI设计使，究竟如何才能巧妙而富有创意的...

5 min read
一款APP从设计稿到切图(2018版)

Part 1 设计前的准备工作 ①合适的设计工具 Sketch 精不精通Sketch，就看插件用的溜不溜，推荐个网站：Sketch.cm 无论是学习Sketch，还是搜插件、找素材，都是Sketch使用者的优选项。 Sketch是OS X平台独占，需要下载Sketch可以到这个网站去下载。这里推荐个Mac平台应用的下载网站，使用Mac的小伙伴可以去这里下：Xclie...

5 min read
灵感爆表！车品销售后台界面赏析

这个虽然是2014年在第一个东家的时候做的，好多源文件都丢了。听以前的同事说这个业务黄了，所以把能找到的源文件整理了一下发出来了。现在感觉互联网行业有些寒潮；开发和设计今年工作机会相比往年少了很多，很多企业招人直接3年经验起步，所以相比于几年前的移动互联网爆发期，投资者更加成熟，公司对就业者的需求更加明确，就业岗位少了很多。不管怎么样，与诸君共勉吧！直接上图：

5 min read
聊天界面设计：聊出一个未来

在过去的很长一段时间里，每当我坐在电脑前，父母的问候语总是“在聊天吗”，一定程度上可见网络聊天之深入人心。科学一点，翻看近几年不同地区互联网用户时间的分配比例数据，聊天时间通常也占据前三位之一。这似乎已经是司空见惯的形势，然而仔细品味，会发现聊天并不是件简单的事情。社交场景大家最熟悉的聊天工具莫过于IM产品。从QQ、微信，海外的Line、Whatsapp，到各种在历史浪潮中前赴后继的聊...

5 min read
如何搞定界面设计-构图篇

“人家设计得真好！”可是好在什么地方呢，却说不出来。这是阻挡你成为优秀设计师的一大障碍。设计是我们的本行，不会用设计语言来解构画面，是说不过去的。移动互联网设计发展到今天，有很多传统的设计规律可以遵循，也提出了新的挑战。因为手持设备屏幕较小，如何在有限的页面内呈现或引导有效信息，又不显得杂乱臃肿，考验着设计师的能力。为什么有的主题或App界面就那么舒服，那么清新，那么有情怀？里面蕴含着哪些...

5 min read
拿什么拯救尴尬的UI界面？

你是否体验过死气沉沉的交互界面？或者你又是否曾感到自己设计的UI界面总是缺了点什么？如果你经历过上述的情况，那么你应该就体验过“尴尬”的UI界面。收下这篇全是干货的文章，拯救你的尴尬症！ “尴尬”的UI界面就好比少了载入指示，忘记告诉用户出了什么错，或者更甚者，干脆用可怕的错误信息吓死用户。也可能界面中的图表很奇怪，只含有很少的数据，新数据又会在毫无征兆的情况下突然出现。如果你还是不明白“尴...

5 min read
移动记账 App 的设计探索

现代智能手机给我们提供了非常多丰富实用的功能，比如平时颇为在意金钱去向的我，就是一个手机记账 App 的使用者，曾经尝试过各种记账 App，但好像都有那么一点不满意，于是我就想如果是我来设计这么一款 App 的话，我会怎么去设计呢？本文记录的就是一次移动记账 App 的设计探索过程。一. 设计前的思考简单、高效和安全是设计之初就想到的三个关键词在一天的使用过程中，我很可能存在多次...

5 min read
关于空状态(Empty States)设计

空状态，或零数据状态，比如网站购物车为空时、页码没有下一页、某页面出错或不存在等等这些都可以称为“空状态”，但这个很多时候被设计师忽略，我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下，因为从表现上来看，空状态给人的感觉就是临时性的，有些微不足道。不要被空状态的名字所迷惑，实际上，这个状态在引导性、愉悦性和保留用户等方面的潜质对于产品体验在细节当中的成败有着不可忽视的作用。...

5 min read
6个技巧帮你把IOS的UI转换成安卓！

想适配两个完全不同的平台，有哪些需要注意的点呢？今天这篇文章总结了6个值得新手学习的地方，包括图标、屏幕密度尺寸、设计等等，来收吧！ 1. 不要转换你不应该在安卓上使用同一套规格的UI。iOS有一个能让你一键返回桌面的“物理home键”。然而，安卓上的按键是“返回、home和多任务”。这意味着什么？一位安卓用户可以从一个应用轻松跳转到另一个应用。这是一个很大的不同之处。因此，iOS...

5 min read
设备的转向设计：从纵向到横向

我们智能设备中的内嵌加速器通常根据设备的方向来对准屏幕，换言之，就是纵向与横向模式间的互相切换。这一特点为我们创造了机会，来制出更好的用户体验——只需轻轻转动设备，无需点任何按钮，就出现了一个新版面。然而，设备不同方向的设计面临着各种挑战，要求思路缜密，确保用户不会感到唐突，转换于无形。要做到这些，就要理解与该功能相关的整体环境关系。不同方向的设计对手机或平板电脑来说都是加分的。此文意在为...

5 min read
UI动效设计解析：迪士尼动画要素真的靠谱吗？

首先声明，我不是一个反动效人士，我只是一个对那些完全不明所以的动效持保留意见的普通人。设计师最宝贵的特质就是自制——知道你在做什么，而不是哗众取宠。相较那些仍执念于浮夸动效的设计师，我会尽我所能来明确到底哪些动效适用于哪些情境。我也很希望能收到你们对这个话题的评论和建议。一个做作的例子镇楼图一定要够抓人——如果你看到类似下图的设计，请默默为其背后的设计师点赞，他绝逼是做UI的命、...

5 min read
设计1+2，摹客就够了！

全能设计协作平台，
产品经理用RP，UI设计师用DT
免费使用

电话咨询

咨询热线

工作时间：9:00-22:00

191 3067 1449

在线客服

需要帮助？

我是小摹，你的7*12小时产品顾问

立即扫码加入官方微信群