网页ui设计规格大小（ui网页规范）
本文目录一览：
做手机网页要考虑哪几种尺寸呀
移动设备常见屏幕尺寸：-iPhone11ProMax：414px×896px -iPhone12ProMax：428px×926px -SamsungGalaxyS21：1080px×2400px -GooglePixel5：1080px×2340px 响应式设计原则：在进行手机网站建设时，一般会考虑不同屏幕尺寸的设备，包括小屏幕的智能手机和大屏幕的平板电脑。
手机端网页设计尺寸如下：屏幕的分辨率是640乘以1136；倍率是2。用户界面（User Interface，简称UI，亦称使用者界面）是指对软件的人机交互、操作逻辑、界面美观的整体设计，是系统和用户之间进行交互和信息交换的介质。
首先，我们都知道移动设备的屏幕尺寸非常大，碎片化严重。尤其是Android，你会听到很多种分辨率：480x800，480x854，540x960，720x1280，1080x1920，还有传说中的2K屏。iPhone的碎片化近年来也愈演愈烈：640x960，640x1136，750x1334，1242x208。 不要被这些尺寸吓倒。其实大部分app和手机网页都可以在各种尺寸的屏幕上正常显示。
UI设计网页设计字体规范应该要注意什么(ui页面设计规范)
下面列出UI设计网页设计字体规范特点：微软雅黑/方正中黑：在网页设计中这款字体使用的非常频繁，这款字无论是放大还是缩小，形体都非常的规整舒服。在设计过程中建议多使用雅黑，大标题用加粗字体，正文用常规字体。方正正中黑系列：中黑系列的字体笔画比较锐利而浑厚，一般运用在标题文字中。
简单说：如果作为文字去使用。公文，标语等，比较正式的内容，尽量实用印刷体，即黑体；宋体等等。有说服力，有可信度。标题要粗，正文要细。作为促销、活动以及内容活泼的主题，就要使用新鲜，特别或者少儿的字体。例如毡笔黑，琥珀体，少儿体，等等。
选择合适字号 相当一部分设计师在进行页面设计的过程中，为了能够有效地区分出信息的优先级，会通过不同的字号来区分。正文作为文章的主题，我们可以先把它的字号确定下来，根据需要来调节大标题，小标题以及注释的字号。
许多字体不同的笔画粗细不同，而对于UI界面而言，笔触间的对比度越小识别度越好。较大的笔触对比度下，字体在小尺寸屏幕上，较细的笔画会难于分辨。OpenType 功能 OpenType 功能对于字体而言是相当重要的。支持OpenType的字体拥有更大的灵活性，对于不同的语言和特殊的字符有着更为优良的兼容性。
ui设计小程序商城尺寸最好是多少?
ui设计小程序商城尺寸最好是多少？设计小程序上的轮播图的图片是16：9的宽高比例，所以商家在给小程序商城设计轮播图的时候，尽量按照这个尺寸来选择。如果有多张轮播图，建议几张的轮播图的尺寸大小保持一致，这样整体的视觉上看起来就非常美观、整洁。
小程序开发尺寸是rpx（responsive pixel），可以实现一稿适配所有屏幕尺寸，小程序编译后，rpx会做一次px换算。换算是以375个物理像素为基准，也就是在一个宽度为375物理像素的屏幕下，1rpx = 1px。这里了解就行，设计稿尺寸375px或750px都没问题。
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。
小程序详情页尺寸是750*1600*1400 你在设计稿件中可以把图片做成750px宽，而高度，我建议你做成1600，然后掐头去尾留1400高度作为画布的高度。并且要求考虑到屏幕变长变短后UI是否可以适应。（这个和设计自适应网页一致）为什么要这样做？不同手机高度是不相同的。
设计稿最好用二倍图UI设计师都喜欢用一倍图，但为什么用一倍图，方便适配是表面现象，真正原因是开发用的开发工具支持一倍图开发，开发不用再换算数值了。而小程序的开发工具不支持一倍图开发，支持二倍图开发。小程序里的尺寸单位叫 rpx，可以根据屏幕宽度进行自适应。
