（网页ui设计尺寸规范）UI设计标注有哪些规范 -百学百科

　　今天我们来聊聊[网页ui设计步骤],以下2个是关于网页ui设计步骤的观点，希望能帮助到您找到想要的，更多相关的资讯继续关注本站。

　　提问一：UI设计标注有哪些规范?

　　本文最佳回答用户：【上进心】，现在由百学百科小编为你讲解与【网页ui设计步骤】的相关内容！

　　优质回答1.尺寸

　　我们要将页面上有所需要告知尺寸的内容进行标注，例如图标、图片、头像等等。关于尺寸维度的标注我们需要注意的是：有圆角的地方，需要将圆角半径标出。

　　对于一些控件，如button、列表，一定要随时问自己有没有特殊状态，如按压状态、无效状态、选中状态等等，如果你不标明，开会就会默认没有这些效果。一般情况下，图片的尺寸是需要告诉比例的，而不是固定的大小，这样开发才能更好的适配，常用的图片比例有4：3、16：9等。

　　所以正确的标注方法是给出按钮两边的间距，让整个按钮的宽度自适应(当然高度还是要固定的),这样不论遇到哪种分辨率的尺寸，都能够保持相同的视觉效果，扩展性极强。

　　2.文字

　　文字，需要标注文字的大小、字体、颜色、透明度、行高等等，当然也可以和开发进行沟通，对一些内容进行删减。关于文字的标注需要注意的事项：文字有一个很特殊的属性，就在某些场景下，文字是动态的，所以这个时候，就需要将极限情况考虑清楚。

　　3.间距

　　有人可能会觉得间距和尺寸有些相似，但其实它们有着很大的不同，我们可以这样理解：尺寸是形容容器的大小，而间距是形容容器之间的距离。间距相对比较简单，只要标注清晰就不会有太大问题。

　　4.颜色

　　需要标注颜色的内容有分割线颜色、背景色、按钮颜色等等。关于颜色的标注需要注意的事项：切记文字的颜色已经归类到文字属性里面，不用重复标注，思路一定要保持清晰。

　　就是小编关于UI设计中的标注规范的分享，希望对大家有所帮助，想要了解更多UI设计相关内容，请关注本平台，小编会做及时的整理并发布的，大家注意查看哦!

　　上文就是百学百科小编分享贡献者：（上进心）回答的关于“UI设计标注有哪些规范?”的问题了，不知是否已经解决你的问题？如果没有，下一篇内容可能是你想要的答案，下面继续教你下文用户【━╋帅气范】回答的“UI界面设计规范有哪些？”的一些相关疑点做出分析与解答，如果能找到你的答案，可以关注本站。

　　热心用户提供：【━╋帅气范】，解答(网页ui设计步骤)的问题，如果问题解决，可以关注本站！

　　优质回答一、字体

　　 iOS的字体：

　　中文字体：苹方 / PingFang SC

　　 CSS：Font-Family：PingFang SC

　　英文、数字：Helvetial

　　 Andioid的字体：

　　中文字体：思源黑体 / Noto Sans Han

　　英文、数字：Roboto

　　二、规范

　　 1、 iPhone界面尺寸

　　2、 iPhone图标尺寸

　　 3、 iPad的设计尺寸

　　 4、 iPad的图标尺寸

　　 5、 Andioid的图标尺寸

　　 6、Andioid的dp/sp/px换算表

　　三：小结

　　 iPhone的主流设计尺寸：750x1334 px

　　 1242x2208 px

　　 Andioid的主流设计尺寸：720x1280 px

　　 1080x1920 px

　　最后，你如何评价[网页ui设计步骤]？欢迎下面互动！想了解更多精彩内容，快来关注本站吧。