_网站设计

_网站设计

如果您有关于_网站设计的问题，我可以通过我的知识库和研究成果来回答您的问题，并提供一些实用的建议和资源。

文章目录列表:

1.banner设计网站有哪些-有哪些好的设计网站
2.企业网站设计的基本步骤是什么，谢谢？
3.如何设计一个网站需要什么
4.UI设计,平面设计,网站设计有什么不同？

banner设计网站有哪些-有哪些好的设计网站

除了站酷，还有哪些比较好的设计网站

1、?灵感采集类

2、界面交互类

3、设计规范

4、设计素材

5、图库素材

6、颜色搭配

7、字体字形

8、_设计网站

Fotor懒设计是全球_的平面设计工具和_平面设计网站之一,提供海量海报、邀请函、贺卡、banner、名片等免费设计素材和模板,可免费_设计、印刷,并能_编辑、照片编辑。

有哪些好的设计网站

想学设计,你就不能不知道这几个神仙设计网站,不仅帮你提高你的效率,还可以激发你的设计灵感!那么,接下来我就给大家推荐几个宝藏设计网站,日常浏览下这些网站,有助于提高设计审美,以及丰富一些设计理论同时了解一些互联网大厂的实际设计项目。让想学设计的你,日常浏览下这些网站,有助于提高设计审美,以及丰富一些设计理论同时了解一些互联网大厂的实际设计项目有了他们的帮助如虎添翼!

VAUFonts设计网站

英文艺术字_生成

只需将英文字母输入至文本框内,可以调整英文字母的颜色、大小、样式、间距等等,傻白甜式操作让你轻松get艺术英文字。

图源网络

比格设计设计网站

_内有量新媒体做图素材、微信公众号所需各种配图设计模板。很多新媒体小编和运营大神都在用的做图利器。

为什么说它好用呢我给你盘盘它的优点。

1、和photoshop不同的是,它是款_制作公众号图的做图具,对电脑没啥要求,只要可以使用浏览器就行。运行流畅不用等待。体验感棒极了。

2、提供很多免费的微信公众号图设计模板,任意选。

3、图素材+设计模板,键成,快速设计。

4、素材库量免抠插画、免抠图,种草元素、组合容器、二维码容器、线条、形状以及gif动图让设计更轻松。

5、自己动手设计微信公众号图,海量图标、素材任你选,充分发挥你的设计创意。

让设计变得更加简单,论作或活中的设计都可它完成,设计场景覆盖了海报、公众号封面图、胶囊banner、竖版配图、动静态二维码、头像、壁纸等,随意修改字、替换图就能键成设计,免费保存至云端。节省的不只钱,还有时间。

UIspace设计素材网站

免费的UI设计素材网站,UiSpace包含PSD、样机、素描、字体、图标、插画等免费素材资源,根据名称便可清楚知道,它为设计师带来了丰富的UI设计素材。而且内附源文件(sketch和psd),特别好用。

图源网络

abzeedo设计灵感网站

国外非常好的设计网站,Abzeedo是设计师们必备的网站之一,它拥有的设计作品非常广泛,像建筑设计、视觉设计、版式设计等等,包含很多设计内容,灵感,创作,经验,_不失为你寻找灵感的好来源。

图源网络

inblog设计理论网站

里面有很多国外设计师的项目经验和过程解读,包括在设计时的一些方式和方法分享,帮你从内而外的提升自己的设计理论和设计知识。

图源网络

wikiart设计灵感软件

维基百科的艺术灵感网站,里面有很多国外艺术家的作品,风格复古,审美_,对爱好复古油画风的人很友好。

图源网络

是不是已经跃跃欲试了呢,赶快去这些宝藏设计软件吧!

心动不如行动!gogogo!

有哪些国外设计素材网站推荐？

这个也要看你的领域吧,一般室内的话比较喜欢的是pinterest,平面的话比较喜欢的是behance,当然也不_于这两个,像pin的素材种类比较多,在设计师心中是一个很强大的存在,后来上不去了,还是朋友给我推荐了一个网站,大师助手,可以免费上,二来网站种类也多,你也可以下载试试

设计师必备的40个国外设计素材网站:

1.Fribbble

来自Dribbble的免费素材会在这个网站汇集,有图标、PSD、各类视觉稿,不一而足。

2.Behanceprojecttemplate

