pc端网页设计规范(pc端网页设计图)

今天给各位分享pc端网页设计规范的知识，其中也会对pc端网页设计图进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、网页设计合适的页面尺寸是多少
• 2、简要说明编辑设计网页要遵循哪些标准和规范
• 3、PC端UI设计尺寸规范?
• 4、页面设计
• 5、PC端网页设计基本规范有哪些

网页设计合适的页面尺寸是多少

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

pc端网版页的设计稿尺寸是宽度1920px，高度最小是1080px，主体内容在权1200px内就行，比较规范。移动端网页的设计尺寸可以考虑680px和720px。

*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。

这一讲主要来说说网页设计的标准尺寸 在800×600分辨率下，页面宽度应在778px以内，这样不会出现横向滚动条，高度可以依据版面和内容而定。

简要说明编辑设计网页要遵循哪些标准和规范

1、明确网站内容 一个网页在设计的时候首先应该考虑网站的内容，包括网站功能和用户需求，而不是以漂亮为中心进行设计规划。明确设计网站的目的和用户需求，从而做出切实可行的设计计划。

2、保持一致性 一致性就代表着所有的都匹配。标题的大小、字体、颜色、按钮样式、间距、插图、图片选择等等，所有的元素都应该以主题作为根基，让你的设计在页面和页面之间都是一致的。

3、为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。色彩在网页设计中的作用 色彩是艺术表现的要素之一。

PC端UI设计尺寸规范?

1、Android的最小点击区域尺寸是48x48dp，这就意味着在xhdpi的设备上，按钮尺寸至少是96x96px。而在xxhdpi设备上，则是144x144px。 无论画布设成多大，我们设计的是基准倍率的界面样式，而且开发人员需要的单位都是逻辑像素。

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

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

4、通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如：书籍对比竹简。排列 一个有序的界面能让用户轻松的使用。软件的交互流程，用户可以控制。功能的执行流程，用户可以控制。

5、运营能力的提升 作为UI设计师，界面设计是不可或缺的。网页、banner、专题页等，不要以为设计师和运营、营销没有关系，恰恰相反，如果只考虑视觉效果而忽略用户反映的真实数据，这样的设计在业界显然是不可行的。

6、在日常工作中，UI设计师一般要做的事情还挺多的（手机端UI和网页UI大多数情况由同一人完成，大公司分工比较细，会分开）。

页面设计

1、网页设计是一种视觉体验的设计，特别讲究编排布局和视觉交互，网页设计不等同平面设计，它们和平面设计有许多不同之处。网页设计是版式设计通过文字、图形的空间组合，表达出和谐与美。

2、第靠前、无边框设计。无边框设计在近几年比较流行，在设计页面的时候，将页面中的风格线、边框删掉，用间距来代替的一种设计方法。无边框设计一般是以大图为主，图片本来就是一种分割元素。

3、网页设计(web design，又称为Web UI design，WUI design，WUI)，是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，然后进行的页面设计美化工作。

PC端网页设计基本规范有哪些

文字规范 我们现在都知道了网站上面的文字是通过前端工程师重新写在代码里的。那这种文字在浏览器上的渲染与系统和浏览器有关。图片规范 网站设计中的图片常用4(宽)：3(高)、16(宽)：9(高)、1：1等比例。

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

后台产品设计规范 以下数值为参考，请结合特定产品灵活运用。 页面布局 统一尺寸 据统计，目前 PC 端用户屏幕分辨率占比排名前三的是 1920*1080、1366*761440*900，以 1440 来设计的话，向上适配或者向下适配误差会比较小。

页面设计色彩要清新，布局要大方；页面设计要有整体性、一致性等。一致性包括色彩的统版式的统一和字体的统一等；页面布局应主次简约分明，中心突出，大小搭配，互相呼应，图文并茂，适当的空白利于消费者阅读。

pc端网页设计规范的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于pc端网页设计图、pc端网页设计规范的信息别忘了在本站进行查找喔。