网站美工设计说明
- 格式：ppt
- 大小：5.38 MB
- 文档页数：59
下载文档原格式
合集下载
网页设计说明范文
网页设计说明范文
《网页设计说明》
网页设计是指利用各种技术和工具，将内容、布局、颜色等元素有机地融合在一起，呈现给用户一个完美的网页界面。
一个好的网页设计不仅要具有美观的外观，还要具有良好的用户体验和功能性。
首先，网页设计需要考虑用户体验。
网页设计师应该充分了解用户需求，以用户为中心，设计出符合用户习惯的界面。
网页的导航、布局、文字、图片等元素都应该符合用户的使用习惯，让用户能够快速、便捷地找到自己需要的信息。
其次，网页设计还需要考虑页面的功能性。
不同类型的网页需要包含不同的功能，比如电商网站需要有购物车和支付功能，咨询网站需要有文章分类和搜索功能等。
设计师需要根据网页的用途来选择合适的功能，并保证这些功能的稳定性和易用性。
此外，网页设计还需要考虑页面的美观性。
色彩搭配、排版、图片选择等都需要考虑到整体的美感，使网页看起来清晰、舒适，让用户愿意停留并且回访。
同时还需要考虑网页的响应式设计，确保网页在不同设备上能够呈现出良好的效果。
综上所述，一个好的网页设计需要综合考虑用户体验、功能性和美观性，让用户能够快速找到自己需要的信息，并有愉快的浏览体验。
希望设计师们在网页设计过程中能够细心地考虑这些因素，打造出更好的网页界面。
ui课程设计设计说明
ui课程设计设计说明一、教学目标本课程的教学目标是使学生掌握UI设计的基本理论、方法和技能，能够独立完成UI设计项目。
具体分为三个部分：1.知识目标：学生能够理解UI设计的基本概念、原则和流程，掌握UI设计的相关软件工具。
2.技能目标：学生能够运用所学知识独立完成UI设计项目，包括界面设计、交互设计和视觉设计等。
3.情感态度价值观目标：培养学生对UI设计的热爱和敬业精神，提高学生对用户体验的关注和理解。
二、教学内容本课程的教学内容主要包括以下几个部分：1.UI设计的基本概念和原则：包括UI设计的定义、发展历程、基本原则和设计流程。
2.UI设计的技巧和工具：包括Photoshop、Sketch、Illustrator等设计软件的使用，以及原型设计、交互设计等相关技能。
3.UI设计的实践项目：包括手机应用界面设计、界面设计、智能硬件界面设计等实际项目。
三、教学方法本课程将采用多种教学方法，以激发学生的学习兴趣和主动性：1.讲授法：教师讲解UI设计的基本概念、原则和流程。
2.案例分析法：分析国内外优秀的UI设计案例，让学生了解实际应用。
3.实验法：学生动手实践，完成UI设计项目，提高实际操作能力。
四、教学资源为了支持教学内容和教学方法的实施，我们将准备以下教学资源：1.教材：选择权威、实用的UI设计教材，为学生提供系统的学习资料。
2.参考书：提供国内外优秀的UI设计书籍，丰富学生的知识体系。
3.多媒体资料：收集相关的视频教程、设计素材等，方便学生自学和参考。
4.实验设备：提供电脑、设计软件等实验设备，确保学生能够顺利开展实践项目。
五、教学评估本课程的评估方式包括以下几个部分：1.平时表现：学生出勤、课堂表现、小组讨论等，占总成绩的20%。
2.作业：学生完成的设计作业，包括界面设计、交互设计等，占总成绩的30%。
3.考试：期末进行的UI设计理论考试，占总成绩的50%。
评估方式要求客观、公正，能够全面反映学生的学习成果。
《网美工设计》教案
《网页美工设计》课程教案授课教师：授课班级：地点：课时：
《网页美工设计》课程教案授课教师：授课班级：地点：课时：
《网页美工设计》课程教案授课教师：授课班级：地点：课时：
《网页美工设计》课程教案授课教师：授课班级：地点：课时：
《网页美工设计》课程教案授课教师：授课班级：地点：课时：
《网页美工设计》课程教案授课教师：授课班级：地点：课时：
《网页美工设计》课程教案授课教师：授课班级：地点：课时：
《网页美工设计》课程教案授课教师：授课班级：地点：课时：
《网页美工设计》课程教案授课教师：授课班级：地点：课时：
《网页美工设计》课程教案授课教师：授课班级：地点：课时：。
网站设计说明怎么写
网站设计说明怎么写网站制定，要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。
那么，网站制定说明怎么写?下面我为大家整理的一些内容，希望大家喜爱!网站颜色外观介绍1、介绍你的网站制定所用的主体色(为什么用这几种颜色搭配)2、文字的选择和链接颜色的制定，为了让浏览者最直接明白你的网站布局网站的内容和功能介绍1、首先介绍你的网站的大领域(产品企业站，制定公司站，社区交互站等等);2、介绍你网站主要是哪些功能及栏目(如企业站的栏目是：企业文化介绍，企业产品介绍，企业联系方式，企业团队介绍等等)。
2网站的制定方案一、建设网站前的市场分析1、相关行业的市场是怎样的,市场有什么样的特点，是否能够在互联网上开展公司业务。
2、市场主要竞争者分析，竞争对手上网状况及其网站规划、功能作用。
3、公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力(费用、技术、人力等)。
二、建设网站目的及功能定位1、为什么要建立网站，是为了宣扬产品，进行电子商务，还是建立行业性网站?是企业的必须要还是市场开拓的延伸?2、整合公司资源，确定网站功能。
依据公司的必须要和计划，确定网站的功能：产品宣扬型、网上营销型、客户服务型、电子商务型等。
3、依据网站功能，确定网站应达到的目的作用。
4、企业内部网(Intranet)的建设状况和网站的可扩大性。
三、网站技术解决方案依据网站的功能确定网站技术解决方案。
1、采纳自建服务器，还是租用虚拟主机。
2、选择操作系统，用unix,Linux还是Window2000/NT。
分析投入成本、功能、开发、稳定性和安全性等。
3、采纳系统性的解决方案(如IBM,HP)等公司提供的企业上网方案、电子商务解决方案?还是自己开发。
4、网站安全性措施，防黑、防病毒方案。
5、相关程序开发。
如网页程序ASP、JSP、CGI、数据库程序等。
3网站制定要点确定网站风格网站的整体风格及其创意制定是最难以学习的。
网页美工实训指导书
《电子商务网页美工实训》实训指导书编写者：袁鑫二〇一〇年五月目录一、总体说明 (1)1、实训目的与要求 (1)2、实训内容 (1)3、参考课时 (1)4、实训材料准备 (1)5、考核办法 (2)6、实训方法与步骤： (2)7、实训范例 (2)实训一网页导航按钮制作篇 (2)实训二网页广告条制作篇 (3)实训三网页站点标志制作篇 (5)实训四网页图像处理篇 (6)实训五网页首页制作篇 (7)实训六网页内容页制作篇 (8)一、总体说明1、实训目的与要求随着互联网的快速发展，网页美工设计与图像处理技术进入了一个崭新的阶段。
网页作为网络信息的载体，不再是简单的文字与图片的展示，而是更加强调美观性、交互性，这也是当前网页美工设计与图像处理的发展趋势。
为了加强学生的网页美工设计水平，提高学生的图像处理实际动手能力，同时为了推进我国信息化人才建设的培养，适用将来的社会的需要，提高学生的竞争力，本学期开设了为期一周的《网页美工与图像处理》实训。
该门课程的学习，实践性很强，学生必须通过大量的上机练习，才能够灵活地用它来解决实际的问题，通过集中一段时间利用PHOTOSHOP制作网页导航按钮、网页广告条、网页站点标志、网页图像处理、网站首页制作、网站内容页制作进行综合实训，熟练掌握该软件的各种功能，提高解决实际问题的能力。
2、实训内容《网页美工与图像处理》3、参考课时28课时4、实训材料准备硬件：一个性能较高的机房。
软件：Windows xp操作系统;Photoshop cs2完全安装；Flash mx 2004；Acdsee。
资料：《网页美工与图像处理精讲》、《网页美工与图像处理》实验指导书。
5、考核办法出勤情况：10分纪律表现：10分实验报告：10分实训一网页导航按钮制作篇10实训二网页广告条制作篇10实训三网页站点标志制作篇10实训四网页图像处理篇10实训五网页首页制作入篇15实训六网页内容页制作入篇156、实训方法与步骤：实训方法：学生四人一组，选出一个组长和第二责任人。
淘宝美工岗位设计工作职责说明书
职 责 四
职 责 五
岗位说明书
职 责 六 职责表述： 无可替代的岗位职责 工 1、对网络销售服装实物拍摄负责 作 任 务 2、对网店的平面展销设计、服装描述详情图片处理设计负责 3、对节假日促销活动等营造气氛的美工设计负责
4、摄影器材的保管和日常维护负责 职责表述： 职 责 七 工 作 任 务
四、工作权限 1. 对网店整体页面的设计修改权 2. 对外包拍摄费用的申请和支配权 3. 对摄影器材的使用权 4. 5. 6. 7. 8. 五、任职资格 基本要求 具备一定的服装专业知识，一年以上美工或平面设计工作经验，有一定的文案基础和策划能力 教育程度 大专或大专以上学历 专业 平面设计 必要证书： 学历证 工作经验 1年以上 熟练期： 1个月 知识要求 精通photoshop 熟练Frontpage Dreamweaver Flash等主流设计软件，懂一定的摄影专业知识 能力要求 思维活跃，工作积极，富有创意，能承受工作压力，具备良好的团队合作精神 六、其它事项 工作时间特征 一般工作时间，偶尔加班 工作环境 摄影棚、电子商务中心 使用工具/设备 摄影器材、电脑、日常办公用品等
淘宝美工岗位说明书
一、基本资料 岗位名称 美工 所辖人数 二、工作协调关系 电子商务主管 所在部门 电子商务部 所在职系 营销 岗位代码 编写日期 Y-MG-65 2012-2-18
外包拍摄机构 本部门 对内 美工1 对外 网络平台
三、工作描述 关键职责概述 网店商品实物图拍摄与商品文案的整合；网店VI设计与印刷；网店各种页面的构建设计与 装修；网店各类活动的气氛营造和文案策划；工作反馈与协助部门完成其它工作
职责表述： 职 责 二 工 作 任 务
职 责 三
1、对网站的名片、传单、会员vip卡等宣传性相关的印刷品进行设计和制作跟踪 2、负责网店推广活动的宣传海报进行设计 3、负责网站促销活动的礼品的印刷设计与购置 职责表述： 网店各种页面，构建的设计与装修 1、综合参考营销的调研数据与自身设计理念，对网站各种页面和构建要表达的效果进行分析和描 工 述 2、根据对分析出来的结果，利用淘宝软件及聘请专业网页设计师进行制作，并进行调试安装，最 作 后对效果进行监督和测试 任 务 3、定期或不定期对网店的整体美工进行审核，改进 4、收集美工素材，统筹思路，提前做好下一期美工设计的准备工作 职责表述： 网店各类活动的气氛营造和文案策划 2、结合节日特点进行文案策划 3、对节日主推商品的图片进行美化处理 4、对节日促销活动送出的礼品进行图片拍摄和处理 职责表述： 工作反馈与协助部门完成其它工作 工 作 任 务 1、把职责一、二、三、四每星期向部门主管以文档的形式汇报 2、将提前做好的设计方案提交部门主管审核 3、根据网店最新需要与发展，部门主管会下发一些协助性的任务工作，应积极配合团队需要 工 作 任 务 1、针对不同节假日的促销活动进行整体网店气氛营告设计
网页美工设计的职责介绍
网页美工设计的职责介绍网页美工设计的职责介绍导语：随着淘宝的逐渐流行，网页美工设计的市场也是逐渐地宽广起来。
如果你想要成为一名合格的网页美工设计，那么你就应该要从多方面地满足自己的要求。
为自己负责，并且也应该要懂得去更好地进行淘宝网页的设计，让这样的网页设计出来的效果可以达到成为一幅值得欣赏的图画。
而想要成为一名合格的网页美工设计，也是应该要知道自己所承担的职责的。
以下是店铺为大家精心整理的网页美工设计的职责介绍，欢迎大家参考！关于网页美工设计是负责整个网站的前台设计，界面设计、规划整个网页的布局。
目前使用ps进行界面效果图的设计，AI辅助设计LOGO、以及网标。
所以作为网页设计师掌握的重要工具就是photoshop软件。
网页美工熟悉各种平面设计软件，如Photoshop、ai等软件，完成美术视觉上的设计排版等。
网页美工负责的图形设计，即传统意义上的“美工”。
不过不是单纯意义上美术工人的工作，既然搭上了“网页”的头衔，因此他们负责的是软件产品的产品“外形”设计。
交互设计主要在于设计软件的操作流程、树状结构、操作规范等。
一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。
网页美工要负责这点，相信很多人都不知道，因为在大众的印象中，美工只要负责视觉效果就可以了，但仅仅是视觉设计，作为一名合格的网页美工，那是远远不够的。
而第三个网页美工的职责：用户测试/研究，其目标是测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的.形式衡量网页设计的合理性。
另外，对于网页美工的职能，不少人还存在着一个误区，那就是认为网页美工精通CSS/HTML/JAVASCRIPT等语言来做网页布局，其实这是不正确的，网页布局的工作应该是由前端开发工程师来完成的。
在网页美工切图设计要注意以下几点：定要做好网页宽度的设置设计，一般网页宽度有760PX、900PX、1000PX等，最好不要超过1200PX的宽度，高度没有限制。
《网页美工设计》课程标准
《网页美工设计》课程标准Curriculum Standards(2019年修订)课程名称：网页美工设计课程代码：适用专业：数字媒体艺术设计专业学制学历及教育类别：3年制高职教育课程学分：5学分计划用教学时间：80学时修订人：审定人：修订时间：1．课程设置概述1．1 课程在相关专业中的性质与定位数字媒体艺术设计专业的定位是：培养德、智、体、美全面发展，在平面图形图像制作、网页界面设计、三维造型等领域，具有与本专业相适应的文化水平和良好的职业道德，熟悉图形图像的制作环境，具有较强的图形、图像处理能力，从事广告设计与制作、图形图像编辑处理、视频编辑与合成特效、网页设计、网络动画制作与发布等工作的高素质技能型专门人才。
针对数字媒体艺术设计专业的毕业生就业的主体岗位网页设计师，人才培养方案设置了《网页美工设计》这门课程。
课程定位如表1所示。
表1 课程定位1．2 本课程的基本教学理念本课程设计以教育部【2006】16号文件精神要求为切入点，以服务为宗旨，以就业为导向，以提高学生的实践能力、创造能力、就业能力和创业能力为目标，以职业能力培养为重点，通过学习此课程，要求学生掌握网页的设计与制作技术、网站的创建技术以及网站的管理维护能力。
1．3 本课程标准的设计思路与特色学习本课程的目的：是熟练应用 Dreamweaver，fireworks,flash等网页制作工具，掌握网页制作技能。
本课程开设的主要目的，是为了适应web技术的飞速发展，为学生今后在学习、工作中建立网站及网页制作打下基础。
通过本课程的学习，使学生了解如何规划并建立站点，掌握制作网页的基础知识，能熟练利用Dreamweaver等工具提供的强大的功能制作出精美的网站。
●坚持理论与艺术实践相结合，做到深入浅出，通俗易懂、生动活泼。
●把握设计教学的特点，坚持以设计带动软件的学习，努力消除教学中的僵化思想。
●加强对学生审美能力的培养，使得艺术与技术并重。
网站美工设计基础课程教学大纲
13级《网站美工设计基础》课程实施性教学大纲制定人：日期：审核人：日期：批准人：日期：一、说明1、课程的性质和内容《网站美工设计基础》是“计算机网络技术”专业（网络编辑、网页设计等方向）（专科）的一门统设必修课。
通过本课程的学习，使学生了解平面设计构图与视觉传达的关系，掌握平面设计构图的几种常用的表现方法，理解点、线、面等设计元素之间的相互关系，掌握CorelDRAW绘图工具的基本使用方法，从而掌握利用绘图工具设计网页的方法，成为初步掌握网站美工基础知识和基本技能的应用型人才。
本课程侧重介绍网站美工的基本理论、基础知识、基本技能和方法，使学生了解网站和网页的基本设计思想，提高和掌握对色彩基础知识（色相、明度、纯度，空间混合概念，色彩搭配，色彩的心理、网页的色彩设计、配色软件的使用等）、平面构成（平面设计构图的形式要素、关系要素，平面设计构图的基本形式、平面设计构图的形式规律，平面设计构图的几种常用的表现方法等）、版式（版式设计的形式法则、网页的版式构成与设计）及创意等相关的内容。
在完成基础知识教学任务的同时，还要着重加强学生实际动手能力的培养。
2、课程的任务和要求本课程包括基础理论和实训两大部分，特点和教学基本要求如下：1）、基础理论部分※对色彩基础知识、平面构成、色彩搭配、版面设计等美术基础知识应能较熟练的掌握。
※掌握并能利用平面绘图软件辅助设计、制作网页。
2）、实训部分※通过本课程的学习，使学生提高色彩观察能力和色彩的感知能力；一般色彩搭配能力；了解平面设计构图与视觉传达的关系，熟悉点、线、面等设计元素的性质并能灵活运用；掌握平面设计构图的几种常用表现方法；加强实际动手能力的培养和训练；培养对优秀网页版式分析模仿的能力；基本掌握一种绘图工具的使用，最终能设计出优秀网页。
3、教学中应注意的问题（含教学建议）掌握：要求学生能够全面掌握所学内容，并能够用其分析、解答与网站美工（网页）设计相关的问题，能够举一反三。
美工岗位说明书
美工岗位说明书一、岗位概述美工是负责为公司的各类产品、服务或项目进行视觉设计和创意表现的专业人员。
他们通过运用各种设计工具和技术，将创意和想法转化为具有吸引力和影响力的视觉作品，以提升品牌形象、用户体验和营销效果。
二、岗位职责1、视觉设计负责公司网站、电商平台、社交媒体等渠道的页面设计，包括整体布局、色彩搭配、图标设计、图片处理等，确保页面美观、简洁、易用。
设计公司产品的宣传海报、画册、宣传单页、名片等各类印刷品，以及电子文档，如 PDF、PPT 等。
参与公司品牌形象的设计和维护，包括标志设计、品牌色彩规范、字体选择等，确保品牌形象的一致性和独特性。
2、图形图像处理对公司提供的产品图片进行优化和处理，包括裁剪、调色、去背景、添加水印等，以提高图片质量和可用性。
设计和制作各类图标、按钮、导航栏等界面元素，确保其符合用户习惯和设计规范。
为公司的营销活动和推广项目制作相关的图形素材，如活动海报、优惠券、广告图片等。
3、创意与策划与市场、销售、产品等部门密切合作，了解业务需求和目标，提供创意和设计方案，以支持营销和推广活动。
参与公司的产品设计和研发过程，提供关于用户界面和用户体验的设计建议，提升产品的竞争力。
关注行业设计趋势和流行元素，不断创新和改进设计风格，为公司带来新颖的视觉体验。
4、素材管理与整理收集、整理和管理各类设计素材，如图库、字体库、模板库等，以便在设计过程中能够高效地调用和使用。
对设计文件进行分类、归档和备份，确保设计文件的安全性和可追溯性。
5、其他工作协助其他部门完成与设计相关的工作任务，如为公司内部活动制作宣传资料、为员工设计名片等。
参与公司的设计团队建设和培训工作，分享设计经验和技巧，提高团队整体设计水平。
三、任职要求1、教育背景美术、设计相关专业，大专及以上学历。
2、工作经验具有X年以上美工设计工作经验，有成功案例者优先。
3、技能要求熟练掌握 Photoshop、Illustrator、CorelDRAW 等设计软件，具备扎实的设计功底和良好的手绘能力。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
在网站美工设计中，任何漂亮绚丽丰富的色彩都需要黑白 灰的有效搭配才能在视觉上达到主次分明、重点突出、和谐统 一的效果。如果一个网站的页面全部都是丰富绚丽的色彩，效 果必定杂乱无章、画面跳跃不定，眼睛会倍感疲劳。
网站美工设计
第三原则，注意色彩的对比。 有对比才会有和谐，要注意色彩中的对比关系并有效控
网站美工设计
网站美工设计
(2)网页版式规划 版式设计的范围涉及包装、广告、报纸、书籍、产
品手册、宣传单、网页设计等许多设计形式。本章我们 只针对网页设计研究版式。 A网页版式设计的组织原则
鲜明主题的诱导力 形式内容的统一 强化整体布局 B 网页版面的构成元素 世间百态千变万化，归纳这些事物的空间形态均由 点、线、面等基本元素构成，它们彼此交互，有序构成 了缤纷的世界。在设计中也是同样的道理，任何的版式 设的基本元素归根结底都是点、线、面的和谐构成。
制这些对比关系。如色彩的明度对比，纯度对比，色相对比， 冷暖对比，轻重对比，面积对比等等。只有有效控制这些对 比关系，网页才会达到色彩明快、视觉和谐的效果。
网站美工设计
(5)色彩的象征意义 色彩牵涉的学问很多，包含了美学、光学、心理学
和民俗学等等。心理学家近年提出许多色彩与人类心理 关系的理论。他们指出每一种色彩都具有象征意义，当 视觉接触到某种颜色，大脑神经便会接收色彩发放的讯 号，即时产生联想，例如红色象征热情，于是看见红色 便令人心情兴奋；蓝色象征理智，看见蓝色便使人冷静 下来。经验丰富的设计师，往往能藉色彩的运用，勾起 一般人心理上的联想，从而达到设计的目的。
网站美工设计
网站美工设计
一、网站美工设计的特点与思路分析 1.1 网站美工的任务概述
网站美工顾名思义就是对网页的美化，其主要包括三方 面:网站的创意规划，网站的版式布局规划和网站的色彩规划。 网站美工设计一般要与企业整体形象一致。要注意网页色彩、 图片的应用及版面规划，保持网页的整体一致性。
网站美工既要熟悉图形创作软件，也要有较好的视觉功 底，创意能力，才能创造出符合需求的美观的页面。网站美 工不同于网站后台开发的编程人员，其核心是美工，即对网 站整体形式美的把握。
网站美工设计
C．网络Logo的表现形式： 作为具有传媒特性的Logo，为了在最有效的空间内实现所有 的视觉识别功能， 一般是通过特示图案及特示文字的组合， 达到对被标志体的出示、说明、沟通、交流，从而引导受众 的兴趣、达到增强美誉、记忆等目的。
网站美工设计
表现形式的组合方式一般分为特殊图形，特殊字体， 图文并貌。 1)特殊图形：
网站美工设计
(3)网页色彩规划 A 色彩基本概念
自然界中的颜色可以分为非彩色和彩色两大类。非彩色 指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属 于彩色。任何一种彩色具有三个属性：
（1）色相（Hue）：是颜色的基本特征，反映颜色的基 本面貌。
（2）饱和度（Saturation）：指颜色的纯洁程度。 （3）明度（Brightness）：体现颜色的深浅。 非彩色只有明度特征，没有色相和饱和度的区别。 B 三原色 电脑屏幕的色彩是由RGB（红、绿、蓝）三种色光所合成的， 调整这三个基色就可以调校出其它的颜色。在许多图像处理 软件里，都提供有色彩调配功能，可以输入三原色的数值来 调配颜色，也可直接根据软件提供的调色板来选择颜色。 网页设计是以三色模式为标准。在Photoshop里也可直接选 择WEB模式进行色彩编辑。
网站美工设计
(3)广告形象区域（Banner)设计 Banner的英文翻译有网幅广告的含义，指网幅广告、
旗帜广告、 横幅广告。 (4)导航区域设计
导航区域是网页设计中不可缺少的部分，它是指通过 一定的技术手段，为网站的访问者提供一定的途径，使其 可以方便地访问到所需的内容，是人们浏览网站时从一个 页面转到另一个页面的快速通道。利用导航条，可以快速 找到要浏览的页面。
指文字与图案结合的设计，兼具文字与图案的属性， 更容易被观者所接受。
网站美工设计
D．网络Logo的规范 设计Logo时，面向应用的各种条件作出相应规范，
对指导网站的整体建设有着极现实的意义。设计时要 规范Logo的标准色、辅助色等配色体系，同时要考虑 其大小，色彩。如果企业有VI规范手册要按VI规范手 册严格执行，大小依据网页的整体结构风格而定。
这个色彩和心理联想的理论，对设计师来说又重要 的指导意义。在选择运用何种色彩时，须得同时考虑作 品面向的是那类群体，以免适得其反。我们一定要充分 理解色彩的一般象征含义，才能正确有效的把握色彩应 用色彩。
网站美工设计
1.4 网页框架结构 (1)网页框架结构的内容组成
一个基本的门户型网页一般包括标志（Logo）设计、广告形象 区域（Banner） 设计、导航区域设计、网页主体内容显示区域或产 品服务介绍区域，以及一些附加的消息栏、搜索区域、注册用户区 域等。在基本构架完成后，我们可以充分发挥聪明才智，为客户合 理的科学的展示他们需要展示的内容。
网站美工设计
(2)网站Logo设计规范 Logo的应用一直是CIS（企业形象识别系统）导入
的基础和最直接的表现形式，网络标志的设计尤其如此。 A．标志的职能：
作为独特的传媒符号，标志（Logo）一直成为传播 特殊信息的视觉文化语言。无论从古时繁复的欧式徽标、 中式龙纹，到现代洗练的抽象纹样、简单字标等都是在 实现着标志被标志体的目的，即：通过对标志的识别、 区别、引发联想、增强记忆，促进被标志体与其对象的 沟通与交流，从而树立并保持对被标志体的认知、认同， 达到高效提高认知度、美誉度的效果。作为信息时代的 产物，网络Logo的设计，更应遵循CIS的整体规律并有 所突破。
网站美工设计
网站美工设计
(4)网站配色的原则 第一原则：先定主色，再配辅色。
在网站美工设计中要想让网页美观大方，色彩和谐网站的色彩风格，在网页色彩搭配中起主导作用， 决定网页的整体色调。主色决定后就是辅色的搭配，辅色的搭 配在主色的基础上进行，辅色在网页中的比例一般为主7辅3， 或主6辅4，切忌出现主辅色面积比例相当的情况，进而造成色 彩混乱，风格模糊的情况。 第二原则：有效利用黑白灰色进行网页的色彩搭配。
通过独特、醒目的图形来吸引观者的眼球，特殊图 案本身易被区分、记忆，通过隐寓、联想、概括、 抽 象等表现方法表现被标志对象，更容易强化沟通和被理 解。 2)特殊文字：
在沟通与传播活动中，将反复使用的被标志体的名 称或其产品名称，用一种文字形态加以统一，并对文字 进行独特设计变形，以加深观者的印象，达到传播的目 的。 3)图文并貌:
网站美工设计
4）上左中右结构式 同上左右框架式稍有区别的是中间部分为内容区域，右 侧则是该网站较重要的内容导航区域，或是登录、搜索 区域、Flash广告等。 5）综合结构式 特点是功能模块多，信息分类详细，因此根据需要采用 区域版面结构较合适。信息储量大的门户网站较多应用 这类结构。 6）不规则结构式 信息量少，通常在以产品宣传为目的的企业网站和个人 网站中使用。
网站美工设计
1.2 网站美工设计流程 (1)需求分析
随着社会的不断发展，企业商家品牌意识的提高，现在的网站 开发设计不仅仅是功能的实现，更强调整体外观的美化和整体形象 品质。与客户的充分沟通，了解客户的需求是创作网页的前提。 (2)网站项目规划
一个完整的网站应该具备整体布局、条理清晰、内容丰富的特 点，因此网站项目的规划十分重要。必须要让所看网站的客户在第 一时间找到需要的信息，并给以清晰的指示引导。我们在这里只介 绍基本原则，既：先整体布局，再局部整理，力求做到条理清晰、 内容明确。
创意的概念：什么是创意？简单的说就是具有新颖性 和创造性的想法。创意的范围很广，网站的创意不同于一 般的平面广告，既要考虑网页的新颖独特，同时更重要的 是考虑所用创意是否符合所设计网页客户的行业特点及网 页整体功能的实现。
创意的表现：创意的完美实现需要具体的形式来加以 表现，关键是找到合适的创意点。例如：设计可口可乐的 网页，大家会马上想到可乐瓶子的外型，热情飞扬的红色 彩带，所有和可口可乐相关的元素。
网站美工设计
色彩象征 红——血、夕阳、火、热情、危险 橙——晚霞、秋叶、温情、积极 黄——黄金、黄菊、注意、光明 绿——草木、安全、和平、理想、希望 蓝——海洋、蓝天、沈静、忧郁、理性 紫——高贵、神秘、优雅 白——纯洁、 素、神圣 黑——夜、死亡、邪恶、严肃
网站美工设计
但心理学家也留意到，一种颜色通常不只含有一个 象征意义。正如上述的红色，既象征热情，却也象征了 危险，所以不同的人，对同一种颜色的密码，会作出截 然不同的诠释。除此之外，个人的年龄、性别、职业、 他所身处的社会文化及教育背景，都会使人对同一色彩 产生不同联想。
同时也可以为个人网站加入一个自定的主题，如我心飞扬、 浪漫满屋、E酷一族等等，这些主题也是进行网站创意的关键切 入点。
网站美工设计
1．将要设计网页最终效果如图所示，主题确定为我心飞扬，简洁大 方的风格。
网站美工设计
2．对所设计的个人网页进行整体规划。首先，为网站确定主 题名称以便Logo的设计，然后确定所设计个人网页的尺寸大 小，最后确定网站结构风格，最好能先画出结构草图以便科 学合理的分布所表现内容。 3．确定主题：我心飞扬。新建文件并将文件命改为“我心飞 扬”，页面大小为780 X580像素。
导航条的目的是让网站的层次结构以一种有条理的方 式清晰展示，并引导用户毫不费力地找到并管理信息，让 用户在浏览网站过程中不至迷失。
为了让网站信息可以有效地传递给用户，导航一定要 简洁、直观、明确。
网站美工设计
(5)网页的框架结构类型 网页的框架结构无疑就是网页的骨骼、筑“房”地基。网 页版面布局以导航栏为界，大致可分为：上下、左右、上 左右、上左中右、综合，不规则等。 1）上下结构 通常上方为导航条，或者动态的企业形象、广告区域。下 方为正文、内容部分。通常在内容较少或简洁的企业网站 或个人网站中出现。 2）左右结构 一般左侧是导航条，右侧是正文、内容部分或者公司企业 形象展示。 3）上左右结构 上方为主要的菜单导航条，左侧为点击出现的细分栏目导 航条，下方为较主要的栏目及小广告等，右侧为内容区域。 这种结构形式是大中型企业较喜欢的框架形式。
网站美工设计
第三原则，注意色彩的对比。 有对比才会有和谐，要注意色彩中的对比关系并有效控
网站美工设计
网站美工设计
(2)网页版式规划 版式设计的范围涉及包装、广告、报纸、书籍、产
品手册、宣传单、网页设计等许多设计形式。本章我们 只针对网页设计研究版式。 A网页版式设计的组织原则
鲜明主题的诱导力 形式内容的统一 强化整体布局 B 网页版面的构成元素 世间百态千变万化，归纳这些事物的空间形态均由 点、线、面等基本元素构成，它们彼此交互，有序构成 了缤纷的世界。在设计中也是同样的道理，任何的版式 设的基本元素归根结底都是点、线、面的和谐构成。
制这些对比关系。如色彩的明度对比，纯度对比，色相对比， 冷暖对比，轻重对比，面积对比等等。只有有效控制这些对 比关系，网页才会达到色彩明快、视觉和谐的效果。
网站美工设计
(5)色彩的象征意义 色彩牵涉的学问很多，包含了美学、光学、心理学
和民俗学等等。心理学家近年提出许多色彩与人类心理 关系的理论。他们指出每一种色彩都具有象征意义，当 视觉接触到某种颜色，大脑神经便会接收色彩发放的讯 号，即时产生联想，例如红色象征热情，于是看见红色 便令人心情兴奋；蓝色象征理智，看见蓝色便使人冷静 下来。经验丰富的设计师，往往能藉色彩的运用，勾起 一般人心理上的联想，从而达到设计的目的。
网站美工设计
网站美工设计
一、网站美工设计的特点与思路分析 1.1 网站美工的任务概述
网站美工顾名思义就是对网页的美化，其主要包括三方 面:网站的创意规划，网站的版式布局规划和网站的色彩规划。 网站美工设计一般要与企业整体形象一致。要注意网页色彩、 图片的应用及版面规划，保持网页的整体一致性。
网站美工既要熟悉图形创作软件，也要有较好的视觉功 底，创意能力，才能创造出符合需求的美观的页面。网站美 工不同于网站后台开发的编程人员，其核心是美工，即对网 站整体形式美的把握。
网站美工设计
C．网络Logo的表现形式： 作为具有传媒特性的Logo，为了在最有效的空间内实现所有 的视觉识别功能， 一般是通过特示图案及特示文字的组合， 达到对被标志体的出示、说明、沟通、交流，从而引导受众 的兴趣、达到增强美誉、记忆等目的。
网站美工设计
表现形式的组合方式一般分为特殊图形，特殊字体， 图文并貌。 1)特殊图形：
网站美工设计
(3)网页色彩规划 A 色彩基本概念
自然界中的颜色可以分为非彩色和彩色两大类。非彩色 指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属 于彩色。任何一种彩色具有三个属性：
（1）色相（Hue）：是颜色的基本特征，反映颜色的基 本面貌。
（2）饱和度（Saturation）：指颜色的纯洁程度。 （3）明度（Brightness）：体现颜色的深浅。 非彩色只有明度特征，没有色相和饱和度的区别。 B 三原色 电脑屏幕的色彩是由RGB（红、绿、蓝）三种色光所合成的， 调整这三个基色就可以调校出其它的颜色。在许多图像处理 软件里，都提供有色彩调配功能，可以输入三原色的数值来 调配颜色，也可直接根据软件提供的调色板来选择颜色。 网页设计是以三色模式为标准。在Photoshop里也可直接选 择WEB模式进行色彩编辑。
网站美工设计
(3)广告形象区域（Banner)设计 Banner的英文翻译有网幅广告的含义，指网幅广告、
旗帜广告、 横幅广告。 (4)导航区域设计
导航区域是网页设计中不可缺少的部分，它是指通过 一定的技术手段，为网站的访问者提供一定的途径，使其 可以方便地访问到所需的内容，是人们浏览网站时从一个 页面转到另一个页面的快速通道。利用导航条，可以快速 找到要浏览的页面。
指文字与图案结合的设计，兼具文字与图案的属性， 更容易被观者所接受。
网站美工设计
D．网络Logo的规范 设计Logo时，面向应用的各种条件作出相应规范，
对指导网站的整体建设有着极现实的意义。设计时要 规范Logo的标准色、辅助色等配色体系，同时要考虑 其大小，色彩。如果企业有VI规范手册要按VI规范手 册严格执行，大小依据网页的整体结构风格而定。
这个色彩和心理联想的理论，对设计师来说又重要 的指导意义。在选择运用何种色彩时，须得同时考虑作 品面向的是那类群体，以免适得其反。我们一定要充分 理解色彩的一般象征含义，才能正确有效的把握色彩应 用色彩。
网站美工设计
1.4 网页框架结构 (1)网页框架结构的内容组成
一个基本的门户型网页一般包括标志（Logo）设计、广告形象 区域（Banner） 设计、导航区域设计、网页主体内容显示区域或产 品服务介绍区域，以及一些附加的消息栏、搜索区域、注册用户区 域等。在基本构架完成后，我们可以充分发挥聪明才智，为客户合 理的科学的展示他们需要展示的内容。
网站美工设计
(2)网站Logo设计规范 Logo的应用一直是CIS（企业形象识别系统）导入
的基础和最直接的表现形式，网络标志的设计尤其如此。 A．标志的职能：
作为独特的传媒符号，标志（Logo）一直成为传播 特殊信息的视觉文化语言。无论从古时繁复的欧式徽标、 中式龙纹，到现代洗练的抽象纹样、简单字标等都是在 实现着标志被标志体的目的，即：通过对标志的识别、 区别、引发联想、增强记忆，促进被标志体与其对象的 沟通与交流，从而树立并保持对被标志体的认知、认同， 达到高效提高认知度、美誉度的效果。作为信息时代的 产物，网络Logo的设计，更应遵循CIS的整体规律并有 所突破。
网站美工设计
网站美工设计
(4)网站配色的原则 第一原则：先定主色，再配辅色。
在网站美工设计中要想让网页美观大方，色彩和谐网站的色彩风格，在网页色彩搭配中起主导作用， 决定网页的整体色调。主色决定后就是辅色的搭配，辅色的搭 配在主色的基础上进行，辅色在网页中的比例一般为主7辅3， 或主6辅4，切忌出现主辅色面积比例相当的情况，进而造成色 彩混乱，风格模糊的情况。 第二原则：有效利用黑白灰色进行网页的色彩搭配。
通过独特、醒目的图形来吸引观者的眼球，特殊图 案本身易被区分、记忆，通过隐寓、联想、概括、 抽 象等表现方法表现被标志对象，更容易强化沟通和被理 解。 2)特殊文字：
在沟通与传播活动中，将反复使用的被标志体的名 称或其产品名称，用一种文字形态加以统一，并对文字 进行独特设计变形，以加深观者的印象，达到传播的目 的。 3)图文并貌:
网站美工设计
4）上左中右结构式 同上左右框架式稍有区别的是中间部分为内容区域，右 侧则是该网站较重要的内容导航区域，或是登录、搜索 区域、Flash广告等。 5）综合结构式 特点是功能模块多，信息分类详细，因此根据需要采用 区域版面结构较合适。信息储量大的门户网站较多应用 这类结构。 6）不规则结构式 信息量少，通常在以产品宣传为目的的企业网站和个人 网站中使用。
网站美工设计
1.2 网站美工设计流程 (1)需求分析
随着社会的不断发展，企业商家品牌意识的提高，现在的网站 开发设计不仅仅是功能的实现，更强调整体外观的美化和整体形象 品质。与客户的充分沟通，了解客户的需求是创作网页的前提。 (2)网站项目规划
一个完整的网站应该具备整体布局、条理清晰、内容丰富的特 点，因此网站项目的规划十分重要。必须要让所看网站的客户在第 一时间找到需要的信息，并给以清晰的指示引导。我们在这里只介 绍基本原则，既：先整体布局，再局部整理，力求做到条理清晰、 内容明确。
创意的概念：什么是创意？简单的说就是具有新颖性 和创造性的想法。创意的范围很广，网站的创意不同于一 般的平面广告，既要考虑网页的新颖独特，同时更重要的 是考虑所用创意是否符合所设计网页客户的行业特点及网 页整体功能的实现。
创意的表现：创意的完美实现需要具体的形式来加以 表现，关键是找到合适的创意点。例如：设计可口可乐的 网页，大家会马上想到可乐瓶子的外型，热情飞扬的红色 彩带，所有和可口可乐相关的元素。
网站美工设计
色彩象征 红——血、夕阳、火、热情、危险 橙——晚霞、秋叶、温情、积极 黄——黄金、黄菊、注意、光明 绿——草木、安全、和平、理想、希望 蓝——海洋、蓝天、沈静、忧郁、理性 紫——高贵、神秘、优雅 白——纯洁、 素、神圣 黑——夜、死亡、邪恶、严肃
网站美工设计
但心理学家也留意到，一种颜色通常不只含有一个 象征意义。正如上述的红色，既象征热情，却也象征了 危险，所以不同的人，对同一种颜色的密码，会作出截 然不同的诠释。除此之外，个人的年龄、性别、职业、 他所身处的社会文化及教育背景，都会使人对同一色彩 产生不同联想。
同时也可以为个人网站加入一个自定的主题，如我心飞扬、 浪漫满屋、E酷一族等等，这些主题也是进行网站创意的关键切 入点。
网站美工设计
1．将要设计网页最终效果如图所示，主题确定为我心飞扬，简洁大 方的风格。
网站美工设计
2．对所设计的个人网页进行整体规划。首先，为网站确定主 题名称以便Logo的设计，然后确定所设计个人网页的尺寸大 小，最后确定网站结构风格，最好能先画出结构草图以便科 学合理的分布所表现内容。 3．确定主题：我心飞扬。新建文件并将文件命改为“我心飞 扬”，页面大小为780 X580像素。
导航条的目的是让网站的层次结构以一种有条理的方 式清晰展示，并引导用户毫不费力地找到并管理信息，让 用户在浏览网站过程中不至迷失。
为了让网站信息可以有效地传递给用户，导航一定要 简洁、直观、明确。
网站美工设计
(5)网页的框架结构类型 网页的框架结构无疑就是网页的骨骼、筑“房”地基。网 页版面布局以导航栏为界，大致可分为：上下、左右、上 左右、上左中右、综合，不规则等。 1）上下结构 通常上方为导航条，或者动态的企业形象、广告区域。下 方为正文、内容部分。通常在内容较少或简洁的企业网站 或个人网站中出现。 2）左右结构 一般左侧是导航条，右侧是正文、内容部分或者公司企业 形象展示。 3）上左右结构 上方为主要的菜单导航条，左侧为点击出现的细分栏目导 航条，下方为较主要的栏目及小广告等，右侧为内容区域。 这种结构形式是大中型企业较喜欢的框架形式。