《2022年电脑设计 .pdf》由会员分享，可在线阅读，更多相关《2022年电脑设计 .pdf（4页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、1 网页艺术设计的原则世间万事万物，千差万别，不论是宏观的还是微观的世界，看得见的和看不见的，已被认知的和未被认知的，都有其固有的规律性。只有掌握了某一事物的规律，才有驾驭某一事物的能力。网页作为传播信息的种载体，同其他出版物如报纸杂志等在设计上有许多共同之处，也耍遵循一些设计的基本原则。但是，由于表现形式运行方式和社会功能的不同，网页设计义有其自身的特殊规律。网页设计所需的工具，种类手u 数量都很多。大体包括HTML编辑工具页开发工具图像应用工具、创建动态元素的工具四类。同时，您还应该拥有IE 和 Navigator 这两大浏览器，来测试网页设计效果。1.5.1 HTML 编辑工具Allai
2、re 公司提供的HomeSitc 是一套门编写HTML.程序代码的编辑器。用户必须具备HTM语言的基础，才能在它超强的编辑环境里如鱼得水。1 5 2 网页开发工具(l)Dreamweaer Macromedia 公司提供的Dreamweavr 是一套“所见即所得”的网页开发丁具。它可以制作出跨浏览器的动态HTML 代码一即不论使用IE 还是 Navigator 浏览嚣，所编写的HTML 代码都能被正确的解释、显示。具有全FTP 功能处理Flash 和 Shockwave 等多媒体格式和动态HTML、基于团队的Web 创作。在编辑上可以选择喜欢的源码编辑方式。快速的HTmL Tag编辑器，Fir
3、eworks 中元素导入功能，新的对象包括DATE、E-MIAL、导航条等。此外，DreamWeaver 可以原封不动地读人您在其他网页开发工具或网页编辑器里写好的HTVML文件，丝毫不会改变原文件的格式、换行、大小写HTML 标识，让你的HTML文件仍然能够被原先的网贞编辑软件所解释。这是市面上其他“所虬即所得”工具办不到的。Dreamweavr 的弱点在于时站点的管理，它不象 FrontPage埘超级链接的维护，能够做严密监控，并儿自动对应更新。(2)FrontPage 微软公司提供的FrontPage辨也是一套“所见即所得”的网页开埕工具。具有优秀的自动化网超级链接维护功能、所见即所得的
4、帧窗口(frame)界面。直觉式的于绘表格制作，用户可简便地在网页内插入动态性组件(如：动态 HTML.、计算器、站点搜索)，而无需自己编写这些程序代码，这使 FrontPage 成为网页开发工具的佼佼者。例如我们使用HTML 语言编写表格，得记住它的标签元素，还必须适当地组织、排列它们，才能得到需要的表格。过去。可能没有人会利片j 表格来组织设计网页。到了今天，我们在使用FrontPage98 这个所见即所得的工具，会发现制作主页原来这样轻松，那种枯燥之感顿时消失，向我们也可以多放一点精力在设计上。遗憾的是，FrontPage 编写的动态HTML,代码，无法在不同的浏览器上正确显示。使用微软
5、的IE 浏览器时一切正常，但采用网景的Navigator 浏览器时，就常常出现错误。图像应用工具(l)Fireworks Macromedia 公百推出的Fireworks。号称是笫一个提供网页制图全方应解决方案的应用软件。如果您曾经接触过Freehand或 FLash 等 Macromedia 公司的产品，就会发觉Fireworks 的工作面板及操作方式都十分熟悉、易用。Fireworks 与 Dreamweaver 结合很紧密，结合了Photoshop（点阵图处理）以及CorelDRAw绘制向量图）的功能。因此，十分容易选择、调整位置，同时，能够绘制出细腻的材质。可以轻松制作出网页上很流行
6、的阴影立体按钮等等的被果。支持网页16 进制的色彩模式，提名师资料总结-精品资料欢迎下载-名师精心整理-第 1 页，共 4 页 -供安全色盘的使用和转换，要切割图形、做影像对应(Image Map)、背景透明等部很容易。Fireworks 十分擅长将较大的图形文件做不同等分的分割，各自保存为不同文件格式不同压缩方法的图形文件，然后再编写复杂内嵌式的隐形表格，将这些分割过的小图形文件拼凑回来。在制作交且性按钮、动画，以及编写相关的Javascript 程序代码方面，也都具有优秀的表现。(2)ImageReady Adobe 公司推出的ImageReady，拥有与Fireworks 不相上下的强大
7、功能。它的用户界面与Photoshop 十分类似，如果您使用过Photoshop，便会感觉ImageReady 十分容易上手。ImageReady 沿用与 Photoshop 类似的操作方式，您可以将各个图像放置在各个图层，然后加以编辑。IInageReady 在图形文件压缩、调色板选定、批处理、动画制作，以及透明色的支持上，都有非常优秀的表现。(3)Photoshop Adobe 公司的 Photoshop 是一套专业级的图像应用软件。目前最新的版本是Photoshop7.0，无论在设计上还是其它功能上都得到进-步的增强，提供了富有创新的艺术工具、强化的 Web特性，而且捆绑销售其功能强大的
8、Adobe ImageReady，对 WEB 图像的处理更加方便，轻松达到令人振奋的效果。现在，不管您是设计交互式的图形，还是制作复杂的印刷图象，都可以享受其强大的功能和方便的操作。(4)Painter MetaCreations 公司提供的Painter 以其逼真的自然彩绘笔触和纸质而闻名。除了常用的铅笔、粉笔、水彩、蜡笔、油画笔之外，还有很多特殊画笔，可以简便快速地画出火焰、杂点、霓虹、树叶等图像，井且时应显示在具有特殊质感的图纸上。Painter 让您 J 数字绘画i 看起来像是使用传统颜料、纸笔精心手绘出来的一样，完全没有电脑绘图的生硬。Painter 也具备图层功能，支持压力感应板，
9、允许进行多达32 次的撤消操作，并且有极细腻的图像材质控制，是 套功能强大的专业绘图软件，受欢迎的程度与Photoshop 不相上下。Painter 的最新版本增加了许多网页设计功能，非常适合专业设计者使用。(5)CorelDraw CoreIDraw 是一个功能强大的专业型向星绘图软件，由Corel 公司提供。它主要应用于印刷输出的图形，但也能帮您完成网页里的插图。最新版的CoreIDraw 同样增强了对网页设计的支持，例如制作影像对应(lmage Map).所见即 F 得 jHTML输出、GIF 动画等。此外，它附赠许多剪贴图(clipart)、字体、相片、网页背景图案、GIF 动画等。(
10、6)Freelland Freehand 是一个超级专业向量绘图软件，由Macromedia 公司出品。它提供了一系列完整的绘图工具，可制作出细致的美术图形、工业绘图。文件格式与QuarkXpress、Photoshop、Flash、Director 等软件相通，可以方便地在各个程序间引入、导出。Freehand8 里附加的InstahtmL 小程序可以输 H 支持动态IITML 与 StylcSheet 的文件，因此，您不需编写任何Javascript 程序代码与HTML 源代码，就能够制作出一个生动活泼的网页。设计范围：平面设计所包含的内容是极为广泛的，凡运用二维方技进行的设计均属于平面设
11、计范畴。如厂告画、包装设计、书籍装帧设计、唱片套设计、图案设计、商标设计等。设计原理：(1)统与变化：是指对部分或部分与整体的视觉关系进行调整。变化是有秩序的变化统“也是求变化的统。如果构成的变化是无秩序的变化，将会产生杂乱无章的混乱效果；统名师资料总结-精品资料欢迎下载-名师精心整理-第 2 页，共 4 页 -一而没有变化也会给人一种单调无味的感觉。(z)调和：部分与部分或部分勺整体之间产生较安定的相互连贯构成就会产生调和。调和中包含着类似和对比两种，类似是由近似的造型或色彩构成他对比是由不同的色彩和造型构成的、巧妙地运用对比和类似的各种手法达到调和之效果是设计中需要解决的重点。(3)均衡：
12、部分与部分或部分勺整体之间产生视觉的均衡效果，在设计少一分重要。(4)旋律：部分与部分或部分与整体之间运用有一定规律的反复而产生律动感，这也是设计中不呵忽视的重要原理。平面设计要素|(1)点：点和面是相对而言，如果把点扩大到一定程度就变成面。在不同环境中同样大小的点有时可成为点、有时也可成为面。(2)线：线分为直线和曲线两大类，不同形状的线具有不同的性格，东方美术的灵魂是线的组合，应充分领会不同线的不同性格及其表现方式。(3)面：线的移动将会形成面、移动路径的不同会产生不同的变化。从最简单的几何形体考察其性格，圆形体现柔和并具有动感的效果，方形体现坚硬并具有静止的效果，三角形体现了锐利并具有中
13、性的效果。(4)立体：立体是由长、宽、高三个因素组成的造型。立体的三原型是球形、方形和圆柱形，由此可变化出无数的各种立体造型。(5)明暗：光是使物体产生明暗效果的因素，通过光感的不同变化可以设计丰富的艺术效果。(6)质感：不同的材料都具有不同的质感，如光滑、粗糙、柔软、坚硬、温和、冰凉等。根据实际需要设计不同的质感和纹理将会增强艺术魅力。设计的必要性：本信息来源于百姓网 每个人工产品都需要通过设计和制作来完成。设计将会节省人工费、材料费、生产费az 将会避免意见冲突，节省时风将会使更多的人迅速理解产品，并使产品的销路扩九将会简化使用、制作过程，使人类的生活更加便利。图像设计露要做的事情：图像设
14、计必须是大众宜于理解的方式和方法，以及综合运用照片、绘画、装饰等形式，以达到丰富画面的效果，同时视觉效果力求达到美观、单纯、经济。1 文字的间隔本信息来源于百姓网 文字的间隔并非由均等的方格距离能够实现的，由于各种文字形象的不同，文字间的空间各有不同。要保持文字的整体平衡，最重要的要素是使文字间的空间面积基本相等。因此，在调整文字的间隔时有些字需要缩短间隔距离，有些字需要适当放大或缩小。例如：以曲线构成的字以及部分突出的字形可以超过基准线。2句子的间距：句子的间距要保持相同，间距越大，调整的难度就越大。间距根据开始和结尾字形的不同以及字体的不问而有所区别。句了的间距一般采用以该字体的一个字的间
15、隔为佳。3行间距：根据实际需要确定行间距。大部分标题文字的行距时常出现过大的趋向。般来讲、以英文字体而吉，以字体的宽度为行距较好。文字的排列方法：(1)左方一致排列法：这是图像设计中最常用的排列方法。(2)右方一致排列这：只适合文字字数较少的情况。(3)左右完全一致法：用于文字宁数较多的情况。如果宇数少，行的距离短，在句子之间易产生视觉空洞，会破坏视觉效果，给修改增加难度。(d)中央基准排列法：为实现趣味性排列，以中央为基准左右排列。这种式常用于邀请名师资料总结-精品资料欢迎下载-名师精心整理-第 3 页，共 4 页 -书、通知书等较短的文章。(5)轮廓基准排列按：这种排列形式具有幽默感和趣味
16、性(图 3)。(6)周边邻接排列这：一般在四边形图像边缘排列文字、常用于信籍、杂志等。(7)非对称排列法：没有左右侧基准线*也没有一定的排列按，视觉效果活泼，虽然读起来有一定的难度，但是在文字少的情况下为了增加活泼性可以来用这种排列方法。(8)任意性排列怯：这种方宠爱具活泼性，视觉效果突出，常用于企业广告、宣传画等文字数量少的场创。(9)垂直排列法：主要用于标题或书脊装饰以及机关名称牌板。(10)倾斜排列按：以一定的角度倾斜排列方法给人以新颖的视觉效果起人们的注目。尾部向上的倾斜方技比尾部向下的倾斜更具稳感。文字的性格表现：(1)别对比好的划、对比能够突出文字的他。(2)粗细对比：文字通过粗细对比体现重量的不同效果。(3)深浅对比：文字通过深浅对比体现强弱个性的对比效果*(4)软硬对比：文托故捆细棚型出曲线的对比穷赃顺环问的个性表现。(3 垂直与峨：文字通过垂直与脑的对比体现静止和运动的个性表现。(6)轮廓线变化：文宁通过轮廓线或无轮廓线的个闷对比实现阴与阳、黑与白、肯定勺否定的性格表现。(7)固定与粉碎：文宁超过允全和不完全的对比体现完全与不完全、正直勺破坏的个性。 http:/ http:/ http:/ http:/ http:/ http:/ 4 页，共 4 页 -