在Behance上发布设计项目的时候,不知道如何展示才漂亮?看看这篇文章,下载结尾漂亮的模板,问题就迎刃而解了。

3.

这也是一个寻找免费PSD文档、虚化背景图和漂亮UI元素的好网站。

4.colourlovers

如果你还在为寻找好的色彩搭配而纠结,那么千万不要错过这个网站,你要的一切都在这里,从灵感搜集到成型的方案,满足你的每一个愿望。

5.CGtextures

这个网站提供了大量的免费,这类大多是关于石头、天空、树木等富有纹理质感的对象,当你需要制作有质感的对象的时候,这个网站会成为你_好的帮手!

6.Su_lePatterns

纹理神站!它不仅提供了超过400款高品质纹理素材,还提供了_纹理制作工具,你还在等什么呢?

7.Webydo

_的无代码网站搭建_Webydo在此,上手试试吧~

8.guideguide

如果你也苦于设计网页中的栅格和布局,那么GuideGuide会是你的好帮手。我们也曾发文讲述如何使用这一工具《PS参考线插件GUIDEGUIDE下载及使用说明》

9.Nomorebanding

有时候使用PS制作渐变效果的时候,渐变效果并不平滑,而是呈现出阶梯状的变化,这个动作可以消除这种阶梯状渐变,看起来更加顺畅平滑,非常不错哦。

Gridzzly可以帮你制作自己的格纸,制作出非常不错的印刷图案,_而实用。

这个工具可以帮你将你的图标转变为可为iOS和Android设备使用的_图标尺寸。

3

这是专门为摄影师所设计的工具,使用PerfectEffects3你可以更容易添加效果,想比起耗时庞大的Photoshop、Lightroom以及Aperture,它更加快速实用。

&Slice

_的Mac_切图工具,它可以帮你在短短几分钟内搞定分组切图的工作,不过请务必记住要重命名各个图层。

2

这是一组包含7个不同脚本的图层管理插件合集,它可以让你繁琐的工作更加简单。

选择图层,高亮文本,然后通过拾色器来取色,有的时候是太过复杂的过程,Hexy则非常方便,它可以使用滴管快速取色然后直接复制到剪切板当中,即取即用。

!

看到一个漂亮的字体想知道它到底是什么字体?试试WhatTheFont吧,上传截图,它会为你在数据库中进行匹配。

Typewolf可以帮你显示正在浏览的网站所使用的字体,推荐类似的字体和背景信息。

SizeMarks是一个非常实用的Photoshop脚本,它可以测量不同元素之间的距离,对于设计师和前端颇为有用。

2

仅需要几秒钟,Velositey可以借助模板在Photoshop中快速构建网页布局。

这个工具可以帮你快速搜索图标,一键点击将其新建为新的图层,并且可以轻松编辑。

借助LivesharePS,你可以将PSD文档在Liveshare会议上_分享展示,你的任何操作都可以让大家看到,哪怕你没有点击保存按钮。

这个插件可以让你无需离开Photoshop就一键分享你的设计作品。

想把你的AI中的配色方案同步到PS?Prisma可以让所有支持这一插件的软件中的配色方案都同步起来。

这是_好的假文生成器,可以在Photoshop、AI、ID和Dreamweaver中使用。

这个免费的Behance展示生成器可以借助一个免费PSD文档和PS动作帮你将作品制作成展示效果。

一个简单的PS插件,可以帮你将图层中的文本而翻译成不同的语言。

这是一组13个滤镜,可以在PS中帮你将制作成类似Instagram的效果。

来自GoMedia的SimonHartmann撰写了这篇实用而炫酷的教程,教你如何在Photoshop中实现VSCO处理的效果。

这款Photoshop插件包含了一系列可用于社交媒体的、广告Banner和资料信息等内容。

这是一组免费的包含大量移动端UI元素的PSD文档。

这个网站之前一直以而闻名,其中包含了395000多个可免费下载的。

这是_上_的UI设计数据库,现在它包含了超过46000个UI控件,并且可以免费下载。

MockupZones为你提供了大量_的免费视觉稿下载,从iPhone、iPad的界面设计到商业名片和文化衫设计,覆盖广泛。

这是一组用来展示设计作品的MacbookAir和Thunderbolt显示的视觉稿PSD文档。

设计师GreyscaleGorilla的个人站点,这个才华横溢的设计师在自己的网站中发布了许多制作3D设计作品的教程。

