标签归档：界面

如何利用网格系统科学地打造APP界面？

2018-10-15 | 界面设计

在视觉设计师设计一款APP的时候，最先要制定一套完善可行的设计规范，其中会详细定义颜色、文字、图标、结构、布局、间距等要素。但是很多设计师往往会忽视一个重要的东西，那就是网格系统的构建。网格系统可以说是整个页面的骨架，它将页面中所有的设计元素高效有序地组织起来，从而让整个APP的设计具有高度的一致性和规律性，提高设计师工作效率，避免凭感觉做设计。

在这些因素的制约之下，才能选取出科学的配色方案

2018-03-06 | 色彩

Tubik Studio ：我们的日常生活中总是面临着无尽的选择，大量的挑战。设计的决策也是如此，一个正确的决策会受到很多不同因素的影响，经验，知识，事实依据，还有别人的建议等等。在进行UI设计的时候，配色方案的选取是需要通过合理的决策来判断的，是使用深色系的配色比较好，还是浅色系的配色合适？

UI设计中的字体配色方法总结

2017-10-24 | 色彩, 视觉设计

王M争：今天来给大家分享产品设计中文字配色的一些知识点。要给文字配色，首先我们要知道你的产品(界面)中有哪些文字。在这里，我将产品中的文字主要分为以下四种：标题类、正文类、提示类和交互类。

大产品小细节！5分钟带你了解经典的费茨定律

2017-09-27 | 交互设计, 基础知识

金蝶云之家体验部交互设计师-王梓铭：大家有没有想过为什么按钮越大，越易于点击？为什么相关按钮需要相互靠近摆放？为什么 Win 系统要将「开始」按钮放在角落？这些设定的背后其实都有一个在人机交互中，非常重要的定律 —— 费茨定律。

用户最讨厌的3种界面交互设计

2017-09-22 | 交互设计

注意：本文中提到的设计方法在不同设计场景带来的效果是不一样的，并不能说是好的或不好的。这意味着，如果你正确执行，它们都具有很大的潜力。 1. 弹窗也许你有过这种经历。你打开一个新的网页，阅读里面的内容，当你看到一半的时候，突然间弹出一个巨大的覆盖区，要求你填写个人电子邮件地址。在大多数情况下，你的即时反应将是关闭覆盖层，或者关闭整个页面。

取消了 Home 键的 iPhone X，交互方式都有哪些变化？

2017-09-19 | 业界, 交互设计

iPhone X 作为一台全面屏的设备，和上一代的 iPhone 7 还是有着很大的区别，这些区别不仅体现在材质和工业设计上，在界面交互上也有一些差异。iPhone X 的显示屏所能显示的内容和 4.7 英寸的 iPhone 7 一样「宽」（同为 375pt），但在高度方面就比原先多出了 145 pt ，再加上 iPhone X 去掉了最为标志性的 Home 键，这两点直接导致的就是界面的布局和交互会发生相应的变化。

界面交互动效核心知识的分类与总结

2017-09-14 | 交互设计

Echo ：这篇文章是基于我自己的理解对界面交互动效设计进行了分类整理和总结。一. 什么是界面交互动效？界面交互动效是展现界面间的转换和界面内元素变化的交互反馈。而效果就表现在触发与结束的过程中，表现清晰的层级关系，自然的引出与结束。交互动效有着承上启下的重要作用。

全面剖析UI设计学习大方向

2017-08-10 | 发展规划, 基础知识

Hi，大家好！鲲鹏，现在UI设计行业吸引了很多童鞋纷纷进军UI，最近很多童鞋说新手学习UI真的是很困难，请我帮助分享一些经验，也理不清楚头绪，所以现在就特意来给大家做一个分享，也希望能够帮助到咱们学UI的童鞋！学UI能够掌握到我接下来分享的这几个点的话，你就有一个大概的思路和方向了。

网易资深视觉设计师：详解APP设计中的微妙细节

2017-08-05 | 视觉设计

随着移动优先的趋势，APP的设计也越来越受到公司重视，不断地提高APP的设计质量是每个设计师的追求，有哪些设计中的细节被你忽略了呢？让我们一起来看看这些细节你都把握住了吗。

下个阶段的设计师，为什么光做界面肯定是不行的？

2017-07-11 | 发展规划

王镇雷：刚做设计的时候，师傅教我们设计师不要过多的影响业务，把专业的事交给专业的人（产品经理/运营）去考虑。举个简单的例子，当设计界面时，我们只确定框架，如这里是一个可以填写文案的区块。但具体里面写什么，表达什么意思，都交给业务去判断，最多参谋参谋用户是否能理解。

UI设计中的文字

2017-06-26 | 字体, 视觉设计

文字是UI设计中一个重要的组成元素，文字使用的好坏会极大影响产品的用户体验。想象一下用户打开你的app，发现界面中的文字都是同一个字体，同样大的字号，连颜色都是一样的。这样的文字搭配用户读起来会很累，费时费力。用不了多久他们就可能会卸载你的产品，转而使用另一个界面设计更加友好，文字搭配更加合理的产app。

在UI设计中色彩的运用

2017-06-22 | 色彩, 视觉设计

颜色和其他东西一样，使用起来需要适度。在一个界面中颜色过多会让人找不到重点，而太少友让画面太单调。此时配色方案就是为了摆脱设计中对颜色难以取舍的困难而要必须去做的，以其为基准，在你的设计中灵活运用，让颜色使画面饱满而不杂乱。那如何做到颜色在设计中的平衡，如何让颜色成为你设计的一大利器，我们就此来讨论下。

超全面的用户引导设计指南

2017-06-21 | 交互设计

网易UEDC-任轶：用户引导，在生活中随处可见。医院的科室指向标、交通警察的指挥手势、男厕内为了达到“精准射击”的小苍蝇…… 然而，当我们看到不知是该“推”还是“拉”的门把手、看不出状态的开关、摸不清头绪的指示标，便会产生迷惑甚至焦躁。

UI设计中插画那些事

2017-06-16 | 视觉设计

在互联网产品刚刚兴起的阶段，app设计非常简陋甚至直接就是网页端的另一种打开方式，用户对app的期望也不高，只需要看懂即可。但是随着手机与人们生活联系日益紧密，如今我们清晨醒来，做的第一件事情就是打开手机，或是晚上让手机伴我们入眠。手机不仅仅是工具，它开始变成了我们身体的一部分，或者说是身体的延伸。