app网页设计规范（网页设计软件手机版 下载）

本文目录一览：

• 1、移动端网页设计尺寸标准
• 2、移动端界面设计常识规范
• 3、UI界面设计规范有哪些?
• 4、UI设计网页设计字体规范应该要注意什么
• 5、网页设计有什么讲究吗网页设计有什么讲究吗知乎
• 6、移动应用界面设计的尺寸设置及规范

移动端网页设计尺寸标准

1、页面标准按800*600分辨率制作，实际尺寸为778*434px页面长度原则上不超过3屏，宽度不超过1屏。

2、pc端网页设计pc端网页的设计稿尺寸是宽度1920px，高度最小是1080px ， 主体内容在1200px内就行，比较规范。

3、手机端网页就没有统一标准了，比较流行的做法是按照iPhone 5的尺寸来设计。倍率2，逻辑像素320×568。 这样的做法比较实在，倍率2的屏幕无论在iOS还是Android方面都是主流，而且又是2倍屏幕中逻辑像素最小的。

4、网页设计标准尺寸：800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

移动端界面设计常识规范

1、从移动端有限的屏幕以及页面加载速度这两方面来考虑，相较而言越简单的排版会越容易引起关注。这是因为我们的大脑一开始看到这种简洁排版，会立刻出现“嗯我可以马上看完不费劲”的潜意识信息而带着轻松的态度去阅读。

2、iOS界面规范首先苹果分为两种尺寸，一种是中码比如6s、8等，这种我们一般切图命名为@2X。还有一种就是Plus版本，这种一般切图命名为@3X。苹果6s 的尺寸750px * 1334px，6s Plus的尺寸就是1242px * 2208 px。

3、作为UI设计师，一定要具体掌握界面的大小尺寸来适应美学观点，让人感觉协调舒适，能在有效的范围内极快吸引用户的注意力。

4、对图标尺寸进行分类整理，便于界面整体调一致。第三部分、android的按钮和弹出层的设计规范参考。

UI界面设计规范有哪些?

1、UI设计的规范标准有哪些呢？轴 轴在UI设计中是最基本、最常见的概念，也是用来组织界面结构的重要核心。简单说来，轴是在设计的时候组织一系列元素的假象线，在下面的设计图中，轴以虚线的方式被标注出来。

2、一致性在整个平台中创造一致性，颜色、按钮、字体、品牌一致性，能够让用户在实际的操作过程中更具安全感与熟悉感，同时能够帮助解决设计师因为个人特征导致界面不统一问题，从而提升UI界面的整体效果。

3、坚持以用户体验为中心设计原则，界面直观、简洁，操作方便快捷，用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。

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

1、简单说：如果作为文字去使用。公文，标语等，比较正式的内容，尽量实用印刷体，即黑体；宋体等等。有说服力，有可信度。标题要粗，正文要细。作为促销、活动以及内容活泼的主题，就要使用新鲜，特别或者少儿的字体。

2、网页设计中，文字间距一般根据字体大小选1—5倍作为行间距，5—2倍作为段间距比如12号字体，行间距是12px—18px，段落间距则是18px—24px。另外，行高/段落之间的空白=0.754。

3、灵活 给UI界面使用的字体应当具有灵活性。我们曾经为 Medium 做过用户体验设计，作为一个网页博客平台，我们很难去控制用户的能力、内容、浏览器、屏幕尺寸、网络带宽和连接速度，包括输入法。

4、网页 资讯 视频 图片 知道 文库 贴吧 采购 地图 更多 搜索答案 我要提问 百度知道提示信息知道宝贝找不到问题了_！ 该问题可能已经失效。

5、网页设计规范的要求学习网页设计规范要注意四点：（1）布局。（2）颜色匹配。对于初学者，建议在主色调上设置一些亮度梯度或相似的颜色。（3）图像。

6、网站的界面UI设计是很重要的，页面的美观直接影响了用户的去留，因此，设计师们在进行网页UI设计时，需要注意这几个要点。

网页设计有什么讲究吗网页设计有什么讲究吗知乎

1、网页的定位直接决定了设计风格和网页内容，比如说企业想要设计一个营销型网页，那网页整体设计要围绕产品去设计，并且文案内容也要突出产品卖点，网站用户体验要好。

2、色彩搭配 网页要有一个主打色，比如很多官方的新闻网站会以红色为主色调，医药网站会以绿色为主色调等。所以首先要根据网站的内容来选择一个主色调，其次再选择搭配的颜色。

3、留白太少留白是网页设计中一个重要部分。它有助于防止用户在浏览网站时变得疲惫，它可以在内容中划出距离，而且它本身也看上去不错。空白不是必须用白色的，而是，它仅仅是为其他设计元素提供间隔和缓冲的空间。

4、网页的尺寸以及布局 如今，随着电脑外观尺寸做的越来越大，我们的屏幕技术也越来越先进，随之而来的显示屏的分辨率也会越来越高。

5、明确内容 网页设计制作过程中要考虑到网站的内容是什么，在设计一个网页的时候只有明确了内容，才能准确定位网站，确认网站要具备什么样的功能。

移动应用界面设计的尺寸设置及规范

1、如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhoneX）。

2、***在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机尺寸来设计，比较方便预览效果，一般用 640×960 或者 640×1136 的尺寸设计。其中设计稿的画布分辨率设为默认的72ppi（此时1px=1pt ），所以设计师可以统一采用px为单位。

3、来分析一下界面的尺寸规范：首先是状态栏，就是信号电池栏的高度为40px。导航栏部分，就是“设置”栏高度为88px。而下边的底部栏（导航栏）高度则为98px。注意这三种尺寸是规定比较死的。

4、Android界面尺寸：480*800、720*1280、1080*1920。由于安卓设备众多，一个应用程序图标需要设计几种不同大小，如：LDPI（LowDensityScreen，120DPI），其图标大小为36x36px。

5、设计Android应用时，有的设计师喜欢把画布设为1080×1920，有的喜欢设成720×1280。给出的界面元素尺寸就不统一了。Android的最小点击区域尺寸是48x48dp，这就意味着在xhdpi的设备上，按钮尺寸至少是96x96px。

6、iPhone界面尺寸：320x480、640x960、640x1136iPad界面尺寸：1024x762048x1536iPhone概况iPhone，是苹果公司旗下研发的智能手机系列，它搭载苹果公司研发的iOS手机作业系统。