如果你是经常使用C4D的设计师的话,这个网站不要错过,其中有许多_的贴图材质素材。

这个可用于PS和AI的插件可以让你直接在软件中搜索并获取各类素材。

这个是Adobe_新推出的教程网站,提供了几款_软件的免费的初级课程。

这是__的PS教程网站,不论你是初学者还是专业的设计师,都能从中获益良多。

这是一个堪称伟大的免费资源包,从视觉稿到模板、图标,非常全面,不要错过

有个软件第三方_挺不错:

大作

他简单快速速,_内部收集了很多全球免费的设置资料库。如果你申请成为会员,可以快速的实现。全国各地多种资料库以及设计网站的**工作。我平时找包装。产品外观设计以及室内设计等都在这个_上面。你可以去感受一下。但不建议你一刚开始就去缴费。如果觉得自己有用,在后期去,缴费也可以。

在国内,也有很多_的设计_。想花瓣。站酷。以及很多收费的素材网站等。都可以去了解和尝试。希望可以帮到你。

企业网站设计的基本步骤是什么，谢谢？

1）站点定位：确定网站的功能与定位。这是确定到底是做什么，我们要做的是什么网站；网站的主题，风格，叫什么名字，展示的主要内容。

2）设置栏目：栏目的实质是一个网站的大纲索引，网站应该明确显示出来的主要指标。

3）做好准备材料：收集和整理相关shenhuax1information。

4）界面设计：根据访问对象提供信息，使它的一个_合适的网页的结构、网页布局。

5）网页测试与发布：包括功能性测试和完整性测试。所谓功能性测试是保证网页内容组织的可用性，达到了_初的神华信息设计目标，执行规定的功能，读者可以很容易地 迅速找到所需要的内容。完整性测试是确保页面内容显示正确，连接正确，无误和表达。如果错误是在测试过程中发现，修改，准确，可以正式发布在互联网上。网页设计是好的，它必须被发布到网上，或网站的图像仍然不能显示出来，就进行必要的局部调整。

6）推行和维护：网站没有推广，很容易成为信息孤岛，长期没有多少人访问，逐渐失去了建立的意义。我们应该注意的2个问题是，网页的标题要简洁，清晰。网页中插入尽可能的小。

如何设计一个网站需要什么

设计流程：

主题明确：

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。

Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

为了做到主题鲜明_，要点明确，应该使配色和围绕预定的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

充分利用已有信息，如客户手册．公共关系文档．技术手册和数据库等。

设计思路：

1、简洁实用：这是非常重要的，网络特殊环境下，尽量以_效率的方式将用户所要想得到的信息传送给他就是_好的，所以要去掉所有的冗余的东西。

2、使用方便：同_个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美

3、整体性好：一个网站强调的就是一个整体，只有围绕一个_的目标所做的设计才是成功的。

4、网站形象_：一个符合美的标准的网页是能够使网站的形象得到_限度的提升的。页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，使网页富有可欣赏性，提_次。当然雅俗共赏是人人都追求的。

5、交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。

版式设计：

网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。

版式设计通过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到_的视觉表现效果，反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

色彩作用：

色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点_的原则，将不同的色彩进行组合．搭配来构成美丽的页面。 根据色彩对人们心理的影响，合理地加以运用。如果企业有CIS（企业形象识别系统），应按照其中的VI进行色彩运用。

形式内容：

为了将丰富的意义和多样的形式组织成_的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。

三维空间的构成：

网络上的三维空间是一个假想空间，这种空间关系需借助动静变化．图像的比例关系等空间因素表现出来。 在页面中，、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。

通过、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。

网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。

虚拟现实：

人们已不满足于HTML（标准通用标记语言下的一个应用）编制的二维Web页面，三维_的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。

VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种_之上，只不过能够更多地为虚拟现实环境服务。

多媒体：

网络资源的优势之一是多媒体功能。要吸引浏览者注意力，网页的内容可以用三维动画、FLASH等来表现。但要由于网络宽带的限制，在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。

便于使用：

如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业信息和服务项目呢？使用一些醒目的标题或文字来_您的产品与服务。

并且即使您拥有_棒的产品，如果客户从您的网站上看不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这对于网页设计而言是失败的。

导向清晰：

网页设计中导航使用超文本链接或链接，使人们能够在您的网站上自由前进或后退，而不必让他们使用浏览器上的前进或后退。我们在所有的上使用“ALT”标识符注明名称或解释，以便那些不愿意自动加载的观众能够了解的含义。

