窝牛号

(网页ui设计尺寸规范)UI设计标注有哪些规范?

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

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

本文最佳回答用户:【上进心】 ,现在由窝牛号小编为你讲解与【网页ui设计流程】的相关内容!

优质回答1.尺寸

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

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

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

2.文字

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

3.间距

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

4.颜色

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

就是小编关于UI设计中的标注规范的分享,希望对大家有所帮助,想要了解更多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设计流程]?欢迎下面互动!想了解更多精彩内容,快来关注本站吧。

本站所发布的文字与图片素材为非商业目的改编或整理,版权归原作者所有,如侵权或涉及违法,请联系我们删除

窝牛号 wwww.93ysy.com   沪ICP备2021036305号-1