ui网页设计的尺寸（网页ui设计尺寸规范）
本文目录一览：
UI设计师一定要知道的ICON设计规范之图标尺寸
在页面图标设计中最常见规格有：12×116×124×232×348×48等，这儿的提议是以48px做为基本图标的设计方案规格，由于iOS页面中的网格图尺寸是4的倍数，iPhone标准规定最少点一下总面积为44pt；安卓系统的网格图是8的倍数，最少实际操作商品详情页为48dp。
在功能上，icon分为不可点击的显示图标和可点击的按钮图标：显示图标不能点击，是为了辅助后面的文字内容，侧重于文字，一般尺寸为24×228×232×32。为了便于在小尺寸内识别图像，不要在界面上过于醒目，建议使用简单的线性或面性图标。
024。这些尺寸不是固定的，在设计中有特殊的尺寸。例如，谷歌在台式电脑上设计图标时，当鼠标和键盘是主要的输入法时，他们使用密集布局，基本网格缩小到20个。
PC端UI设计尺寸规范?
1、PS中把图像DPI也设成72，就能保证屏幕上显示的尺寸和打印尺寸相同，便于设计。72的PC显示器分辨率逐渐成为一种默认的行业标准，这套规则就这么沿用下来。 现在回到正题，我们怎么通过DPI来调节倍率？既然屏幕本身的分辨率是72，DPI设成72刚好是1倍尺寸，那设成72的两倍就是倍率为2的屏幕了，就这么简单。
2、众所周知，安卓系统是开源的，国内又有超多的手机厂商，小米、魅族、华为、oppo、三星等，每一个品牌有属于自己的UI设计规范，但是我们主要分析UI界面尺寸规范。字体 安卓系统中文采用的是思源黑体，英文字体为robot字体。
3、在页面图标设计中最常见规格有：12×116×124×232×348×48等，这儿的提议是以48px做为基本图标的设计方案规格，由于iOS页面中的网格图尺寸是4的倍数，iPhone标准规定最少点一下总面积为44pt；安卓系统的网格图是8的倍数，最少实际操作商品详情页为48dp。
UI设计一般新建PS文件的时候,通用的尺寸和分辨率是多少?
1、移动端UI设计文件，目前以ihone6，750X1334px为基准可向上向下适配，@2X图基本可以与安卓系统2倍图相适配。分辨率为72像素。
2、分辨率：72像素/英寸（ppi）颜色模式：RGB颜色 背景内容：白色（可选）颜色配置文件：不要色彩管理此文件（更多颜色设置后）像素长宽比：方形像素 配置如下图：对齐设置 这个处就是当你使用图层、形状等操作时自动对齐网格，画矢量图不怕模糊边缘，确保每个像素保持清晰。
3、打印相册300dpi就差不多了，精品相册400dpi，如果是做那种墙面喷绘面积很大有几十平米的分辨率30就ok。
4、x 2208，这是iPhone6 plus的尺寸，分辨率用72，这是屏幕显示通用分辨率。
5、如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhone X）。如果以Android为设备进行设计，尺寸一般使用720x1280，1080x1920进行设计第一种是2倍图，第二种是3倍图。
6、如何用ps做ui设计 步骤：新建一张大小为640*1136的画布，然后保存，命名为5S渲染模板。创建一个新的画布，命名为：渲染。创建一个新的画布，命名为：渲染。大小可选。你可以把它变大。这要看你自己的情况。拖动5S效果图模板。PSd刚刚保存到这个画布上。
