网页美工设计方案

1、UI设计和网页美工的区别是什么

一、性质不同

1、UI设计：是指对软件的人机交互、操作逻辑、界面美观的整体设计。

2、网页美工：是精通美学，photoshop（PS），FLASH，dreamweaver（DW）等一网站制作软件的网络人员，且必须具有良好的创意和一定程度的审美观。

二、工作内容不同

1、UI设计：UI设计师的职能大体包括三方面：一是图形设计，软件产品的“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，

2、网页美工：网页美工负责整个网站的前台设计，界面设计、规划整个网页的布局。可以使用ps进行界面效果图的设计，AI辅助设计LOGO、以及网标。所以作为网页设计师掌握的重要工具就是photoshop软件。

(1)网页美工设计方案扩展资料：

UI设计的设计原则：

1、简易性

界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。

2、用户语言

界面中要使用能反映用户本身的语言，而不是游戏设计者的语言。

3、记忆负担最小化

人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定，24小时内存在约25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。

4、一致性

它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与产品内容相一致。

5、清楚

在视觉效果上便于理解和使用。

6、用户的熟悉程度

用户可通过已掌握的知识来使用界面，但不应超出一般常识。

2、网页美工设计的流程有那些？

1.首先了解你要做的是什么东西，并且进行分析，选用主色调和基本设计思路
2.按照你所想的进行素材的收集
3.配合上面的进行初稿设计
4.再回过头看看有没有要修改的地方，然后确认完成
5.将设计稿发给客户，如果客户认同则进行网页制作，如果没认同则继续进行修改，知道客户满意为止！
6.切片前也要先观察好，哪些是自己需要的，哪些东西能重复使用，哪些是需要越小越好的，哪些文字是必须用图片的！考虑好这些就进行切片，记住精确精确再精确！如果有必要将类型相同的图片做成一张图片！
7.网页编码，按照切片时思路将网页进行编码，一般都是分为头部、主体内容、底部，主体内容有1栏的 2栏的，3栏的，现在软件中把DIV架构好框架，再进行样式的编写！！！

补充一点，设计的时候要考虑到以后编码的方便来设计！能用文字的地方尽量用文字，还有一般的行业网站和大一点的参照一下一栅格系统，无非是网页内容在950-960这个范围！

工作周期在7天以内 包括与客户沟通时间！ 当然一般只需要三天就好，快的一天也行！ 要看网站的大小程度和客户的刁钻程度！

3、网页美工需要掌握什么软件?

网站美工首先需要懂得平面设计的技能，因为美工主要是设计网站模板和网站上使用的图片，所以首先需要熟练使用 Photoshop 和cdr着来年各个软件。

其次，需要熟练使用Dreamweaver，这是用来编辑代码的，但是也可以使用别的编辑工具来编辑代码。编辑代码主要考验的是对代码的熟练掌握，网页美工一般只负责网站前台的代码编写，所以需要熟练掌握，html div+css

flash这个软件在以前也是经常用到的，但因为flash文件质量太大，影响网站的打开速度，所以如今已经很少用了，可以不用掌握。

4、网页制作策划书

1、 建设企业网站所遵循的一般原则
（1） 系统性原则。同时提供设计方案。设计实施单位应充分了解企业文化和企业机构及管理信息等基本情况，对营销目标、行业竞争状况、产品特征、用户需求行为以及网站推广运营等基本问题等要素融入到网站建设方案中。
（2） 完整性原则。企业网站是企业在互联网上的经营场所，应该为用户提供完整的信息和服务：网站的基本要素合理、完整；网站的内容全面、有效；网站的服务和功能适用、方便；网站建设与网站运营维护衔接并提供支持。
（3） 友好性原则。网站的友好性包括三个方面：对用户友好——满足用户需求、获得用户信任；对网络环境友好——适合搜索引擎检索、便于积累网络营销资源；对经营者友好——网站便于管理维护、提高工作效率。
（4） 简单性原则。在保证网站基本要素完整的前提下，尽可能减少不相关的内容、图片和多媒体文件等，使得用户以尽可能少的点击次数和尽可能短的时间获得需要的信息和服务。
（5） 适应性原则。企业网站的功能、内容、服务和表现形式等需要适应不断变化的网络营销环境，网站应具有连续性和可扩展性。

