网页设计怎么弄

学习制作网站和学习其它知识一样,是要有电脑基础的。在基础之上学习起来会比较轻松和快捷的。其次,要清楚学习它是用来做什么。接下来小编告诉你网页设计怎么弄。

网页设计流程的第一步就是要弄清楚网页设计的任务

一、设计的任务：设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。 网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。 第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。 第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。 第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。 当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。 明确了设计的任务之后，接下来要想的就是如何完成这个任务了。

网页设计流程的第二步就是设计的实现

设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。 设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。 接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。

网页设计流程的第三步，即色彩的熟练运用

色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放;也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。 我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。 色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。 单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。 但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。

网页设计流程的第四步：造型的组合

在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。 通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。 通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。 造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。

主 色

主色是指在配色中处于支配地位的色彩。在配色前，主色是最先确定的色彩，例如，当我们想要设计一个珠宝展示的页面，我们决定这个页面所需要的色彩是紫色时，紫色就是主色。主色的确定看起来并不困难，因为一开始确定好主色只是定出一个宏观方向，并没有细化成具体的色调。主色的选择也非常自由，因为并没有完全正确的公论，每种色彩都有它的特性和优劣，没有最好的色彩或最差的色彩。

最终确定对主色色调的选择需要感性的参与，你希望你的网站看上去“沉稳典雅”还是“清新明快”?这些不同的感受都来自色调的制约平衡。

一般情况下，主色是配色中使用面积最大的色彩。用于主要的组件、组件的背景和大面积色块等。

页面中的主色是清爽的蓝色。尽管背景也运用了大面积的白色，但是黑白灰色属于无彩色，无彩色并不参与到配色过程中。红色是作为衬托色而出现的。

衬托色

衬托色是主色以外，为了衬托主色而出现的另一种色彩。衬托色通常为主色的互补色或对比色。衬托色所使用的面积可大可小，只要达到衬托的目的即可。

黄色是主色，蓝色是衬托色，黄蓝两色互为对比色。

衬托色也可用在面积较大的地方，和主色平分秋色，彼此呼应。

页面的主色为橙色，而衬托色为浅粉色，这两种色彩为邻近色，彼此饱和度上有非常明显的对比，也能很好地衬托出主色，为页面增加了气氛。

一组配色中一定会有一个主色，而衬托色并非是必不可少的。是否采用衬托色，取决于你的配色计划。通常单一的色彩会比较单调，而利用衬托色来强化主色的丰富变化是解决这一问题的方案之一。

背景色

背景色经常表现为无彩色(黑白灰色)或者低饱和度的色彩。背景色主要是作为背景而存在的，它最好不要以非常强烈的姿态出现。背景色并非具有某种功能，它是一个页面的基础底色。

页面的背景色为蓝绿色到蓝紫色的渐变色，因此配图时就应该考虑与背景色的搭配协调。

黑色作为背景色时，浅米色作为主色，主色和背景色之间相得益彰，这时的背景色也可看作衬托色。

强调色

强调色是在主色以外起强调作用的色彩，可以说它是非常重要的视觉焦点。它本身具有一种独立性，因此在配色上要形成与主色的强烈对比。它可以是主色的对比色、互补色等，使其与主色的色彩形成明显的对比。

页面的主色为蓝色，红色则作为强调色，在进入另一个页面时，红色又作为了主色，而紫色作为了强调色。

强调色所用的面积比较小，只要在焦点区域运用强调色，其本身就有着聚焦的作用。有时候强调色还扮演着衬托色的角色。

最快、最简单的做网页链接就是用html语言。

在桌面上新建一个txt文档。打开txt文档，里面插入如下网页链接代码即可。

都是一对对出现的，这是最简单的html语言,反斜杠：/,代表结束语句标签。head表示网页的头部，title表示具体的标题是什么，body表示网页内容，href表示链接网址标记。

保存txt文档代码内容，取名叫百度.txt,再另存为：百度.html。然后打开方式选择IE打开。

点开百度，新浪，腾讯，就会自动转到百度、新浪、腾讯网站主页上。

