网页设计怎么考

出于各种原因，设计趋势每年都在改变，有的设计趋势在演进中逐渐消失，有的则在逐步被大家熟练运用的过程中渐入佳境，甚至蜕变成为设计主流。接下来小编告诉你网页设计怎么考。

一、项目背景 国家信息产业IT职业技术资格培训项目，是由信息产业部电子行业职业技能鉴定指导中心为提高全 民从业基本素质、推进全国信息化进程，面向全社会进行的技术资格认证项目。此项目由北京典成科技 发展有限公司负责实施工作。

二、认证机构介绍 信息产业部电子行业职业技能鉴定指导中心是信息产业部直属事业单位，担负着劳动和社会保障部 赋予的在电子行业特有工种中进行职业技能鉴定的职能。 其主要职责是： 组织实施电子行业特有工种职业技能鉴定工作。 制定电子行业特有工种职业技能鉴定站建站条件，负责电子行业特有工种职业技能鉴定站条件 的审查。 参与制定电子行业职业技能鉴定标准、鉴定规范。 组建电子行业特有工种的试题库。 制定电子行业特有工种职业技能鉴定考评员的资格要求，并负责组织资格培训考核 指导电子行业特有工种职业技能鉴定站开展工作。 开展职业技能鉴定及有关问题的研究与咨询服务。 参与推动电子行业职业技能竞赛活动。

三、项目介绍

1.项目背景： 进入21世纪，随着全球信息化步伐的加快，Internet的迅猛发展，信息化的社会方式正逐步席卷全 球，网络经济正在全球崛起。网页设计作为电子商务界面开发部分的核心，在整个网络经济中扮演着举 足轻重的作用，为加快和加强网页设计的教育培训和教育宣传，认真贯彻执行《中华人民共和国职业教 育法》，以现有企业需求为依托，推出信息产业IT技术资格系列培训项目---网页设计师技术资格培训 项目。

2.课程设置： 国家信息产业IT职业技术资格培训项目是对IT行业从业人员进行专业技能培训和专业技能考核鉴定 的高级技术资格考核项目。作为信息产业部IT技术资格培训项目技能鉴定的关键是：对从业人员进行 系统化的专业知识培训，要求所有培训人员既懂得理论知识又具备实践经验。所以，信息产业IT职业技 术资格培训项目之网页设计技术资格项目重在培养学员的网页设计应用能力。 主要课程内容包括：Dreamweaver MX、Fireworks MX、Flash MX等设计软件的操作与应用， Dreamweaver MX、Fireworks MX、Flash MX等软件的综合操作与应用以及建站实例等。

3.课程特点 课程在重点介绍网页设计三剑客Dreamweaver MX、Fireworks MX、Flash MX的操作与应用的基 础上，通过大量实例和光盘教学素材，详细地阐述了三种网页设计软件的综合应用技巧，使学员在学习 过程中得以融会贯通，掌握网页设计软件的高级应用。同时，课程始终遵循“用户界面感受第一”的基 本原则，教导学员在策划、设计过程中设身处地为用户着想，让创意为用户服务，培养学员独立思考、 独立创作的良好学习习惯和先进的设计营销理念，教导学员先学会规则，再去打破规则，为学员成为一 名出色的网页设计师打下坚实的基础。 课程设置的根本思路是为使学员能够最大程度满足企业对于网页设计人员的需求，达到学以致用的 目的，从而为企业培养出色的网页设计实用人才。 4.适用人群 本课程重点面向希望从事网页设计工作的人员所开设，着重培养专业级网页设计人才，同时也适合 广大网页设计爱好者学习。

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

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

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

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

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

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

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

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

1、永远都不要停止学习新的东西

在一个领域的趋势很容易成为过去，一个网页设计师应该不断尝试跟上新的方法。从标志设计到用户界面，你应该寻找各种样品，并看看什么是新的，什么不是。此外，即使自己是不是对你有用，尝试和复制它后，你一定会保持着一些新的想法或技能。

2、接受他人的意见

从本质上讲，作为网页设计师，我们已经具有显着固执的思想。我知道，因为我也有很多的。你会发现在Web设计的第一年，我们有权利不接受批评和意见。这是不对的，这是因为大部分时间我们只见树木不见森林。

3、总是退后一步

这个想法很简单：在一个项目时尽量放松，让自己摆脱设计的一部分。例如，你可以通过读一本书，看电影，在公园里散步，或任何其他活动到达这个效果。这将让你更好的看到在你的设计中当前的缺陷或错误的方法。即使是一个简单的离开电脑，可能会收到从3英尺远的地方会给你发信息反馈。

4。你知道开发总是没有错的

一个网页设计师的另一个伟大的能力是能够在与别人的矛盾中讨论出合理的方案，才是最好的Web开发人员。而99.99%的时间里，我们是积极的，但结果却是错误的Web开发人员。相信我，但我们就这样错了。

5。按照新闻