2、网站建设基本流程规范
企业网站建设（升级改版）包含下列基本流程：
（1）制定网站规划方案：包括网站预期目标、行业竞争状况分析、网站栏目结构、用户行为分析及内容规划、网页模版设计、网站服务器技术选型、网站运营维护规范等基本内容；
（2）网站技术开发、网页设计；
（3）网站测试；
（4）网站内容发布；
（5）网站维护及管理。
3、网站域名及网站技术规范
（1）采用基于XHTML的国际WEB标准（CSS+DIV）；
（2）网站首页为顶级域名而不是多级层次 ；
（3）网站首页及各栏目和内容页面均不采用网址跳转方式，不采用过渡页/桥页等网址重定向；
（4）合理应用静态网页与动态网页，网站栏目首页和其他重要页面采用静态网页；
（5）网页内容页面层次不宜过多，不超过四个层次；
（6）采用主流域名：.cn、.com.cn、.com等；
（7）一个网站对应一个主域名，现有多个域名需统一；
（8）网站链接错误率在一定范围之内，首页等重要页面无死链接；
（9）网站设计对不同浏览器具有兼容性。
4、企业网站的基本功能和内容
（1） 与企业办公网实现无缝链接；
（2）具有信息发布、产品发布和管理功能；
（3）产品推荐/广告管理功能；
（4）详细的公司介绍；
（5）详细的联系方式；
（6）合理的产品分类/汇总/列表；
（7）详细的产品介绍内容；
（8）销售及售后服务相关的联系和服务信息；
（9）在线服务信息；
（10）持续更新的企业动态/产品信息；
（11）相关网站链接管理功能；
（12）规范的网站地图；
（13）网站访问统计功能。
5、网站优化
网站优化包括三个方面：对用户获取信息优化、搜索引擎优化、网站维护优化。
（1）网站栏目结构合理，栏目设置不要过于复杂；
（2）网站导航清晰且全站统一，通过任何一个网页可以逐级返回上一级栏目直到首页；
（3）网页布局设计合理，网站设计符合用户浏览习惯；
（4）重要文字信息尽可能出现在网页靠前位置；
（5）字体清晰，CSS风格协调一致；
（6）最多3次点击可到达产品详细内容页面；
（7）通过网站任何一个网页不超过3次点击可达到站内其他任何一个网页；
（8）遵照搜索引擎为管理员提供的网站优化指南，通过网站结构和内容等基本要素的优化为搜索引擎检索信息提供方便，不采用任何被搜索引擎视为垃圾信息的方法和欺骗搜索引擎的方式（如堆积关键词、用户不可见文本、页面跳转、复制网页等等）；
（9）网站首页、栏目首页及产品内容页面均有一定的文字信息量；
（10）每个网页有独立的、可概括说明该网页核心内容的网页标题（而不是全站或者一个栏目共用一个网页标题）；
（11）每个网页有独立的、与该网页内容相关的META标签设计（包括description和keywords）；
（12）每个网页有独立的URL；
（13）产品内容页面URL尽可能简短且体现出产品属性；
（14）产品/企业新闻详细内容页面是独立网页不是弹出窗口；
（15）对于产品品种多的企业网站，要有合理的产品分页方式；
（16）网站内容保持适当的更新周期。
6、网页模版设计
（1）重要信息尽可能出现在用户最关注的位置；
（2）网页宽度定位适应当前主流屏幕分辨率模式；
（3）保持整站CSS风格一致；
（4）超级链接有下划线或颜色的明显指示；
（5）整个网站中在新窗口打开或原窗口打开网页的规则一致；
（6）网站首页字节数不宜过大；
（7）多语言版本网站内容之间的切换方式设计合理。
7、企业网站可信度
（1）网站具有必须的法定证书；
（2）对企业基本状况的介绍真实可信；
（3）公布顾客服务/售后服务承诺；
（4）有必要的个人信息保护声明；
（5）网站公布的联系方式有效，尤其是地址、固定电话和Email地址；
（6）网站公布的Email地址与企业网站域名后缀一致而不是免费邮箱；
（7）网站主域名与企业名称/品牌/核心产品一致或相关；
（8）网站提供的信息及时有效；
（9）网站有自己独立的风格；
（10）网站各项功能和服务方便易用。
8、网站运营维护
（1）建立网站内容发布审核机制，始终保持网站内容的合法性；
（2）保持网站服务器正常工作，对网站访问速度等进行日常跟踪管理；
（3）保持合理的网站内容更新频率；
（4）网站内容制作符合网站优化所必须具备的规范；
（5）重要信息（如数据库等、访问日志等）的备份机制；
（6）保持网站重要网页的持续可访问性，不受网站改版等原因的影响；
（7）对网站访问统计信息定期进行跟踪分析。
其他要求：
由于网络营销环境和用户行为在不断发展变化，企业网站需要增强适应性，可通过改版、重建等方式进行网站升级。 在网站建设技术标准方面，遵照国际WEB标准，不再使用过时的HLML4.01；在网站运营支持方面，融入目前居于领先地位的网站优化思想和方法，使得遵照规范建设的企业网站全面符合主流搜索引擎的优化指南，具有明显的搜索引擎优化优势。
网站规划：
•整体规划合理，主辅菜单不清晰；
•网站建设导向明确，重点突出；
•栏目适应；
•各栏目统一规划，整个网站比较清晰；
•网站的促销功能得到明显体现。