如果想要偷懒，直接下载网页制作工具.比如SeaMonkey、dreamweaver制作网页工具。里面直接有网页链接的按钮，只要选择链接按钮就ok了!是不是非常容易!敢紧去test吧!

1、保留全部内容

我明白，做取舍总是一件艰难的事情。现有的内容已经和你的网站一同存在了多年，要舍弃其中的某一部分对你而言，是一件艰难的事情。

但是，当你决定要重新设计网站的时候，不妨问一下你自己：现在的这数百个页面是否真的能解决你的访客所有的问题么?

在取舍的问题上，单纯审视内容是否需要保留并不足以做出决策——你得有足够的理由说服自己这些内容值得保留。保留全部内容是一个典型的“囤积控”的心态，对于网站的访问者而言，这样心态下重设计的网站所带来的体验可能是灾难性的。

网站内容应当重新审核。同网站的实际用户和潜在用户去沟通，用实际的反馈和数据来作为重设计的支撑。同陈旧过时的内容说再见，用精炼的语言和精简的页面来构建一个新的网站吧。

很多时候，内容策略师的角色更像是婚姻关系顾问，你需要确定哪些内容是冗余、过时、琐碎的，为什么它们会造成困惑，而哪些是实际有用的。

2、重视趋势，忽略持久价值

视差滚动，长阴影，视频背景，粘滞式导航，全景大图背景，无限滚动，作为一名设计师你应该不会忽视这些正在流行的设计趋势，毫无疑问。

时下流行的设计趋势，总会出现在你打开的每一个网站上，它们时刻都在暗示你它们是如此的受欢迎。当你准备重新设计网站的时候，它们总会第一时刻涌入你的大脑，毫无违和感地介入到你的设计方案中来。但是别忘了，网站重设计的首要任务并非炫技，而是重新组织内容，帮助网站访客解决问题。

这个时候，你需要记住三个原则：不要为了设计而设计;对你的品牌保持忠诚;易用性永远在第一位。

如果设计趋势真的符合用户需求，能提升整体体验，拿来使用不无不可。如果它仅仅是让网站更加炫酷，那么是否采用还值得商榷。合适的才是真的好。

3、全是重点

当我们被客户告知他们说的每一条信息都很重要的时候，他们所处的状况可能需要我们提供很多帮助。但是当你真正深入了解的时候，就会发现什么是真正重要的，而其他的是次重要的，甚至有些信息是不重要。

当你的利益相关方，尤其是甲方为你提供信息的时候，这种情况发生的机率相当高。当你开始网站重设计的时候，你可能会希望每一条信息都要出现在首页，紧接着，你会发现这样设计出来的首页，很可怕。

“如果所有都是重点，那么就不存在重点了。——Patrick Lencioni”

这是一个最常见的误区，它所导致的直接结果缺少层次，信息过载。所以，你应当让每个页面有一个重点，一个核心，这意味着有些信息将不会得到重视，但是用户总不会因为没有重点而无所适从——至少你所呈现出来的重点，会被用户注意到。

4、主观臆测

“用户在手机上永远用不到这些内容。”

实际上这是这个令人不安的对白出现的频率还挺高的。纵观过去十年，当人们需要针对移动端来设计网页的时候，他们会将网页原有的一部分内容直接去除掉。

当然，重设计过程中，减少内容通常是一件好事情。但是，当你开始基于自己的主观假设而开始针对特定内容进行删除的时候，情况就稍微有点危险了。用户在电脑上翻看网页的时候还好，结果打开手机浏览的时候，发现某些他所需要的部分没了，情形无疑是尴尬的。

一般说来，没有数据支撑的假设直接拿来做设计，并不是好主意。

虽然我们常常号称“站在普通用户的角度”来分析，但是作为设计者和产品经理的思维方式与普通用户相去甚远，关注的点差别很大。

所以，在做精简或者删减工作的时候，不要代表实际用户来做这种假设。尽量将完整的流程，全部的模块合理的进行重新设计，呈现在小屏幕上，并且通过用户调研和反馈来进行优化和精简。