在本文中，我将分享一些我认为可以在日常工作中对您有所帮助的方法，但这些方法并非一成不变。其实我觉得设计就是跳出框框思考，但是你也需要先知道规则，这样才有可能打破规则。为像素密度而设计，而不是3dp或4dp中像素△的像素值。如果你对dp的概念不熟悉，我先在这里解释一下：像素密度是每英寸的像素值，也叫ppi，单位dp是单词“density-independentpixel”的缩写，有时也简称“浸”。在设计界面时，建议不要针对像素进行设计，而是针对设备的像素密度进行设计。这确保了设计元素在不同设备上的适应性。例如，如果我们设计一个尺寸为200x50dp的按钮元素，它在160ppi屏幕上显示为200x50dp，在320ppi屏幕上显示为400x100px，是原始资源尺寸的两倍。一些屏幕的每英寸像素比其他屏幕多，但设计资产在更密集的屏幕上不会显得更小，因为它们是这些屏幕上原始尺寸的2倍、3倍、4倍。加倍渲染。这种机制确保所有设计资源在密度和设备上保持相同的大小。例如，iPhoneXSMax的屏幕尺寸为414x896，但这不是像素尺寸而是点数，以像素为单位为1242x2688px。考虑到这一点，在设计iPhoneXSMax时，我将以414×896点进行设计并交付@3x设计资产。用好8dp增量为什么在设计中使用8dp增量规则？这里做一个简单的解释：我们之所以使用幻数8而不是5，是因为如果设备有1.5倍的分辨率，就很难被整除和锯齿状。此外，大多数屏幕尺寸都可以被8整除，这使得我们的设计很容易适应这些屏幕。它还通过在8点网格上以8为增量进行设计，使设计更加统一。设计师可以快速做出决定并实现完美契合，而无需更多猜测。去掉线条和边框在设计的时候，应该时不时的停下来看一看，判断设计出来的容器会不会把UI弄乱。通常，用于分隔内容的框和线可以用空白代替。我们以前做设计的时候，喜欢把元素放在盒子里。所以，只要去掉这些框，就可以让页面看起来不那么密集，给元素更多的呼吸空间，整个界面也可以提升一个档次。注重对比适当的对比不仅能让用户在页面上看到相关信息，还能提高产品的易用性。设计产品类似于建造公共建筑，例如图书馆或学校，需要包容所有人：盲人、色盲或视障用户。Web可用性指南(WCAG)(https://webaim.org/articles/contrast/)规定对比度至少为4.5:1。为了保证你做的设计符合标准，建议下载一个叫“stark”的插件来检查设计是否OK。某些元素被认为是遵循用户习惯的标准有很多原因。例如，如果将按钮设计成圆形，那么当文本需要是“开始免费试用”时，按钮会占用不必要的垂直空间。此外，用户已经开始期待类似的产品体验。如果您设计的网站、应用程序或软件无法按照用户习惯的方式运行，那么它就不直观，用户可能会对体验感到失望。因此，与其重新发明轮子，不如在现有设计规范范围内进行创新。使用颜色阴影构建层次结构每种颜色都有视觉权重，这有助于在您的内容中创建层次结构。通过使用颜色阴影赋予元素不同的重要性。这里的经验法则是，如果一个元素比另一个元素更重要，那么它应该具有更高的视觉权重。这使得用户很容易区分重要和不重要的信息，从而使他们能够快速浏览页面。更大、更突出的信息会首先吸引用户的眼球，然后他们才会看它下面的次要信息。避免使用两种以上的字体一个普遍接受的设计共识是应该限制在同一界面中使用的字体数量。一般来说，两种不同的字体就足够了。这并不是说不能使用更多的字体，而是必须有正当理由，否则最好不要使用。这个问题的解决方案是使用字体系列。使用字体系列，我们可以在设计中使用具有不同变体的相同字体，来自同一系列的字体设计为一起使用，灵活且一致。选择字体时，优先选择具有各种粗细的字体，例如Light、Standard、MediumBold、ExtraBold、ExtraBold、Wide、Extended和Italic。这将为您提供更多余地，而无需添加额外的字体。直接而不是让用户直接思考是产品设计的一个很好的策略，因为，为什么要让用户思考？结帐页面、电子邮件收件箱、搜索历史记录、后退按钮等都是很好的例子。在结帐页面（如果设计得当），我不需要记住我购买的是什么，并且可以清楚地识别我购买的是什么，而不会影响我的记忆。△搜索历史记录在我的Gmail收件箱中，我只需看一眼就可以确定我读过哪些电子邮件，而无需考虑。或者，如果我登录到亚马逊，我可以快速从我离开的地方继续，因为它会告诉我最近查看的项目。“通过使对象、操作和选项可见来最小化用户的阅读压力。用户不必记住从对话的一部分到另一部分的信息。在适当的时候，系统使用说明应该是可见的或易于搜索的。”-NelsonNorman不要让用户慢下来对于用户来说，速度和效率是唯一重要的事情。用户使用应用程序的目的是解决他的问题。“我想变得更快”——RickyBobby如果你做了很多丰富的功能，那很好，但不要让你的创造力妨碍我作为用户的目标。关于动画和微交互的一个很好的经验法则是，如果它增加了不必要的时间，并不能真正改善体验。有目的地使用动画可以改善体验，但添加不必要的干扰和移动元素不会。我经常在Dribbble上看到登陆页面设计，当用户在页面上滚动时，页面会呈现动画效果。它往往过于活跃，一切都在移动，而忽略了内容本身。作为用户，当界面中发生如此多的事情时，可能很难知道要注意什么。这简直是??在浪费用户宝贵的时间。大量研究发现，界面动画的最佳速度在200到500毫秒之间。这些数字是基于人脑的特殊品质。任何短于100毫秒的动画都是即时的，根本无法识别。而超过1秒的动画会给人一种延迟感，会让用户感到厌烦。—在UX中正确使用动画的终极指南因此，如果您使用动画，请有目的地使用。如果这些动画有用，那么不要让我等待超过500毫秒。在2019年，只需一毫秒即可惹恼您的用户。少即是多每当我们想向页面添加额外信息：按钮、文本、图像、动画、插图等时，它都会与相关信息竞争。如果页面上的内容太多，元素的重要性就会降低。一个完美的例子就是著名的谷歌主页，它没有像雅虎那样向访问者提供他们可能不需要的信息，而是将设计重点放在核心任务上：搜索。△对不起雅虎，我不得不这样做