菜单设置：
•菜单采用不宜图片形式，图标标识明确，有文字说明，不要用户移动鼠标进行猜测；
•菜单层次不宜过多，有效信息层次要少，不需要多次点击才能找到有效信息；
•过多采用鼠标响应式菜单，栏目设置不合理，使得用户难以发现需要的信息；
•栏目设置有重叠；
•栏目名称意义不明确，容易造成混淆；
•全flash首页和菜单，无法优化处理，也没有相应的文字说明，不采用。
•栏目清晰够用，但重要信息完整，充分体现有效信息。

网站首页：
•少采用大型图片，用户关心的信息在首页体现，不应多次点击；
•首页下载速度要快；
•首页有效信息量丰富；
•首页有标题；
•提供一种以上外语链接页面。

•主页布局比整洁，重要信息得以重点体现；
•打开网页不宜弹出多个窗口，影响正常浏览；
•不要刻意追求“创意”效果，以至于很难理解网站要表达的意思。

页面信息：
•重要信息完整，如联系方式和产品介绍等；
•页面信息足够，减少多次翻页；
•去除与企业形象、产品、促销等方面无关的信息；
•产品详细介绍内容过少；
•内容页面没有标题，或者全部使用公司名为标题；
•客户能够方便的及时维护补充，保持其时效性；
•不允许有无任何内容的栏目。

网页字体和美工：
•注重美术效果，但不必大量采用图片，影响网页下载速度；
•注重美观，但有些连基本信息内容都不可用图片格式，影响基本信息获取；
•文字适中、颜色明晰、不影响正常视觉；
•页面不应过于花哨。

必须克服的问题 ：
（1）网站规划和栏目设置要合理：主要表现在栏目设置不应有重叠、交叉、或者栏目名称意义不明确，容易造成混淆，使得用户难以发现需要的信息，避免栏目过于繁多和杂乱、网站导航系统混乱；
（2）重要信息完整：企业介绍、联系方式、产品分类和详细介绍、产品促销等是企业网站最基本的信息，企业网站上这些重要信息完整；
（3）网页信息量足够：包括两种情况：一种页面上的内容，或者将本来一个网页可以发布的内容不可分为多个网页，而且各网页之间必须有相互链接，不需要再次点击主页；另一方面是尽管内容总量不少，但有用的信息少，笼统介绍的内容多；
（4）栏目层次过深。重要的信息应该出现在最容易被用户发现的位置，应尽可能缩短信息传递的渠道，以使企业信息更加有效地传递给用户；
（5）网站有利于促销：通过网站向访问者展示产品、对销售提供支持，有多种具体表现方式，如主要页面的产品图片、介绍、通过页面广告较好体现出企业形象或者新产品信息、列出销售机构联系方式、销售网店信息等，或者具有积累内部网络营销资源和拓展外部网络营销资源的作用 。
1. XHTML 适应现在越多的网络设备和应用的需要 ；
2. XML是web发展的趋势 。 可以使web平滑的过渡到XML。
3. 使用XHTML 严密。
4. XHTML 与其它基于XML的标记语言、应用程序及协议进行良好的交互工作。

这是中国互联网协会对企业网站制作的标准,这样做会使其网站价格提升.
一般情况下单位做网站还是用.net语言为好，价格便宜安全性能好，不要使用asp太落后了，而且安全性不好。jsp价格高点，就是虚拟主机价格偏高。
如果需要可以给我留言
不明白的在告诉我。