在任何领域的提升你必须遵循的不断更新的新闻。这是一个验证的说法，因为在很多项目中，我使用了一些服务或信息是我读过关于设计新闻频道的。所以请继续阅读新闻，因为它可以造成一个在网页设计行业所有人的差异。

6、学习过滤

这些天来有多的信息来源，大量的专业网站，个人博客等，你要学会如何从垃圾中筛选好的东西。多，你可以扫描，但只消化好的东西。这一点是至关重要的，因为它会让你只看到好的内容，它会节省时间，不阅读垃圾。

7、始终使用笔和纸

即使可在网上现实很特殊应用，但我在每一个项目上还是使用笔和纸记录。我这样做是因为笔是的项目，可以正确地呈现在我的脑海里。因此，使用笔和纸，将让你更接近你的想法。

8、研究其他设计师

另一个伟大的事情，你应该考虑的是学习高级的网页设计师。斯努克Zeldman的，莫莉，迈耶，乳木果莫尔克罗夫特，意味着给你的东西不只是名字。研究他们的工作，他们的活动。这样做将可以获取很多有价值的网页设计知识。

9、听妈妈的话

我不能说这个句话跟网页设计有什么关联，除非你的妈妈是一个很牛的网页设计师。这个想法很简单，听你的母亲，因为她想要的才是最适合你的。所以，不要浪费时间，做一些与生活有关的事除开网页设计。我觉得这是我妈妈想说的，不是我。

1. 渐变色和半透明度设计 (推荐工具-PS/AI)

渐变色的使用场景很多，它既可以在常见的logo或按钮中使用，也可以单纯作为背景来使用。不同于往年为了迎合拟物化设计而做的空间处理，这里的渐变色采用大胆的撞色，目的是营造更好的氛围及产品气质。

不得不说，使用透明度是件既美观但又冒险的事儿，这种方法如果使用好了，可以在不影响页面的可读性基础上，增强页面整体的设计感与震撼力。

2. 半扁平化设计 (推荐工具-PS/AI)

在过去两年左右的时间，扁平化设计可以说是最受欢迎、但又最具争议的设计趋势。不管哪种设计趋势，显然会受到媒体、技术及实用性的综合影响，最后会以一种渐进的方式逐步渗透进我们的设计中，周期一般在1到2年。其实目前已有很多设计师对扁平化设计理念进行了再创造，于是形成了当下新的设计趋势-半扁平化设计。

这种设计方法，其实就是material design和flat design design两种设计风格的结合。在简洁设计的基础上增加一些空间感，包括卡片设计和悬浮按钮，从而让用户感觉系统不同层面的元素，是有原则且可预测的。

3. 更多三维设计 (推荐工具-C4D)

从各类热门的科幻作品中，我们不难发现“时空扭曲”、“重叠”等一直是备受人们青睐的关键词。在以往的UI或运营设计中，平面、二维的设计手法比较常见，但从今年开始慢慢趋于更多的立体3D效果，增加了设计的纵深感及趣味度，同时也让画面内容更丰富。

实际上，空间感在视觉设计中是愈发重要了，通过对文字进行前后排列，紧缩元素间距从而形成层叠效果，可以带来不错的阴影效果，突显各元素间的前后空间关系，营造立体空间感。

4. 微交互设计(推荐工具-AE)

好的产品往往做好了两点：功能和细节设计。功能吸引用户使用产品，而细节设计将决定用户是否留存。出色的细节设计当然离不开出色的微交互设计，它让用户感到强烈的互动和参与感的同时，通过微小而自然的变化带来非同凡响的愉悦感。

如果用心观察，我们会发现每天都在遭遇数百次的微交互。比如，当你将iPhone设置成静音时，伴随出现的震动提醒、屏幕上的静音图标;在播放器中切换歌曲的时候，界面出现的提示信息等。那些真正让人着迷的应用很大程度上因为微交互的存在。

5. 响应式设计(前端编程工具及技能)

响应式设计的概念，最初由著名的设计大师Ethan Marcotten在2010年5月提出，随后便快速席卷了前端和设计领域，现如今成为网页设计的大趋势。正如Ethan所说：“响应式网站设计提供了一种全新的选择，这种基于栅格布局和CSS3的流动性网页设计，可以让网页随着屏幕变化而响应。这是一种更为统一，更加全面的设计技巧，一种打破网页固有型态和限制的灵活设计方法。”

可以兼顾屏幕多场景的灵活设计，便是响应式设计令人着迷的所在，这点和编程开发中所追求的“一次编写，到处运行”有着异曲同工之妙。

6. 极简的原型设计和交互设计(推荐工具-Mockplus)

注重“版面简约”将是另一大设计趋势。极简主义设计旨在通过清晰的视觉交流来解决用户的问题，更加注重内容而非界面。而简约的设计削减了分散用户注意力的元素，让用户更佳专注于内容。一个结合良好可用性的极简主义用户界面，会带来更流畅、更深刻的用户交互体验;而一款具备简约界面及简单操作的原型设计工具，将势必成为众人心中最佳工具、引领新的风潮。