快速下载时间：

很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站，在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此，建议在网页设计中尽量避免使用过多的及体积过大的。主要页面的容量应确保普通浏览者页面等待时间不超过10秒。

非图形内容：

在必要时适当使用动态“Gif”，为减少动画容量，应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。但是，由于在互联网浏览的大多是一些寻找信息的人们，仍然建议您要确定您的网站将为他们提供的是有价值的内容，而不是过度的装饰。

反馈与沟通：

让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的_，您是否能够让他们尽快实现吗？是_还是离线？

因此，如果是产品或服务介绍网站，应该有留言、电话、_咨询等功能或信息呈现。

在企业的Web站点上，要认真回复用户的电子邮件和传统的****如信件．电话垂询和传真，做到有问必答。_好将用户的用意进行分类，如售前一般了解．售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在并由此产生信任感。

测试改进：

测试实际上是模拟用户询问网站的过程，用以发现问题并改进网页设计。应该与用户共同安排网站测试。

内容更新：

企业Web站点建立后，要不断更新网页内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助企业建立良好的形象。

注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。 如果要求访问者自愿提供其个人信息，应公布并认真履行个人_保承诺。

网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。

作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计的工作目标，是通过使用更合理的颜色、字体、、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户_的视觉体验。_的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有_近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

标题设计：

在设计网页标题时，应注意同时兼顾对用户的注意力，以及对搜索引擎检索的需要。这一原则在实际操作中可通过三个方面来体现，这三个方面也可以被认为是网页标题设计的一般规律：

1、网页标题不宜过短或者过长

一般来说6-10个汉字比较理想，_好不要超过30个汉字。网页标题字数过少可能包含不了有效关键词，字数过多不仅搜索引擎无法正确识别标题中的核心关键词，而且也让用户难以对网页标题（尤其是首页标题，代表了网站名称）形成深刻印象，也不便于其他网站链接。

2、网页标题应概括网页的核心内容

当用户通过搜索引擎检索时，在检索结果页面中的内容一般是网页标题（加链接）和网页摘要信息，要引起用户的关注，网页标题发挥了很大的作用。

如果网页标题和页面摘要信息有较大的相关性，摘要信息对网页标题将发挥进一步的补充作用，从而引起用户对该网页信息点击行为的发生（也就意味着搜索引擎推广发挥了作用）。

另外，当网页标题被其他网站或者本网站其他栏目/网页链接时，一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。

3、网页标题中应含有丰富的关键词

考虑到搜索引擎营销的特点，搜索引擎对网页标题中所包含的关键词具有较高的权重，尽量让网页标题中含有用户检索所使用的关键词。

以网站首页设计为例，一般来说首页标题就是网站的名称或者公司名称，但是考虑到有些名称中可能无法包含公司/网站的核心业务，也就是说没有核心关键词，这时通常采用“核心关键词公司名/品排名”的方式来作为网站首页标题。

开头所列举的某网络营销服务商网站首页标题实例，其实也是采用这种方式来设计网页标题，只不过由于罗列了太多的“核心关键词”，反而没有了核心。

做美工看起来并不是一件容易的事情。首先，要对整个站点和企业有个大致的了解。例如：某些企业喜欢蓝色的主调，你不可能去做个红色的主调，这样完全违背客户的主要意愿，如果百度的标志改成五颜六色的，相信大家也不会认可的。

站长的职责是规划网站结构。同样也需要有一定的审美观。

UI设计,平面设计,网站设计有什么不同？

一、UI设计、平面设计、网站设计的简单介绍：

①-UI设计的定义：

UI即UserInterface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

软件设计可分为两个部分：编码设计与UI设计。UI的本意是用户界面，是英文User和Interface的缩写。从字面上看是用户与界面2个部分组成，但实际上还包括用户与界面之间的交互关系。

在飞速发展的电子产品中，界面设计工作一点点的被重视起来。做界面设计的“美工”也随之被称之为“UI设计师”或“UI工程师”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个电子产品拥有美观的界面会给人带来舒适的视觉享受，拉近人与商品的距离，是建立在科学性之上的艺术设计。检验一个界面的标准既不是某个项目开发组_的意见也不是项目成员投票的结果，而是终端用户的感受。

②-平面设计的定义:

平面设计（graphicdesign），也称为视觉传达设计，是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、和文字，借此作出用来传达想法或讯息的视觉表现。平面设计师可能会利用字体排印、视觉艺术、版面（pagelayout）、电脑软件等方面的专业技巧，来达成创作计划的目的。[1]平面设计通常可指制作（设计）时的过程，以及_后完成的作品。

平面设计的常见用途包括标识（商标和品牌）、出版物（杂志，报纸和书籍）、平面广告，海报，广告牌，网站图形元素、标志和产品包装。例如，产品包装可能包括的商标或其他的艺术作品、编排文本和纯粹的设计元素，如风格_的图像，形状，大小和颜色。组合是平面设计的_重要的特性之一，尤其是当产品使用预先存在的材料或多种元素融合。

③-网站设计的定义：

简单来说，网站设计的目的就是产生网站。简单的信息如文字，（GIFs，JPEGs，PNGs）和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视_、声_等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。网页设计是设计过程的前端（客户端）的设计通常用于描述一个网站，包括写标记，但是这是一个灰色地带，因为这还覆盖了网络的发展。网页设计师预计将有意识的可用性，如果他们的作用，需要创建标记，那么它们也有望成为_新的网页易读性指引。网站设计(WebDesign)，网站设计是一个把软件需求转换成用软件网站表示的过程，就是指在因特网上，根据一定的规则，使用Dreamweaver、photoshop等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网络服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网络服务。网站它是由域名（俗称网址），网站源程序和网站空间三部分构成。其中域名它是类似于互联网上的门牌号码，是用于识别和定位互联网上计算机的层次结构式字符标识，与该计算机的互联网协议（IP）地址相对应。而网站设计是设计师通过像Frontpage或Dreamweaver等工具来对网站进行编辑的！

二、UI设计、平面设计、网站设计所需的工具：

1、UI设计所需的软件工具：

从左开始一次为：Photoshop、Illustrator、CorelDraw、Indesign、Fireworks、DreamWeaver、Flash、HTML5、CSS(CascadingStyleSheets)、AxureRPPro7.0、IOS、Android。

2、平面设计所需的软件工具：

Photoshop、Illustrator、CorelDraw、Indesign、Fireworks、PageMaker。

3、网站设计所需的软件工具：

①Photoshop：

学习图像处理、编辑、通道、图层、路径综合运用;图像色彩的校正;各种特效滤镜的使用;特效字的制作;图像输出与优化等,灵活运用图层风格，流体变形及褪底和蒙板，制作出千变万化的图像特效。

②Freehand：

不论是个人作品设计、公司徽标、海报制作，都可以轻松完成，应用于广告、印刷等行业

③CorelDraw：

通过CorelDRAW9的全方面的设计及网页功能融合到现有的设计方案中，制作矢量的插图、设计及图像，出色地设计公司标志、简报、彩页、手册、产品包装、标识、网页及其它。

④Illustrator：学习图形绘制、包装、宣传页的制作，让你更加方便地进行LOGO及CI设计，不到一个月，您就会成为一名真正的美术大师，在Photoshop的基础上再学它如虎添翼，效率成倍提高。

⑤MicrosoftFrontPage

如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。

FrontPage_强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。

⑥Netscape编辑器

NetscapeCommunicator和NetscapeNavigatorGold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便!当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage2000还有些像?但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。

Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或UltraEdit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。

⑦AdobePagemill

Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和ImageMap图像，那么AdobePagemill的确是你的_。Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。

⑧ClarisHomePage

如果使用ClarisHomePage软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且ClarisHomePage3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对ImageMap图像的处理也不完全。

⑨DreamWeaver

自制动态HTML动画的网页

DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(DynamicHTML)的设计，使得页面没有plug-in也能够在Netscape和IE4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了RoundtripHTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver_挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

⑩Fireworks

_款彻底为Web制作者们设计的软件

Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎_的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及!

Flash

让你的网页动起来

Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。FLASH可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局!我相信这句话没错!

HotDogProfessional

制作要加入多种复杂技术的网页

HotDog是较早基于代码的网页设计工具，其_特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的_HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。

HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的_设计者，是个很好的选择。

HomeSite

制作可完全控制页面进程的网页

Allaire的HomeSite是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。

HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite是你_选择。不过对于生手过于复杂。

MicrosoftVisualStudio

是美国微软公司的开发工具包系列产品。