你是需求方吧?你想怎么做?
需要我帮你出标书方案?
这样,你只要吧你所需要的和网站需要实现的功能呢个弄出来,加上以上的条款,整理一下就可以.
还有问题吗?

5、请问网页美工和网页设计师的区别是什么啊···

网页美工需要会的内容：仅限前台（也就是我们打开一个网站肉眼所见部分）
CG美术基础学
Photoshop
DreamWeaver+HTML语言
Flash动画设计
网站实训设计项目（前台）

网页设计师：前台+后台
CG美术基础学
Photoshop
DreamWeaver+HTML语言
Flash动画设计
ASP+PHP网页设计开发课程
SQL server+MYSQL数据库应用
网站实用技术
网站实训设计项目（前台）
网站实训设计项目（后台）

6、网页设计和网页美工设计有什么区别？

有区别也没什么区别。这要看你去的公司大小，公司越大的地方工作分的越细致，这样的地方设计和美工是不同的，设计人员将网页效果和页面图设计出来，之后美工将里面用到的图片制作出来。而一般的中小公司对于这种分工就不大，一般是什么都干。

7、什么是网页美工

网页美工 就是对网页的美化 网页美工要熟悉photoshop fireworks flash等制图软件，也要有一个非常好的视觉功底，创意能力，才能创造出非常美观的页面。 网页美工也用css来进行美化，css可以控制html标签的元素 如 html <a href="#">link</a> css: a:link,a:visited{display:block;width:100px;height:30px;border:1px #333 solid;} a:hover{background:#efefef;color:#333;} 上面串css代码对a进行了美化,页面上的超级链接显示是宽100，高30，显示灰色边框 当我们鼠标放在超级链接上的时候背景变色网页美工需要掌握 DIV+CSS样式；基础HTML语言 基础美术：素描（石膏几何体、静物写生）；色彩（色彩构成、简单色彩静物写生） 三大构成：色彩构成、平面构成、立体构成 56 Photoshop网页配色及排版设计；Illustrator网页设计；网页设计综合、经典网页解析

8、网页美工设计需要注意哪些细节

1、切勿随意添加栏目：作为美工，这一行为是要避免的，如果随意给界面添加表单、链接、“更多”等需要后台开发才能支持的功能，这样随意添加，就无形的更改了网站最初的需求，增加了项目的工作量，会影响网站的整体功能，同时也增加了后期测试的工作量，另一种可能就是不符合用户的需求，导致后期还需要重新修改。
2、切勿随意篡改设计：没有按照栏目的逻辑来设计页面，也没能为网站的内容进行良好的呈现。这种行为只是单纯的为了自己能在网页设计时方便，从而随意的消减了很多网站的内容。
3、随意切图，不考虑页面动态扩展：这个一般是美工技术含量不够导致的。切出的图片只能用在一个界面尺寸里，换个页面，就需要重新切图，没有任何扩展性，要结合响应式网页设计的原理，进行合理切图。
4、图片好看，但是没有实在的意义：给一个美工一个新闻主题，让他给做一个Banner，但是做出来之后，和新闻主题没有任何的关系，仅仅是好看。还有一些美工，更加对工作不负责任，只是把一个图片做了一下PS，这样对网站的整体效果都是有害的。
5、整站界面风格：在后期维护网站的阶段，美工们在制作图片时，没有考虑当前网站的风格，随意变换图片基本色调，在网页色彩搭配设计时，不合理配合网站整体风格，会影响网站后期的优化工作。

9、网页美工需要学什么？

你好！很高兴能为你解答，看到及时采纳，谢谢！
首先：要看你的工作是偏重于页面设计还是偏重技术即网页的制作。
其次：PS是基本要求，还有网页三剑客也就是dreamweaver、flash、firework，dreamweaver则需掌握很熟练，而flash需掌握5分熟，另外再会用Html、css、掌握css+div技术则能成为一个网页设计师。总之，多学点东西肯定是没坏处的。祝你好运！

10、真正的网页美工都做什么?

网页美工实际上就是前段工程的一部分,真正的前段工程师要求会界面的设计和界面代码的编写。
通常需要熟练掌握的技能有：
1、图片处理技能：熟练的使用图片处理软件如photoshop，完成设计和切图等操作，为了界面的美观有设计功底会非常的有必要
2、熟练的使用网页的编辑工具如dreamweaver。