网页设计尺寸1400可以（网页尺寸1440）

本文目录一览：

• 1、web端及移动端原型设计规范
• 2、em和rem布局怎么使用Em和rem
• 3、UI设计网页设计字体规范应该要注意什么(ui页面设计规范)
• 4、px是什么单位?

web端及移动端原型设计规范

1、端口类型：目前需设计的端口主要有：web端（即网页）、移动端（APP、小程序等移动设备）、IPAD（IPAD是一种移动设备，但也有自己特定的尺寸）、智能设备（例如智能电视、智能手表等等）。由于我更多接触的是web端和小程序端口，后面会以这两个为主。

2、关于网页和移动端原型设计的方式，你提到的是高保真原型。首先，可以使用PS等设计工具完成界面设计，然后上传到摹客转为高保真原型。此外，也可以直接在摹客在线原型设计工具中绘制高保真交互原型。这样，UE和开发人员可以在摹客中查看图层信息、下载切图，并更准确地传达意见。

3、原型设计的基础规范有哪些？ 尺寸与适配 尺寸由适配的设备决定，如手机移动端通常为433px*886px，电脑网页端则为1920px*1080px。根据实际场景灵活调整。 字体规范 中文字体推荐宋体、微软雅黑、苹果系统黑体，英文字体为Times New Roman、Arial、sans。

4、比如，一个桌面端导航可以固定在屏幕的顶部。当你为移动端屏幕重建布局时，你可以使导航持续出现并缩小尺寸来解决（但保持一个相似的颜色主题、字体和按钮文案）。0隐藏内容一个常见的错误观念曾经认为移动端用户是匆忙的，并且只想要“整个网站”的缩小版本。诸如联系信息和指南这类内容被优先考虑，其它内容则被隐藏了。

5、第三阶段：交互动效设计核心课程学习交互原型图软件，c4d的模型设计，交互原型图软件。学完交互设计，可以从事移动端app设计、网页界面设计、游戏界面设计、智能设备交互设计等。

6、如果你除了做视觉，还会兼任一些交互以及体验设计，那么你就需要基于产品经理的产品原型，理解产品业务逻辑以及对应产品终端的设计规范（Web端跟移动端的设计规范就是截然不同的），再产出即符合审美需求，也能够有良好用户体验的界面。

em和rem布局怎么使用Em和rem

em和rem是相对单位，由浏览器转换为像素值，具体取决于您设计中的字体大小设置。如果使用值1em或1rem，浏览器可以将其解析为16px到160px或任何其他任意值。 衬垫套件1em。 衬垫套件1em。 另一方面，浏览器使用px值，因此1px将始终显示为完整的1px。 通过滑动滑块来尝试这个CodePen示例。

px和em则在特定情况下使用，如设置边距、阴影或固定字体大小。计算rem时，只需元素尺寸除以根元素的字体大小，例如，如果html的font-size设为16px，那么一个宽度为4rem的元素会是64px宽。

em （相对长度）em基于父元素的字体大小，如未设置，浏览器默认16px。在计算时，1em等于16px的font-size值。使用em时，可以根据父元素的大小调整，但整个页面内的1em不是固定值。 rem （根元素em）相对于HTML元素的字体大小，CSS3新增，可用于非根元素。

em 单位和 rem 单位都是相对单位，用于控制元素的大小，但它们参照的字体大小不同。em 单位参照的是使用 em 单位的元素的字体大小，而 rem 单位参照的是页根元素的字体大小。 使用 em 单位和 rem 单位可以让设计更加灵活，能够控制元素整体放大缩小，而不是固定大小。

在网页布局中，em、rem和meta标签扮演着关键角色。em是相对于其父元素字体大小的单位，而rem则是相对于根元素（body）的字体大小单位，这意味着它不受具体元素影响，而是全局设定的。物理像素与逻辑像素的区别在于设备像素比。物理像素是硬件的固定单位，而逻辑像素则随着设备屏幕的不同而变化。

PX实际上就是像素，用PX设置字体大小时，比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，如果改变了浏览器的缩放，这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性的用户来说，就是一个大问题了。

UI设计网页设计字体规范应该要注意什么(ui页面设计规范)

1、下面列出UI设计网页设计字体规范特点：微软雅黑/方正中黑：在网页设计中这款字体使用的非常频繁，这款字无论是放大还是缩小，形体都非常的规整舒服。在设计过程中建议多使用雅黑，大标题用加粗字体，正文用常规字体。方正正中黑系列：中黑系列的字体笔画比较锐利而浑厚，一般运用在标题文字中。

2、网页字体 字体设计应遵循可辨识性和易读性原则。中文采用系统默认字体如宋体、微软黑体、苹果系统黑体，英文推荐使用无衬线字体如Times New Roman、Arial、Comis Sans MS。常用字号有12px、14px、16px、18px、20px、26px或30px。注意使用偶数像素以避免出现毛边。

3、许多字体不同的笔画粗细不同，而对于UI界面而言，笔触间的对比度越小识别度越好。较大的笔触对比度下，字体在小尺寸屏幕上，较细的笔画会难于分辨。OpenType 功能 OpenType 功能对于字体而言是相当重要的。支持OpenType的字体拥有更大的灵活性，对于不同的语言和特殊的字符有着更为优良的兼容性。

4、文字的颜色要同图像的颜色保持一致并注意色彩搭配的和谐。一个站点通常只使用一到两种标准色，为了保持颜色上的一致性，标准色一致或相近。比如，站点的主题色彩如果为红色，可能就需要将链接的色彩也改为红色。

5、首先是确定UI的交互有哪些功能，层次是否鲜明合理。我认为按钮的设置应该有逻辑性，每层有递进关系。不能让使用者觉得什么也找不到。2，考虑你的界面要应用在那些媒介里，比如如果用在手机触屏和大型触屏机器的话要考虑手指的作用范围，触屏的精度。3，色调和结构的设计是否美观。

6、一个多姿多彩的人机交互界面，少不了精美的鼠标光标、图标以及指示图片、底图等。

px是什么单位?

px是pixel的缩写，是像素单位也是为影像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“画像元素”之意，有时亦被称为pel（picture element）。每个这样的消息元素不是一个点或者一个方块，而是一个抽象的取样。

px是像素单位，也为影像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“画像元素”之意，有时亦被称为pel（picture element）。

px是像素的缩写，代表屏幕上的一个显示单元。1 px等于0.00085厘米，这个单位用于描述网页或屏幕上图像的精确尺寸。例如，10 px表示10个像素的长度，而468 px则代表468个像素的长度。在图像显示中，通常假设图像的分辨率为72像素/英寸（ppi）。由于1英寸等于54厘米，这意味着大约有28个像素宽1厘米。