该系列的版本有：2003、2005、2008、2010、2012、2013、2015、2015RTM和未来的版本;

适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等。

Jbuilder

一个可视化JAVA开发工具。它是在Java2_上开发商业应用程序、数据库、发布程序的_工具。它支持J2EE，所以程序员可以快速的转换企业版Java应用程序。

不论是各种版本，均适合使用其开发出JSP网页。

三、UI设计、平面设计、网站设计的设计方向/方法/步骤/流程：

1、UI设计方向

UI是用户界面，是英文User和interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，他们分别是：用户研究、交互设计、界面设计。

①、用户研究

用户研究包含两个方面：一是可用性工程学（usabilityEngineering），研究如何提高产品的可用性，使得系统的设计更容易被人使用、学习和记忆；二是通过可用性工程学的研究，发掘用户的潜在需求，为技术创新提供另外一条思路和方法。

用户研究是一个跨学科的专业，涉及可用性工程学、人类功效学、心理学、市场研究学、教育学、设计学等等学科。用户研究技术是站在人文学科的角度来研究产品，站在用户的角度介入到产品的开发和设计中。

用户研究通过对于用户的工作环境、产品的使用习惯等研究，使得在产品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去，从而帮助企业完善产品设计或者探索一个新产品概念。

他是得到用户需求和反馈的途径，也是检验界面与交互设计是否合理的重要标准。

②交互设计

这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程序员擅长编码，而不善于与_终用户交互。所以，很多的软件虽然功能比较齐全，但是交互方面设计很粗糙，繁琐难用，学习困难。使用这样的软件后，不是使人聪明与进步而是让人感到愚弄与羞辱。许多人因为不能操作电脑软件而下岗失业，这样的交互使电脑成为让人恐惧的科技怪兽。于是我们把交互设计从程序员的工作中分离出来单独成为一个学科，也就是人机交互设计。他的目的在于加强软件的易用、易学、易理解，使计算机真正成为方便地为人类服务的工具。

③界面设计

在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为_终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组_的意见也不是项目成员投票的结果，而是_终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为_终用户设计满意视觉效果的过程。

2、平面设计的设计方法/步骤：

①、调查

调查是了解事物的过程，设计需要的是有目的和完整的调查。背景、市场调查、行业调查（关于品牌、受众、产品）、关于定位、表现手法、调查是设计的开始和基础（背景知识）。

②、内容

内容分为主题和具体内容两部分，这是设计师在进行设计前的基本材料。

③、理念

构思立意是设计的_步，在设计中思路比一切更重要。理念一向独立于设计之上。也许在你的视觉作品中传达出理念是_难的一件事。

④、调动视觉元素

在设计中基本元素相当于你作品的构件，每一个元素都要有传递和加强传递信息的目的。真正_的设计师往往很“吝啬”，每动用一种元素，都会从整体需要出发去考虑。在一个版面之中，构成元素可以根据类别来进行划分，如可以分为：

标题、内文、背景、色调、主体图形、留白、视觉中心等等。平面设计版面就是把不同元素进行有机结合的过程。例如在版式当中常常借助框架（也叫骨骼），就有很多种形式，规律框架和非规律框架，可见框架和隐性框架；还有在字体元素当中，对于字体和字型的选择和搭配的好坏就是一个非常有讲究的。选择字体风格的过程就是一个美学判断的过程，还有在色彩这一元素的使用上，能体现出一个设计师对色彩的理解和修养。色彩是一种语言（信息），色彩具有感情，能让人产生联想，能让人感到冷暖、前后、轻重、大小等等。善于调动视觉元素是设计师必备的能力之一。

⑤、选择表现手法

我们在三大构成中学过很多种图形的处理和表现手法，如对比、类比、夸张、对称、主次、明暗、变异、重复、矛盾、放射、节奏、粗细、冷暖、面积等形式。另外还有从图形处理的效果上又有手绘类效果，如油画、铅笔、水彩、版画、蜡笔、涂鸦还有其他的如摄影、老照片、等等。那么你要选择那一种呢？这取决于你的目的和目标群体，以及你的设计水平。

⑥、平衡

平衡能带来视觉及心理的满足，设计师要解决画面当中力场的平衡，前后衔接的平衡，平衡感也是设计师构图所需要的能力，平衡与不平衡是相对的，以是否达到主题要求为标准。平衡分为对称平衡和不对称平衡，包括点、线、面、色、空间的平衡。

