网页设计尺寸总什么标注？ 网页标准尺寸？

摘要： PC端UI设计尺寸规范?众所周知，安卓系统是开源的，国内又有超多的手机厂商，小米、魅族、华为、oppo、三星等，每一个品牌有属于自己的UI设计规范，但是我们主要分析UI界面尺寸规...

PC端UI设计尺寸规范?

众所周知，安卓系统是开源的，国内又有超多的手机厂商，小米、魅族、华为、OPPO、三星等，每一个品牌有属于自己的UI设计规范，但是我们主要分析UI界面尺寸规范。字体 安卓系统中文采用的是思源黑体，英文字体为robot字体。

PC端管理后台页面设计尺寸应基于1920x1080分辨率作为标准设计尺寸，结合响应式布局、考虑浏览器占用空间、适配不同缩放比例和视口高度，并通过与相关人员沟通确定最终方案。

PS中把图像DPI也设成72，就能保证屏幕上显示的尺寸和打印尺寸相同，便于设计。72的PC显示器分辨率逐渐成为一种默认的行业标准，这套规则就这么沿用下来。 现在回到正题，我们怎么通过DPI来调节倍率？既然屏幕本身的分辨率是72，DPI设成72刚好是1倍尺寸，那设成72的两倍就是倍率为2的屏幕了，就这么简单。

常用设计尺寸为750x1334PX。按钮状态：包括默认、点击、不可用三种状态，由于操作媒介的不同，移动端UI设计缺失悬停状态。按钮设计：需确保可操作性，多为长矩形，适合拇指触及区域，以提高用户的使用体验。操作方式：包括单击、长按、滑动等操作，以适应移动设备的交互特点。

屏幕尺寸不同 电脑显示器的屏幕尺寸一般为，19-24英寸，手机屏幕尺寸一般为，4-6英寸。尺寸不同的背后就是，2种设计的设计显示区域也不同。所以电脑上的UI设计，首页要多放一些内容，尽量减少层级的表现。而手机上的UI设计，因为屏幕显示尺寸有限，所以不能放那么多内容，可以多加层级。

月薪过万的UI设计师需要具备什么能力?

月薪过万的UI设计师需具备软件操作能力、理论素养、作品创作能力，同时需掌握正确的学习方法，以下为具体说明：软件操作能力核心工具：需精通PS（图标及界面绘制）、AI（矢量图形设计）、AE（动效制作），以及至少一款原型图软件（ARP、墨刀、蓝湖三选一）。

沟通能力：具备良好的沟通能力，能够与HR、设计总监、程序员、产品经理及交互设计师等团队成员有效沟通，确保设计方案的顺利实施。切图标注与尺寸标注：能够准确进行切图适配和尺寸标注，确保设计稿能够顺利转化为实际产品。

UI设计师还需具备图形绘制能力，以满足实际工作项目中各种图形绘制的需求。无论是app界面设计中的引导页、启动页，还是其他图形元素，设计师都应能够熟练运用手绘板或鼠标进行绘制，创造出准确、美观且独特的图形。设计编排能力 UI设计师不仅仅是画图师，更是设计师。

大公司要和交互设计师经常配合，所以我们也要具备原型图的设计能力。至于加分项的软件，有时间可以学习下，没有时间不学也没事。 理论能力 理论一般指的，色彩搭配，设计规范，界面排版，沟通能力，切图标注，尺寸标注，用户体验，等知识。APP界面中的颜色应该如何定义，这属于色彩搭配需要学习的知识。

如何用蓝湖选择UI设计标注尺寸

第一步：将设计图上传到蓝色泻湖。将设计图上传到蓝色泻湖，点击设计图上的任意位置，打开设计图标注信息面板，查看设计图元素的大小、笔画、颜色、投影、圆角、字体、大小、边距等信息。单击空白处关闭注释面板。第二步：贴标时，正确选择贴标单位。单击批注面板右上角的三角形图标，打开批注单元列表，然后根据需要选择批注单元。

