向团队推荐摹客

注册

摹客精选

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

对齐！框框框！

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

5 min read
视觉设计远不止“好看”这么简单

设计师和理发师其实有点像，理发师基本分为三种：一种是只会搞基础发型的，比如寸头、中规中矩的长发、老太太卷头等；一种是只会剪流行发型的（这种发型师还很容易摇身一变成为造型大师，告诉你你应该改变，应该剪目前最流行的某款发型，但实际上可能是他只擅长这款发型）；还有一种是最可遇不可求的，他根据你的脸型、性格等，用最简单的手法量身设计发型，让顾客的气质度立刻得到提升。入行这么些年，我接触的设计师也不少，...

5 min read
一个视觉交互设计失败的案例

最近在做产品设计时，遇到了一个非常典型的设计失败案例。这个案例反应了一些老生常谈的问题，我觉得非常有意思。好看的设计未必好用我负责的是一款秀场类产品，近期要在移动端中添加一个模块，模块主要的功能是展示主播的录播视频。下面展示一下原型图和效果图的对比。我的原型图中，采用了最简单常用的布局方式，而UI设计师拿到需求以后，觉得这样做实在死板，想做一些和其他竞品的差异化。所以，将视频封面...

5 min read
国外的视觉设计好在哪里

最近为了团队能做好产品首页设计，我研究了很多国外to B类的相关产品设计。我发现国外这类设计作品在整体水准上比国内高了不止一个档次（国内to B产品起步较晚，在设计方面的研究几乎空白），而这种差距和设计技法没有太多关系，更多的是对产品个性的把握和传达。国外一些to B 产品的首页设计以上是我随便找的几个产品的首页截图，大家感受下。总的来说，国外设计有以下几个特点：一、超高逼格（放大看...

5 min read
【案例分析】当交互设计师碰到视觉设计，又会有怎样的火花？

有人说，工科背景出身的交互设计师跟视觉出身的交互设计是的区别之一是，前者设计的东西会不够有美感，也就是很low。虽然逻辑架构，特别是做大型管理系统的时候，可以很快把信息和功能模块归类，但是视觉知识和审美积淀，对我们这种工科生来说，却是天生的bug。那么，当交互设计师在一个项目中需要承担起视觉设计的工作的时候，该怎么办呢？视觉设计的思维不像开发知识，或者版面设计中那些对齐理论一样，恶补几天就可...

5 min read
确定会使用视觉分隔符吗？干货在此！

在Web和移动用户界面中对内容呈现进行周到的设计，对于扩大产品的实用性和可用性意义重大。本文将重点介绍用于视觉板块划分的技巧：分隔符和布局。和摹客一起来看看都有哪些常见的视觉分隔符吧~什么是视觉分隔符？视觉分隔符是一种布局元素，有助于将内容分成清晰的组、部分或区域。并且，可以帮助设计师根据典型的视觉感知模式来组织页面，并使布局更清晰，更易于用户理解。分隔符与其它页面元素在建立坚实的视觉层次结构中发...

5 min read
2018网页UI设计：轻松搞定视觉层次感

众所周知，相较于平淡无奇，毫无重点的网页UI设计，具有良好视觉层次结构的网页UI设计更受用户青睐。为什么呢？答案其实很简单。极赋视觉层次感的页面设计不仅极具设计美感，取悦用户身心。而且还建立了清晰直观的视觉层级，方便用户简单快速的识别和读取需要的页面内容，从而提升用户体验，降低跳出率。但是，究竟如何才能结合网页/产品特色和用户的真实需求，将页面视觉内容层级化，从而提供更加优质的用户体验，实现...

5 min read
UI/UX 中的视觉设计是什么？

在 UI/UX 行业，“视觉设计”这个词被广泛使用，总有初学者对视觉设计这个概念不太理解。究竟什么是视觉设计？它与 UI/UX 设计有什么关系，视觉设计需要什么？今天，小编将对这些问题进行一一解答。什么是视觉设计？视觉设计本质上是制作用户界面的视觉和美学品质的过程。UI设计和视觉设计有什么区别？UI 设计是关于用户界面的一切，包括交互和功能等。视觉设计仅仅针对可见 UI 的...

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

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

电话咨询

咨询热线

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

191 3067 1449

在线客服

需要帮助？

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

立即扫码加入官方微信群