web网站页面设计（web网页界面设计）

本文目录一览：

• 1、web网页设计中怎么做页面背景图片
• 2、web网页设计和web前端有什么区别?
• 3、web端交互设计页面布局对比分析2018-04-07
• 4、Web网页设计尺寸,到底选哪个?
• 5、Web页面设计原则
• 6、常见的几种WEB网页布局结构(PC端)

web网页设计中怎么做页面背景图片

1、首先，在电脑中打开360极速浏览器。在360极速浏览器主页面的右上角点击“皮肤管理”图标。我们可以在“标签栏背景色”中设置网页背景色，默认的标签栏背景色是灰色，可以根据自身喜好设置背景色。

2、新建并打开一个记事本用于编写代码。这里用到 submit 提交按钮的意思，具体用法如下图。配套使用的 action 可以通过这个设置提交的网页。如果为空的话就提交到本页面，下面我们写一个简单的登陆页面。

3、找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。

web网页设计和web前端有什么区别?

网页设计和web前端其实差别并不太大，对于设计师来说两者也就是界面模式不同而已，对于熟练的设计师来说，两者之间可以很好的转换，页面/界面布局的方式其实还是一样的，使用的也还算div+css布局。

指代不同 web前端工程师：利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发人员。网页设计师：指精通Photoshop，Coreldraw，Frontpage，Dreamweaver等多项网页设计工具的网页设计人员。

两个行业相比，Web前端的公司会更高，毕竟后期就可以做全栈开发，就一个完整的项目都可以开发完成，包含了网站前台，网站后台、移动APP、小程序等，都可以完成，这就是朗沃Web前端的所有课程内容。

前端开发的工作内容主要是实现功能性的设计，而网页设计则主要是向用户展现什么样的设计效果。前端开发与网页设计是相辅相成的关系。

web端交互设计页面布局对比分析2018-04-07

右面显示内容的布局，整体效果类似英文字母“T”，所以称之为“T，形布局。这是网页设计中用得最广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明，是初学者最容易上手的布局方法。

同时打开多个手风琴菜单，分类标题不易寻找，且容易将页面布局打乱。场景 适用于两级结构的内容，并且二级结构可以隐藏。， 多面板布局 优点 减少界面跳转；分类一目了然。

Behanceweb端 使用的是自适应式的页面设计。（三种状态）宽屏尺寸下，网站顶部导航包括网站 logo ，功能操作，网页一级导航区。页面通过顶部的导航可以切换不同的页面。默认主页展示的是活动页面。

所以这种布局是必须有个部分体现这个主题的，其他两个部分用来布局网页的其他内容。如图为环绕式布局的示意图。环绕式就是页面会环绕一个比较显眼的图片装饰来进行设计。

Web网页设计尺寸,到底选哪个?

Web 页面采用多大的宽度最合适 网页设计标准尺寸： 800×600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

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

网页设计选用的分辨率是72像素，使用的画布尺寸1920px*1080px。但是并不意味着在整个画布上进行设计，一般采用全屏展示和两侧留白的方式。全屏展示，是整个网站看起来大气一些，但是布局要合理安排，不然看起来有些傻大的感觉。

Web页面设计原则

我认为有这些指导原则：系统状态的可见性。应始终通过易于理解和高度可见的状态通知用户系统操作，这些状态在合理的时间内出现在屏幕上。系统与现实世界的匹配。

原则1： 清晰 清晰是用户界面设计最重要的原则之一，要让用户能够有效地使用你设计的界面以及清楚的知道这个界面是用来做什么的，能产生什么样的交互，解决什么样的问题。清晰意味着能准确表达出信息内容。

1．已上传至蓝湖协作平台的高保真界面，应根据平台中的标注尺寸进行精确还原，Web界面还原度不得低于95%；移动端还原度为100%（精确到一像素）。

因此，网页设计中要遵循一定的原则。下面是一些网站设计中应注意的原则。

常见的几种WEB网页布局结构(PC端)

上下框架型 上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。一半深色一半浅色，一般用于设计型站点。

国字型布局，一些大型网站更倾向于这种布局类型，即最上面是网站的标题和横幅广告条，接下来是网站的主要内容，中间是主要部分，左右分出两小条内容，这种结构是我们在网上见过的差不多最多的一种结构类型。

网页布局有以下几种常见结构： “同”字型结构布局 所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。

网页常见的布局结构有“国”字形布局、“匡”字形布局、“三”字形布局、“川”字形布局、封面型布局、Flash布局、标题文本型布局、框架型布局和变化型布局等。

常见的有单列布局（如百度首页）、双列布局、三列布局和混合布局，超过三列的布局很少见。最简单的要数单列布局了，这种布局适合各种搜索引擎主页，干净的界面和较少的干扰信息给用户较好的体验。