当前位置：首页 >问答首页 >UI设计

ui设计的基本原则

2023-06-01 20:53:01

移动UI设计进阶班游戏UI设计师班软装方案设计班平面设计速成班 CG设计速成班室内设计研修班

精选回答

来自

超级不万宝路的回答 2023-11-29 17:58:55

UI设计的基本原则有：1、设计密度，而不是像素；2、使用8的倍数；3、去掉线框；4、注意对比；5、使用标准元素；6、使用颜色建立层次结构；7、避免使用2种以上的字体；8、认可而不是回忆；9、速度要快；10、少即是多。

1、设计密度，而不是像素

密度是屏幕或PPI每一英寸的像素数量。“dp”单位是“density-independent pixel”的缩写，有时也缩写为“dip”。

在设计UI时，不要根据像素尺寸来设计，而应根据设备的像素密度设计。这样可以确保UI元素正确缩放以适配不同的设备尺寸。

2、使用8的倍数

我们使用8而不是5的原因是，如果设备的分辨率为1.5倍，则无法正确呈现奇数。此外，绝大多数设备屏幕尺寸都可以被8整除，从而可以轻松地在这些设备上适当地调整UI设计。

通过在网格上以8的倍数进行UI设计，可以保持设计的一致性。所有内容都与我们定义的间距约定完全一致。

3、去掉线框

通常，用于分隔内容的线框可以用空白代替。我们设计的大多数UI元素都包含在线框中，因此，只需删除那些容器，它可以使页面看起来不那么密集，并提供更多的呼吸空间。

4、注意对比

使用对比不仅可以吸引用户的注意力，而且可以提高产品的可访问性。设计产品类似于在图书馆或学校之类的公共建筑中建造建筑-它必须包含所有人。其中包括盲人，色盲和视力障碍的用户。

Web内容可访问性指南（WCAG）[2]规定至少需要4.5：1的对比度。

5、使用标准元素

将某些元素视为标准的原因有很多。如果将按钮设计为圆形，则当文本较长时，将占用不必要的垂直空间。

除此之外，用户已经熟悉在整个网络上获得类似的体验。如果你的网站，应用程序或软件的功能与用户习惯不同，那么它就不会很直观，用户可能会感到沮丧。

因此，最好仅在当前设计规范的范围内进行创新。不要重新造轮子。

6、使用颜色建立层次结构

每种颜色都有视觉上的分量，可以在内容之间建立层次结构。通过使用不同深浅的颜色，我们可以为元素分配不同的重要性级别。

如果一个元素比另一个元素更重要，则它应具有更高的视觉重量。这使用户易于快速浏览页面并区分重要和次要信息。

更大，更粗体的信息是首先吸引用户眼球的内容，然后他们将继续浏览下方的支持信息。

7、避免使用2种以上的字体

通常，两种不同的字体就足够了。这并不意味着不能使用更多，但是除非有充分的理由，否则通常最好不要使用。

解决此问题的方法是使用字体系列。

通过使用字体系列，我们可以在设计中使用具有不同变体的相同字体。同一家族的字体共同工作，因此它们既灵活又一致。

选择字体时，请找到具有不同权重的字体，例如细，常规，中等，粗体，超粗体以及压缩，扩展和斜体等样式。这将提供更多空间来探索不同的样式，而无需添加其他字体。

8、认可而不是回忆

为什么要让用户思考？

结帐页面，电子邮件收件箱，搜索历史记录，后退按钮等都是很好的例子。

在结帐页面（如果设计得当）上，我不必记住要付款的商品。我显然应该能够识别出我要购买的商品，而不必记忆。

在Gmail收件箱中，我可以一目了然地确定已阅读邮件和没有阅读的邮件。或者，如果登录到Amazon，我可以快速从上次停下来的地方继续，因为它会告诉我最近查看的商品。

9、速度要快

作为用户，速度和效率是唯一重要的事情。

对于动画和微交互的一条经验法则是，如果体验增加了不必要的等待时间，那么它就不是在改善体验。

有目的性地使用动画可以改善体验，但是不要增加干扰和等待。

许多研究发现，UI动画的最佳速度在200-500毫秒之间。这些数字基于人脑的特质。任何短于100毫秒的动画都是瞬时的，根本不会被识别。而动画时间超过1秒将产生一种延迟感，从而使用户感到无聊。

10、少即是多

每次我们向页面添加其他信息：按钮，文本，图像，动画，插图等，它就会与相关信息竞争。如果页面上的内容过多，则元素的重要性会降低。

硬件型号： Apple Macbook Pro 13.3

系统版本：MacOS Big Sur11.0.1

软件版本：Sketch Mac版 V70.3

火星时代教育影视学院刘老师，为你解答

大家都在学

室内设计手绘综合表现

新人试学价格 ¥--

一键咨询免费试听

iOS开发之UI基础篇

新人试学价格 ¥30

一键咨询免费试听

版式的布局与风格设计

新人试学价格 ¥--

一键咨询免费试听

字体设计

新人试学价格 ¥--

一键咨询免费试听

图标设计教程

新人试学价格 ¥9.9

一键咨询免费试听

免费好课

热门课程

更多热门课程 >>

UXD全链路设计师班

商业插画高级设计师班

手绘速成班

PS培训速成班

影视剪辑大师班

抖音短视频创作班

恭喜，您已获得免费试听资格请留下您的手机号，课程顾问将帮您激活课程

获取验证码

免费领千元课程+随课礼包

请留下您的手机号

课程顾问将帮您激活课程并赠送学习礼包

获取验证码

关于火星

关于我们人才合作建议和意见

内容分类

频道专区热门标签

火星优势

师资团队教学模式课程研发学员成果图书出版资质认证

帮助中心

专业选择考察学校学习方式如何就业如何退费

联系我们

课程咨询：400-810-1418 人力资源：010-59833585 总机电话：010-59833333 监督电话：400-810-1418转接2 就业部：010-59833202 企业及高校合作：010-59833514 市场合作：010-59833359

微信扫码在线答疑

扫码领福利1V1在线答疑

职业测评
免费
预约试听
申请
学费优惠
在线客服

添加老师微信，马上领取免费课程资源

1. 打开微信扫一扫，扫描左侧二维码

2. 添加老师微信，马上领取免费课程资源

×

同学您好！

您已成功报名0元试学活动，老师会在第一时间与您取得联系，请保持电话畅通！

确定