网页图标ui设计尺寸，网页设计小图标素材

iosui设计尺寸规范

常用全局边距有32px、30px、24px、20px等，数值通常为偶数。不同产品根据气质采用不同的边距，如iOS原生态页面使用30px边距，微信使用20px边距，支付宝使用24px边距。最小边距建议不低于20px，以避免界面内容过于拥挤。

iosUI设计尺寸规范如下：界面尺寸大小为750乘以1334px；电量条高度为40px；导航栏高度为88px；主菜单栏高度为98px；内容区域高度为1108px；设置界面的图标高度和开关滑动按钮高度为58px；内容区域的文字大小为20px24px，26px，28px，30px，32px，34px。

字体 iOS使用San Francisco （SF）字体（英文）和苹方黑体（中文）。设计时需根据信息层级分配字体粗细和大小。官方提供的字号规范不完全适用于中文，建议适当调整。启动图标 启动图标需设计为1024x1024px，然后切出不同尺寸。现在可使用模板文件，只需替换智能对象内容，即可自动生成所有尺寸图标。

画布尺寸：新建750×1334像素的画布。这是基于iPhone 6/6s/7/8的屏幕分辨率，适用于大多数IOS应用的UI设计。分辨率：设置为72像素/英寸。这是屏幕设计的标准分辨率，适用于在显示器上查看设计效果。

UI设计现在app常用的设计尺寸如下：iOS（苹果）：常用设计尺寸：375 * 667（推荐尺寸，适用于大多数主流iPhone设备）。导出切图时，为了适配不同分辨率的设备，通常会加后缀@2x（原始尺寸的2倍图，如750*1334px）和@3x（原始尺寸的3倍图，如更高分辨率的设备）。

UI设计网页时,导航栏尺寸规格一般是多少?

1、常见尺寸：940px、960px、980px、1000px等。这些宽度主要是基于常见的屏幕分辨率和设计习惯来确定的，以确保导航栏在不同设备上都能良好地显示。高度：常见范围：一般为30px左右。这个高度可以容纳导航项的文本和可能的图标，同时也不会占用页面过多的垂直空间。

2、当前最流行的分辨率是1920*1080，在该分辨率下，页面中心区域为1200px以内都可以。在800*600分辨率下，导航栏尺寸规格保持在778px以内；在1024*768分辨率下，网页宽度保持在1002px以内。如果没有指定的要求，以1920尺寸设计就好（这是目前最普遍的尺寸大小），前端开发人员会自行适配其他的分辨率。

3、常规标题：在高度为88px（iOS 2x下）的导航容器中，居中放置一个当前页面的标题。标题字号一般为34px-38px，iOS标准规范为34px，但实际项目中可根据设计需求确定。大标题：导航栏高度增加到192px（iOS 2x），保留高度为88px的导航容器承载内容控件按钮，标题下坠居左。

4、导航栏和工具栏尺寸大小44x44px。标签栏尺寸大小75x75px。导航栏的文字大小最大值是34-36px，标签栏的图标下方的文字大小为20px。内容区域的文字大小是：20px24px，26px，28px，30px，32px，34px。

2019最新UI设计规范(Web/App/Watch/TV)

APP ICON尺寸：根据android规范设计APP图标尺寸。UI官方组件：提供Android官方UI组件库，包括各种常用组件。Watch UI设计规范 各设备尺寸：根据智能手表各设备尺寸进行设计，确保适配不同设备。智能电视UI设计规范 设计尺寸：根据智能电视屏幕尺寸进行设计，确保内容在不同分辨率下都能良好显示。

“UI”是用户界面，是英文User和interface的缩写。我们手机、电脑里面的APP、软件，比如微信界面、里面的图标、文字、图片整个操作点击，都属于UI设计设计的范畴。目前UI设计通常分为两个大的工作方向，一个是交互设计，另一个是视觉设计。

UI 设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI 设计分为实体 UI 和虚拟UI，互联网说的 UI 设计是虚拟 UI， UI 即User Interface（用户界面）的简称。UI 设计师的职能大体包括三方面：一是图形设计，软件产品的产品“外形”设计。

UI设计中图标尺寸是多少

UI界面设计尺寸的相关规范如下：界面整体尺寸：推荐的界面尺寸为750x1334像素。各部分高度：状态栏：高度为40像素。导航栏：高度为88像素。主菜单栏：高度为98像素。内容区域：高度为1108像素。图标尺寸：导航栏和工具栏图标：尺寸为44x44像素。标签栏图标：尺寸为75x75像素。

UI设计中图标的尺寸并没有一个固定的标准值。图标的尺寸取决于多个因素：展示平台和机型：移动端设备：不同平台和机型对图标尺寸有不同的要求。例如，iOS和Android的图标尺寸就可能存在差异。因此，在设计图标时，需要先确定目标平台和机型，然后查找相应的图标尺寸规范。

在不涉及印刷的情况下，图标的尺寸通常使用像素作为单位，分辨率设置为72dpi即可满足屏幕显示的需求。注意：虽然72dpi在屏幕上看起来足够清晰，但在进行高分辨率屏幕的设计时，可能需要提供更高分辨率的图标资源以确保显示效果。综上所述，UI设计中图标的尺寸需根据具体平台、机型以及使用场景来确定。

统一成88px。88px是一个常用的设计尺寸。（四）搜索栏高度规范 搜索栏的高度，统一成58px。（五）界面元素之间的距离规范 界面元素之间的常用距离，亲密距离：20px；疏远距离：30px。A、疏远距离：比如，所有元素距离手机屏幕最左边的距离。B、亲密距离：比如，左边图标与右边文字之间的距离。

常见尺寸包括：小图标（12×12， 16×16， 24×24， 32×32， 48×48px）、中等图标（64×64， 96×96， 128×128， 256×256px）、大图标（512×512， 1024×1024px）。创建图标时，应以100%比例设计，确保像素完美，放大后保持准确性。

web和Ui设计尺寸规范有哪些?

1、尺寸规范建议在1024px*768px分辨率下，页面宽度设置为1003px，可视范围通常为920px至1000px。常见的页面宽度有960px、980px和1000px，一屏高度一般为650px。 UI设计方面，对于iOS（iPhone）系统，推荐使用标准字体：中文使用“苹方”，英文使用“旧金山”。字号最小为24px。

2、尺寸规范：在分辨率1024px*768px的情况下，满屏宽度为1003px，通常定义可视范围为920px~1000px之间。常见：宽960px、980px、1000px，一屏高度650px。

3、APP ICON尺寸：根据iOS规范设计APP图标尺寸。UI官方组件：提供iOS官方UI组件库下载链接，包括状态栏、导航栏、搜索栏、标签栏、列表视图等。App UI设计规范（Android）屏幕尺寸：根据Android各设备尺寸进行设计，确保适配不同设备。系统默认中文字体：思源黑体，提供字体下载链接。