在PS中，点击左上角的向下箭头，创建新的团队。 在右上角，邀请同事查看、编辑项目，生成链接并分享给团队成员。 在PS中，打开“窗口”菜单，选择“扩展功能”，找到并激活蓝湖插件。 重新登录蓝湖网页版账号。 选择正确的团队和项目。 确定当前操作的效果图尺寸。

登录插件：在设计软件（如PS）中，找到“窗口”-“扩展功能”-“蓝湖”，打开蓝湖插件并登录。选择团队和项目：在插件中，选择正确的团队和项目。设置倍率：根据设计稿的倍率（如@2x、@3x等），选择对应的倍率设置。

常见问题解决方案切图模糊：检查PS中图像模式是否为“RGB”，导出时选择“两次立方”插值算法。插件同步失败：重启PS或重新安装插件，确保网络连接稳定。标注错位：在PS中锁定参考线，避免图层移动导致标注偏移。通过以上流程，UI设计师可快速掌握蓝湖的核心功能，实现从设计到交付的全流程高效协作。

登录后在左上角点击向下箭头，创建新的团队。 右上角邀请同事，生成链接并发送给团队成员。 在PS中，打开窗口扩展功能，找到并激活蓝湖。 登录注册的账号，选择正确的团队与项目。 确定当前处理的图片倍数。 点击切图功能，选择需要切图的图标并命名，点击标记。

首先，下载并安装适合自己设计工具（如PHOTOSHOP）的蓝湖插件至关重要。如果你使用的是photoshop 2022，确保安装了170版本以解决与新版软件的兼容问题。安装完毕后，在PhotoShop中找到「窗口」-「扩展」-「蓝湖」选项，登录激活插件。

布局为什么不能标注

1、复杂性导致的混乱：在复杂的布局中，过多的标注可能会导致混淆，使人难以理解主要信息。 视觉干扰问题：不恰当的标注可能会干扰视觉体验，特别是在设计作品或产品界面的最终展示阶段。 专业性与准确性要求：某些专业领域的布局对标注的准确性和专业性要求极高，不当的标注可能导致误解或实施错误。

2、布局一般是让你 更好观1看的，如果你要标准应该先转换到模型模式。就是图下面的小框，和什么栅格啊捕捉一排的。然后点标准，标好了后再切换回来就能看见你的标注了。

3、布局空间无法1：1进行标注，举个例子，你1：1的画出了一个城市的地图，但打印在A3上时，如果你在布局中标注时，标注的最大尺寸是和A3图纸相对的，也就是最大 420mm这个不是真实的尺寸。

网页设计与平面设计的区别有哪些?

UI（用户界面）设计、平面设计和网页设计是设计领域中三个既相互关联又各有侧重的方向。以下是它们之间的主要区别：定义与范畴 UI设计：专注于软件、应用程序或网页的用户界面设计，旨在提升用户体验。UI设计涉及布局、色彩、字体、图标、交互等元素，确保用户能够轻松、高效地与产品或服务进行交互。

平面设计其实包含了网页设计，只是网页设计属于多媒体设计类别。平面设计更多的是从品牌的角度出来去把设计通过视觉表现形式表现出来，传达品牌形象达到宣传效果。平面设计不受任何条件的限制，可以是抽象的也可以是具象的事物，重点是视觉感受，为了表现效果，字符、字体都可以随意使用。

在色彩方面平面设计与网页设计使用的色彩模式完全不同，平面设计因为后期的实现依赖于印刷，所以采用CMYK的色彩模式，而网页根据其显像方式使用RGB的色彩模式。

平面设计与网页设计所使用的色彩模式完全不同，平面设计依赖于印刷，所以采用CMYK的色彩模式，网页根据其成像模式使用RGB的色彩模式。色彩在平面设计中的使用注重冲击和视觉引导，这点类似于网页设计中的banner设计；而网页设计更注重信息结构的梳理，如果使用颜色太强的话，很容易引起视觉疲劳。

首先，平面设计注重页面构图、版式布局、空间表现等，而网页设计同样包含这些元素，但其表现形式与使用场景有所不同。其次，传统平面设计作品通常以印刷的形式呈现，而网页设计作品则通过显示器展示，且在传输过程中会受到网络带宽的限制。