网页设计ui规范 第1篇
1.网页的布局主要有两种：左右布局和居中布局。布局不一样使设计的空间也不相同。
⑴、左右布局，灵活性强，UI限制小；左右通栏为导航栏，宽度没具体限制，可根据实际情况调整；右侧为内容板块范围，是网站内容展示区域。
⑵、居中布局，中间的深色部分为有效的显示局域，用于网站内容的展示；两边留白没实际用图，只是为适配而存在
2.当前最流行的分辨率是1920px*1080px的，所以建议创建网页尺寸为1920px*1080px，页面中心区域常设置为1200px（或1000px -1400px区间），以这个尺寸来设计相对标准。每个屏幕的高度约为900px。为什么是900px呢？因为1080还要减去浏览器头部和底部高度，大约就是900px了。
网页设计ui规范 第2篇
我们在设计字体时，需要考虑字体显示是否准确，比如英文字母的时候，最好是用 Web 安全字体，比如（Arial、Verdana、Times Roma 等）
颜色选择：设计网页时，网站需要品牌的主色调以及辅助的色调，通过这种方式排除品牌其他颜色的干扰。颜色可以分为主色、次色和点缀色等。
颜色层次：使用不同的颜色层次来区分重要信息和次要信息。例如，主色用于标题和重要按钮，次色用于次要按钮和链接。
颜色一致性：在设计过程中，我们要不断地自定义颜色规范，确保在整个网站中使用一致的颜色，然后在相同类型的组件（按钮、链接、标题等）应使用一致的颜色，保持视觉的一致性原则，避免用户产生质疑。
网页 UI 设计不仅仅是关于美学，更是关于功能性和用户体验的优化，一份全新的网页 UI 设计规范会促使你在设计中注重细节，更会引导你成为专业的设计师。好啦，以上就是我为大家整理的最新的网页 UI 设计规范，感兴趣的伙伴可以收藏起来！
网页设计ui规范 第3篇
相邻两个文字的间距，其实不需要太过介意，除了特殊的需求之外，都可以使用默认数值的间距。
行间距，推荐以 字体大小的倍 作为参考；
段间距，推荐以 字体大小的倍 作为参考。
即，当用14px 的字体时，行间距：21px-28px；段间距：28px-35px。
字体颜色
主文字颜色，建议使用 公司品牌的VI颜色，可提高公司网站与公司VI之间的关联，增加可辨识性和记忆性。
正文字体颜色，建议选用 #333333到#666666 之间的颜色。
辅助性的，注释类的文字，则可以选用#999999之类的比较浅的颜色。
如果，你对颜色驾驭能力比较强，你也可以选用 偏公司VI颜色的深色，作为正文字体颜色或者辅助性文字颜色。
例如公司的品牌色是蓝色，那么，正文字体就可以选用偏蓝的深色。
这样处理之后，文字就带有了环境色，网站整体色调将更加和谐。
以上皆是个人拙见，有不同意见的我们可以相互交流(*^▽^*)