网页 设计 怎么报价

从事互联网网站建设这一块有四年左右了，网站的重要性这里就不做过多的阐述了，马云曾经说过：不做电子商务，你五年后一定后悔，现在是电子商务的时代，无论你通过何种方式经营企业，公司网站就像互联网上的名片一样，不可或缺。接下来小编告诉你网页设计怎么报价。

(资料图片仅供参考)

一、名词解释

1、首页设计：

首页在整个网站中占重要的地位，我们将根据客户提出的需求，进行整体效果设计，出具设计稿图形文件。

2、内页设计：

内页设计包含栏目页设计和内容页设计。根据网站的整体风格及栏目性质进行页面布局和整体效果设计。

3、页面制作：

根据设计完成的图形文件进行切分优化，制作出HTML文件。

二、网页设计外包价格标准

1、外包网页设计通用设计费用标准：

首页设计 500元/页

内页设计 200元/页

2、外包网页设计最高设计费用标准：

首页设计1000元/页

内页设计800元/页

3、外包网页设计最低设计费用标准：所有页面100元/页

所有外包的网页设计均需要提交图形文件和合成制作好的HTML文件。

网页设计外包费用可根据难易程度和设计水平在外包网页设计通用设计费用标准上下进行调整，不超过外包网页设计最高设计费用标准。

三、网页设计部分报价办法

首页设计 800~1500元/页

内页设计 500~800元/页

页面制作 100~150元/页

四、说明

1、以上价格计算不适用于整体项目外包，仅做参考。

2、以上价格计算不适用于含有FLASH动画设计制作、GIF动画设计制作、JAVASCRIPT脚本开发、网络视频、音频制作的页面设计。

3、网站整体规划方案的制作费用不在网页设计制作的范围内。

网站设计流程

1.客户提出需求与确定网站建设：

客户提出网站建设基本要求

双方就网站建设内容进行协商，修改、补充，以达成共识

双方确定建设方案具体细节及价格

2.签订协议、支付定金、提供材料

双方签订《网站建设协议》

客户提供网站提供相关文本及图片资料。

公司介绍 产品资料

项目描述 网站基本功能需求

客户支付预付款网站建设预算(总额的50%)的订金

3. 网站设计 修改鉴定

我方根据客户的实际情况制作首页及内容页。

网站建设完成后或者网站雏形完成后，客户进行验收(验收项目包括链接的准确性和有效性、页面是否真实还原设计稿、浏览器的兼容性、文字内容的正确性、功能模块的有效性等)

提出您的修改意见

根据您的修正意见完善网站。直到您满意。

4.验收付款

验收合格，由客户签发《网站建设验收合格确认书》

客户支付余款，网站开通

5.网站后期维护工作开展

向客户提交《网站维护说明书》

我方根据《网站建设协议》及《网站维护说明书》相关条款对客户网站进行维护与更新

网页设计配色方法

主 色

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

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

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

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

衬托色

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

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

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

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

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

背景色

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

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

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

强调色

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

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

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

网页设计的4大趋势平

1. 自服务团队兴起。

近两年，商业机构对网络的理解发生了很大的转变。互联网曾一度只被看做是另一个销售渠道，现在却成了许多企业能否成功的关键所在。

而且很多企业都认为把如此事关重大的业务交给外部供应商处理并不明智。因此他们纷纷开始打造属于自己的内部团队。这种做法是合理的，而且从长远来看，也能为企业节约不少成本。

随着上游市场机会的减少和设计公司之间竞争的加剧，这种趋势对网页设计圈造成的影响已经开始显现。一些知名的设计公司，如Adaptive Path和Mark Boulton Design已经将自己出售给了曾经的客户。也就是说他们已经成功地转型成了内部团队。其他一些公司也被迫缩小规模。

Adaptive Path是最近被客户收购的设计公司之一。

当然没有哪个内部团队能承担所有的工作。所以专业型的独立设计师依然有活儿干。但专业型的设计公司还能存在多久就不太好说了。相反，专业设计师与内部团队单独签约，从事短期项目的工作模式可能会日渐流行。

这意味着目前在高端设计机构就职的设计师可能需要从长远角度考虑一下自身的处境了。未来几年可能会有很多设计机构会从市场上退出。在这些机构就职的设计师将会面临选择：是加入内部团队继续工作还是成为独立设计师，如果是后者，你需要在专业方面变得更精深。

但受到影响的绝不仅限于上游市场。

2. 软件取代人工服务。

“软件即服务”的概念对所有行业的低端业务都是一个威胁。例如，像FreeAgent这样的软件正在替代传统的记账人员。从招聘到客户管理，SaaS(软件即服务)的模式也在冲击着传统商业模式的各个环节。

遗憾的是，网页设计也在受冲击之列。从前，一些自由职业的网页设计师还能靠建设低端网站赚取不错的收入。现在，人们完全可以利用Squarespace等软件自助建站，自由网页设计师的日子已经不像从前那么好过了。

FreeAgent是“软件即服务”这一潮流的先锋。

这一趋势带来的改变当然不止“自助建网站”这么简单。现在，为大范围的客户提供内容完全一样的管理系统已经不可想象了。对很多开发者来说，曾几何时这还是一个大产业呢。电子商务平台的情况也一样。Shopify的出现意味着几乎所有在线交易网站都使用同一种购物车模式的时代已经一去不返了。

这种趋势使低端网页设计师被迫向上游移动，而与此同时，高端的设计机构迫于竞争压力也在降低价格。于是中层设计师群体的生存空间就会受到挤压。

以前需要人工才能完成的许多任务，未来很可能被软件取代。即便是在设计行业，人工所占的比重也比从前少多了。

3. 代码自动化。

过去，程序员只要能写出不错的HTML和CSS就足够了。现在情况已经变了。不光是因为太多人都会这个，还因为编代码变得比以前简单。

Macaw和Adobe Reflow这样的软件已经能让设计师胜任大部分以往需要前端编程员来进行的工作。我知道你会想---这些软件写出的CSS糟透了。你说的没错，但这些软件起码预示了一个方向。只要假以时日，它们就会越来越完善。如果有一天人工写HTML和CSS成为一件稀罕事，我也丝毫不会感到惊奇。

或许这些工具软件写出的代码永远不如人类写的那么好，但如果能达到“能用”的级别就已足够。只要它给人们的回报超过投资就行了。对很多需要“快速投入市场”的代码来说，“合格”的自动代码显然比费时费力的人工代码要划算。

就算这一天不会到来，这些软件也已经开始发挥影响。至少现在建立原型产品(working prototypes)比以前省力多了。在以前，这可能需要一个前端设计师忙上几天或几周才能完成。

你尽可以对这些软件嗤之以鼻，因为他们无法与一个训练有素的程序员相提并论。但别忘了，当桌面出版系统出现的时候，平面设计师也是这么说的。桌面出版的确没有取代平面设计师，但确实也减少了平面设计师的工作机会。

作为设计师，你现在或许还有理由洋洋自得。毕竟不管网站的编程如何，人们无论如何还是需要你来设计网站的。但从长远看，情况也许没你想的那么美妙。

4. 网站的衰落。

你可曾注意到，网站的地位正在逐渐下降?举例来说，现在你要看一场电影。你不知道哪家影院有你想看的那部电影。

在过去，或许你会依次访问不同影院的官网，看那部电影是否正在上映。每个网站背后都有一群忙碌的网页设计师，所以每个网站都各不相同。

我敢说现在现在你不会这么费事了。很可能你会下载一个App,因为它集合了不同来源的电影放映信息。也可能你会问一下Siri或上谷歌查一下。