做好ui设计图细节的方法及原则是什么

ui设计是当下最流行的设计，很多ui设计者在设计ui界面的时候有很多自己的想法，那大家知道他们的ui设计为什么会做得这么好吗？今天就让小编为大家介绍做好ui设计图细节的方法。

　　做好ui设计图细节的方法

　　1、保持元素清晰

　　在设计过程中可以稍微使用一些恰当合适的阴影，来保证当前设计与背景能够清晰可见，但是一定要避免复杂的阴影，这会起到反作用。

　　2、使用一种字体

　　在设计一套新的UI界面时候，最好能保持一种字体，这样能够让界面更加轻量化的同时，也能保持和好的品质感。尽量避免使用2种以上的字体，你可以通过粗细、大小、或者颜色来区分层级！

　　3、长文内容，使用20pt的字号

　　对于长篇内容（例如博客文章，说明类），请尝试在文内中选择20pt字号（甚至更大）。当然，这取决于所选择的字体，但是大多数常用的字体在20pt时效果都很好，同时当面对大量文字时候，这样可为用户带来更好的阅读体验。以前使用的18pt字号体验非常不好。

　　4、优化导页操作细节

　　放置底部可以使用户随时跳过您的Mobile App Onboarding登录，如果是放置顶部，用户触摸相对来说比较麻烦。

　　5、保持一致的光源

　　确保您的阴影始终仅来自一个光源。如下图所示，右侧日历投影就存在光源不一致，一些刚开始学设计的小伙伴可能就会忽略这种细节问题！因此一定要注意。

ui设计图(图片来自网络）

　　6、通过叠加改善对比度

　　有时候我们在使用图片作为背景承载前面文字信息时候，图片背景过亮了，因此我们可以稍微叠加一些品牌色渐变暗色来提高文字阅读性！

　　7、适度使用居中排版

　　可以尝试在少量一些卡片排版中使用居中对齐排版，对于其他的设计，尽量使用左对齐排版方式！

　　8、合理的间距系统

　　在设计排版过程中，确保元素排版有呼吸空间，尽量避免文字多的地方，间距很小，可以用留白来区分层级，切勿乱使用空白。

　　9、注意对比度

　　在浅色背景下设计时候，避免使用过浅的文本浅。这样会导致阅读比较累，但是依然还有不少伙伴这样来做，因此我推荐给大家一个数字，比如正文本是#333333，那么第二级文本可以用#888888。

　　10、减少颜色数量

　　在界面设计中，为了能让界面看起来比较清晰，品牌调性突出，尽量使用品牌色配合黑白灰来设计界面层级。

　　ui设计原则是怎样的

　　1、简易性：界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。

　　2、用户语言：界面中要使用能反映用户本身的语言，而不是游戏设计者的语言。

ui设计图(图片来自网络）

　　3、记忆负担最小化：人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定，24小时内存在约25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。

　　4、一致性：它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与产品内容相一致。

　　5、清楚：在视觉效果上便于理解和使用。

　　6、用户的熟悉程度:用户可通过已掌握的知识来使用界面，但不应超出一般常识。

　　7、从用户习惯考虑:想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如：书籍对比竹简。

　　8、排列：一个有序的界面能让用户轻松的使用。

　　9、安全性：用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。

　　10、灵活性：简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄、界面)。

　　11.人性化:高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统，即用户可依据自己的习惯定制界面，并能保存设置。

　　以上就是小编为大家介绍的关于ui设计图的相关内容。ui设计图很大程度上体现ui设计师的设计理念和技巧，因此注意这些细节和原则，ui设计图才更有创意。