新手如何做好网页美工设计

发布网友发布时间：2022-04-22 04:54

共2个回答

懂视网时间：2022-04-22 10:13

1，允许全文检索的页面，为了使Internet 上的搜索引擎能够有效检索，在频道的首页的html的之间应该加入Keywords 和Description 元标记，制作页面是不要忘记添加客户网站的关键字。尤其是通用网址的页面，一定要加关键字～！这样便于推广～！
范例：

2，制作网站时，遇到页面有统一的头部文件和尾部文件。一定要做成单一的top头文件和bottom尾文件，然后再嵌套在页面中。这样修改方便。嵌套代码：
1. (推荐使用)
2.（使用时修改蓝色部分即可）

3. 统一使用外挂式样式表～！相关代码：
要注意a:link a:visited a:hover a:actived 的排列顺序要和原有的一致。
重定义的最先，伪类其次，自定义最后。
为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px 和14.7px 这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px 的字号比较合适。

4．一个网页要尽量避免用整个一张大表格
所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用标记，以便能够使这个大表格分块显示。
表格的嵌套尽量控制在三层以内
5．Width 和height 的写法也有统一的规范，一般情况下只有一列的表格，width 写在的标签内，只有一行的表格，height 写在

的标签内，多行多列的表格，width 和height 写在第一行或者第一列的

标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height 和width, 保证任何一个width 和height 都是有效的，也就是你改动代码中任何一个width 和height 的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。

◆布局：
1、别轻易让文字居中和使用粗体或斜体字符。除了视感混乱之外，很多流览器不能很好地显示斜体字，也不能补偿由于字母倾斜引起的空白变化。
2、不要在每一页使用风格不同的图标。
3、在img行加alt标记。这样就会让使用基于文本的流览器的读者除了看到 [IMAGE] 以外还能看到别的一些东西，使用图形流览器的读者在图像未能成功载入之时也会看到一些东西，而你也能让自己的html文件相当整洁。
4、不要让什么东西看起来象是一个按钮却不起按钮的作用。

◆网页色彩搭配的技巧　
1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。
2.用两种色彩。先选定一种色彩，然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。
3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定色彩的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中选择"自定义"，然后在"色库"中选就可以了:)
4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很"跳"。
在网页配色中，忌讳的是：
1.不要将所有颜色都用到，尽量控制在三种色彩以内。
2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容
◆ 闪烁让人头痛
　　通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。
◆ 动画点缀
网页上的动画最多只用一个
“空白万岁”
　　注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。

热心网友时间：2022-04-22 07:21

导语：当你看到一个新颖很有画面感的网页时候，可能你更多考虑到的是其中的美妙或者产品，你是否有想过，这样一个网页的背后是如何来设计或者美化的吗？当你点击开一个链接，被其中一个产品或者一个海报所吸引，你又是否想过是什么样的因素这样牵引着你进一步去点入的呢？其实这些都离不开网页美工设计，也许你有网页美工设计的一些经验，那么你是否知道什么样的设计或者细节能够更加的吸引人呢？今天小编就带领大家一同来了解一些网页美工设计的问题。
网页美工设计，即网页美术工程师。很多人都听过这个职业，但是，你知道网页美工是做什么的吗?网页美工的职责是图形设计、交互设计，以及用户测试/研究。网页美工设计负责的图形设计，即传统意义上的“美工”。不过不是单纯意义上美术工人的工作，既然搭上了“网页”的头衔，因此他们负责的是软件产品的产品“外形”设计。
交互设计主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。网页美工要负责这点，相信很多人都不知道，因为在大众的印象中，美工只要负责视觉效果就可以了，但仅仅是视觉设计，作为一名合格的网页美工，那是远远不够的。而第三个网页美工的职责：用户测试/研究，网页美工设计目标是测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性。另外，对于网页美工的.职能，不少人还存在着一个误区，那就是认为网页美工精通CSS/HTML/JAVASCRIPT等语言来做网页布局，其实这是不正确的，网页布局的工作应该是由前端开发工程师来完成的。
如何做好网页美工设计，对于新手而言，这还有些小小的难度，尤其是当网页美工设计由几个人接手的时候。不过，其实只要掌握好几点，网页美工设计其实也不是十分困难的一件事。在网页美工切图设计之前，我们先基于ps进行新建文件设置，在设置的时候需要注意以下几点：
1、一定要做好网页宽度的设置设计，一般网页宽度有760PX、900PX、1000PX等，最好不要超过1200PX的宽度，高度没有*。大多数做网站的公司都有一个比较合理的标准。
2、作为网页背景、网页图标的要清晰，在网站设计的时候比较注重。所以在切图的时候不要切出来的效果与设计的效果相差太大。
3、有特效地方，有必要设计出特效样式，以便DIV CSS制作的时候切图使用。

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com

全部栏目

新手如何做好网页美工设计