一、网站的尺寸和规范?

　　1、网页界面设计中，一般使用的分辨率的显示密度是多少ppi?

　　答：72像素(屏幕级别72、印刷级别300、喷绘30-45)

　　2、网页界面设计中，最小字号是?

　　答：中文12px，英文10px

　　3、网页界面设计中，使用什么字体?

　　答：微软雅黑、思源黑体，宋体、Arial

　　4、网页界面设计宽度和安全区分别是多少?

　　答：网页宽度1920，安全区1200

　　5、网页界面设计规范?

　　答：画布尺寸：1920*1080(高度不限)

　　版心1200px

　　颜色模式：RGB

　　分辨率：72PPI

　　中文最小文字：12px,英文10px

　　保持双数原则

　　二、网站的分类有哪些?

　　1、电商网站：B2B商家对商家 B2C商家对用户 C2C用户对用户

　　2、企业网站：企业介绍

　　3、个人网站：个人性质，如博客

　　4、门户网站：早些年信息资源整合类网站

　　5、专题网站：特定热点，时效性

　　三、网站设计注意事项?

　　1、画图形时不要画到外面，影响计算

　　2、图形长宽用整数，偶数

　　3、单位用像素

　　4、元素距离用偶数

　　5、文字大小用偶数(互联网产品字体最小中文12px，英文10px )

　　6、尽量不用纯黑纯白

　　四、网页布局方式?

　　1、顶部大图Banner+简单的栅格

　　特点，导航栏，顶部大图图片上叠有文字标题，2-4个分栏承载不同类别的信息有的会有图标，主要内容区域，页脚

　　优点，布局设计干净清爽，有足够强的视觉表现力，并且常常采用的响应式设计，断点也很好控制。顶部大面积的轮播图或者Banner 也有许多插件或者应用来帮你实现。

　　原理：这种布局中，每个元素都各司其职，并且整个流程是富有逻辑的，顶部大图足以营造氛围，给予用户特定的体验，下面的次一级元素能够做的很好的支撑。

　　2、单页设计、单栏布局

　　特点，导航，主要内容区域文字+图片为主，页脚

　　单页式设计这几年非常火，它非常适宜于展现极简的内容，或者专注呈现一个主题。当网站的主题集中，内容也比较固定的时候，无需复杂的布局来呈现，单页单列式的布局足以应付一切。

　　采用这种布局模式的时候，空间的控制至关重要，相当考验设计师设计留白和布局平衡的功力。元素和元素之间的疏密关系是需要设计师反复推敲的，如果空间控制不合理会给用户一种混乱的感觉，如果过于紧密则会产生局促感。

　　原理：单页式设计适合于小网站或者小型项目的展示，它可以用来制造一个简单的介绍页面，让简单的内容显得不那么单调，强化内容的形式感和重量感。对于内容简单的博客网站而言，单页式设计也是不错的选择。

　　3、F式布局(如：后台管理系统)

　　特点，页头喝导航，靠左的一栏相对较宽展示主要的内容，靠右常为侧边栏展示相关链接等内容，页脚

　　这种F式的阅读模式对应的网页布局就是F式布局，最关键的信息靠左显示，从上到下尽量保持在一条线上。

　　原理：人的行为很容易受到习惯的影响，而研究也证实了人思考、行为确实是模式化的。从左到右，自上而下，人们大多习惯了这种行为模式。F式的布局模式拥有良好的适用性，便于用户理解和交互。

　　4、极简分层

　　原理：极简化的页面中加入简单的几个分层，让页面有了视觉焦点，尤其是当设计者想要引导用户关注到某个关键的内容的时候，这种页面布局很很容易实现这一点。

　　相关趋势：微妙的阴影和渐变常常被用在这样的页面当中，强化元素之间的层次感。虽然这些设计手法一度“过时”，但是现在大有卷土重来之势，而Material Design 这样的设计风格就是它们的冲锋号。

　　更多关于“UI培训”的问题，欢迎咨询千锋教育在线名师。千锋教育多年办学，课程大纲紧跟企业需求，更科学更严谨，每年培养泛IT人才近2万人。不论你是零基础还是想提升，都可以找到适合的班型，千锋教育随时欢迎你来试听。