⑦、出彩

记住，你要创造出视觉兴奋点来升华你的作品。

⑧、关于风格

作为设计师有时是反对风格的，固定风格的形成意味着自我的僵死，但风格同时有是一个设计师性格、喜好、阅历、修养的反映，也是设计师成熟的标志，以为“了解大同，才能独走边缘”。

⑨、制作

检查项目包括：图形、字体、内文、色彩、编排、比例、出血等。

要求：视觉的想象力和效果要赏心悦目，而更重要的是被受众理解！

3、网站设计的设计流程：

①、网站设计流程一：确定风格

网站的风格通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性:是粗犷豪放的，还是清新秀丽的;是温文儒雅的，还是执着热情的;是活泼易变的，还是墨守成规的。在明确自己想给人以怎样的印象后，要找出网站中_有特色的东西，就是_能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。风格的形成不是一次定位的，你可以在实践中不断强化、调整、改进。

②、网站设计流程二：搜集素材

查找并收集有关的文字、、声音、影像等素材，并对所收集的素材进行整理、处理。

③、网站设计流程三：网站布局

首页页面：首页主题还体现在logo及网站标题上。准确概括的首页主题可以很好帮助用户选择自己有确切需求的网站。

首页导航：网站导航可以看做是对网站内容的分类_把网站的内容进行细分方便用户跟据个人需求选择浏览相应栏目页面。

首页内容：页面的内容布局需先对网站的用户群体进行需求分析把用户关注_多的内容放置在首页的_重要位置。一般按照用户的浏览方式页面内容布局按照内容重要程度由左上到右下进行布置。

④、网站设计流程四：LOGO设计

怎样设计logo是许多网站设计师比较头疼的事情，在设计之前要进行基本的调研分析，也就是对该企业做全面的调查，然后就是要挖掘所需要的素材，_后就是进行设计开发了，这也是_重要的一步，只有经过反复的推敲修改，才能设计出令人满意的标志。

⑤、网站设计流程五：导航设计

在设计导航之前，要充分的分析用户需要什么？从导航的有效性、实现度和利用率来设计导航。

⑥、网站设计流程六：banner设计

在设计banner之前，要和客户沟通一下他们想在banner上_什么重点，然后有针对的展现banner上的内容。当我们确定重点之后，banner的色彩搭配要明亮干净要与整个页面相协调。

⑦、网站设计流程七：友情链接设计

设计网站的友情链接要考虑一下网站优化的问题，链接一定不能是滚动的，因为滚动的链接没有人交换，_好是在底部一一列出来。

四、注意事项

视觉会给人带来一连串的生理上的、心理上的、情感上的、行动上的反应，设计是视觉经验的科学，他包括两个方面，一个是不以人为而改变的即生理感受的人的基本反应，另一个是随即的或不确定因素构成。如个人喜好，性格等等、等等。

1、相对稳定的方面：

主要是生理上的视知觉，人们的一些视觉习惯、视觉流程、视觉逻辑，如从上到下，从左到右，喜欢连贯的、重复，喜欢有对比的，还有在颜色方面人们_喜欢的其实是有对比的互补色等等。这都是跟人们的生理上的习惯有关，都是人生理机能的本能反应。作为设计师应该对这些知识能充分了解、灵活运用，设计是对人本的关注，首先应对文化与人的感知方式这些相对稳定的方面进行研究，并且需要我们在实践中去总结。

2、不稳定的方面：

不稳定的方面主要是指情感、素质、品位、阅历上的不同，在设计过程中你需要具备一定的判断和把握能力，你需要客观和克制，才能完成_的设计。

3、设计思维的科学：

设计是必须具有科学的思维方法，能在相同中找到差别，能在不同当中找到共同之处，能掌握运用各种思维方法，如纵向关联思维和横向关联思维以及发散式的思维，善于运用科学的思维方式找到奇特的新的视觉形象，才能不断发现新的可能。

平面视觉的科学其实是一个很大很深的学问，只有在这门学问的健全和深入的推广，才能保证设计水平的普遍提高。在这里只是抛砖引玉式的提出这一观点，还需要日后结合其他学科的研究成果进行系统的整理和论述。

今天关于“平台网站设计”的讨论就到这里了。希望通过今天的讲解，您能对这个主题有更深入的理解。如果您有任何问题或需要进一步的信息，请随时告诉我。我将竭诚为您服务。