网页设计学什么软件

网页设计学什么软件

网页设计学什么软件，用于设计网页的工具软件很多，下面小编为大家介绍几款：

Adobe Dreamweaver

Adobe Dreamweaver，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

dobe Dreamweaver使用所见即所得的接口，亦有HTML(标准通用标记语言下的一个应用）编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎"Presto"作为网页预览。

HomeSite

由Adobe公司提供的HomeSite是一种功能完备的html编辑器。它与文本编辑器相似，但含有自动添加HTML标签以及轻松创建HTML复杂元素的功能。HomtSite还有大量的javascript特性，比如自动创建标签以及为脚本命令首色等，后者可帮助开发人员更轻松的查看和跟踪脚本命令。

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

Visual Studio

Microsoft Visual Studio(简称VS)是美国微软公司的开发工具包系列产品。VS是一个基本完整的开发工具集，它包括了整个软件生命周期中所需要的大部分工具，如UML工具、代码管控工具、集成开发环境（IDE)等等。所写的目标代码适用于微软支持的所有平台，包括Microsoft Windows、Windows Mobile、Windows CE、.NET Framework、.NET Compact Framework和Microsoft Silverlight及Windows Phone。

Visual Studio是目前最流行的Windows平台应用程序的集成开发环境。适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。

网页字体设计技巧

设计网页字体时，应选择可连接部位或共同的笔画，根据文字的内容和特点进行构思，笔画可长可短，字形可大可小，使产生均衡与对称，对比与统一，充满律动的美感。下面介绍网页字体设计技巧，希望为大家带来帮助。

1.空心

以线条勾画出文字的轮廓，而中间留出空白的一种字体，它适用于宋体、黑体和各种字体，特粗字体的轮廓线有时会相合或重叠，此外，宋体的横线如保持空心形状时，有时会有太粗的感觉，因此，横线维持原来的单线形状即可。

2.断开

把文字的某些笔画断开，也是一种很常用的字体设计方法，它可以使文字更有设计感和现代感，而且也便于对一个文字的不同部分去做一些颜色或形式上的变化，这种技巧除了在字体设计中运用广泛，在标志图形设计中也很常见，例如李宁和劲霸男装的标志升级后都是把以前的一个整体分割开了。

不过有一点要注意的是，太圆滑和复杂的字体不适合此种方法，笔画简洁、多直线的字体会比较适合。还有，选择一两个地方断开就可以了，然后其他字体也在相对应的地方做断开处理，如果断开的地方太多，就会显得太散。

3.连接

字与字的连接，或者笔画之间的连接，这种方法在广告标题和网页标题中极为常见，通过相邻字体的笔画连接，快速提升设计感。字与字的连接能打破方块字的制约，重新组合成为活泼美观、字形连贯统一的新形态，但不加思考地用直线串连会有平板、单调的感觉。

设计时应选择可连接部位或共同的笔画，根据文字的内容和特点进行构思，笔画可长可短，字形可大可小，使产生均衡与对称，对比与统一，充满律动的美感。

4.虚实

汉字的虚空间相对于实空间而言，虚实相互补充，构造出汉字形兼容并蓄、若隐若现的天地。笔画简省就是汉字设计将虚拟实的视觉语言表现。将汉字繁冗的笔画或细部笔画省略，保留汉字的关键部分，就能触发对该字的完整感觉而达到以部分来感知整体的视觉效果。

利用网点和网纹的变化，使其产生虚实相间的字体。这种字体的设计可以先勾出字体的轮廓线，再贴上网点或网纹的纸而显出字形，简单而又方便。当然，直接在文字上画出点或线，使其产生虚实的效果也是可以的。

5.图形化

这种字体设计是最富创意的，中文字由象形字演变而来，每一个字都有它的意义，所以把能体现文字意义的图形融入到字体设计当中，可以使字体更富创意、更有特点、更生动活泼。图形本身可以提升整体的视觉度和画面感从而促进自体的表现力，可观赏性和趣味性。这样的字体更像是图形，标志设计和广告设计比较喜欢这么做。

6.扭曲

是依据坐标方格的变化或使用电脑创造出来的扭曲变形字体。首先，在方形的框内，写出宋体、黑体等原型字体，并在框内画出10等份的垂直与水平坐标线，标上代号，然后，画出要变形的框子，任何形状都可以，框内也画出10等份的坐标线，标上代号，最后根据方形框内的位置，在变形框内画出来，即成为所需要的字形。

7.对比

宋体字有一个特点，就是笔画横细竖粗，宋体字很漂亮，但是略显传统，所以在现代设计中，宋体字的使用频率并不高，但是设计师经常用这种笔画对比比较大的手法，设计出一些很有个性的字体。例如：我们可以让字体左边的笔画细，右边的笔画粗、左边的笔画粗右边的笔画细，或者横粗竖细等等，设计出来的字体都很有特点。

8.笔画简化

对于字体的设计，我们会经常将笔画进行简化或者省略其中的笔画，在保证辨识度的情况下进行一定量的删减，从而使字体本身更加简洁和现代。

笔画简化就是对笔画的精简处理。所谓“精简”，即不能匆匆简化了事，而是要做到精致，要有所考究，有所选择，在可辨识的前提下，使字体实现简洁美。

字体设计的方法和形式非常多，不断的尝试，把不同的字体、不同的设计技巧进行组合，才能设计出完美的字体。需要注意的是，无论你要怎么做，字体设计的一些根本原则是不能违背的，美观、易识别、调性与你所要表达的内容相吻合是对字体设计不变的要求。

移动端网页界面设计技巧

1.让他可读性高

无论如何你的网站上的文本必须使人容易阅读。如果一个网站的文字阅读起来很有挑战，用户很显然不会去看它，这意味着你将失去潜在的客户。在移动端屏幕变小，还有各种反光和倒影会让文字更难读。移动端文字有它固有的标准（如：一般在2×的设计稿中文字最小可读是24PX)，文字不能过于单薄也不能有太多色彩，所有的“手段”都必需使文字更加容易阅读。

2.建立视觉层次

访问者一般用快速扫描的方式查看你的网站。在视觉设计上用一些技巧告诉用户那些文本是最重要的，他们应该集中注意力看。

你可以突出你的网站优势，因而让用户去关注你希望他们关注的内容上。那怕是在移动端，用户再如何快速的扫描信息，也不致于忽略关键内容，一旦产生兴趣，他们就能成为潜在客户，产生购买、成为会员、或者你会收获更多。

3.考虑用户

想想用户使用网站的场景，您的网页设计元素应该让他们感到温馨。

如果他们习惯了网站上使用那些现代而精致的字体，如果突然出现其他字体，他们会觉得蹩脚或不知所措。

你的网站的字体选择应该有一个基调，让访问者舒适，并熟悉。

4.对比的创意

在平面设计中玩对比已经是一种常见的方式。您必需使用对比色，来增加可读性。如果文字的色彩很重，那么配色浅色的背景会更加易读，背景和字体色彩过于相似会难以阅读，或者背景过于花哨也会显得阅读困难和档次低。

也可以在排版中用文字玩对比（如粗细对比、大小对比和疏密对比等），如果所有的文字都很相似，你的作品将失去视觉层次，并显得很平庸。

5.使用同一套风格的字体去设计

网页设计中字体的选择是一件困难的事情，那么多的字体可选，会让人困惑。

最好的组合方式是使用同一个系列的字体，或者是由同一个设计师设计的字体。

在一些情况下，字体并没有粗体和多个字体样式供我们使用，这个时候你可以找找同一个设计师做的字体，它们可能拥有相似的特性，让你的设计显得更加“和谐”。

6.限制字体的种类

不管你如何使用字体设计和排版，有一条不变的法则，不要使用太多字体，专家建议使用2到3种适宜。

虽然这条建议非常好，但是也不是绝对，一些情况下，多种字体也能做出特殊效果。但是大多数情况下，过多的字体意味着缺乏设计和乱。

让网站调用系统字体不仅仅影响网站的视觉外观而且会对WEB页面的性能有巨大影响，英文最好使用woff (Web Open Font Format)，可惜中文由于字体数量大导致文件体积过大，不适合做woff。

字体太多=较慢的加载时间，一个网站加载时间过长则意味着用户的流逝。

7.不要忘记测试体验一下

如果你不去实践，任何的规则和理论都是没有意义的。

用各种移动设备去试试你的网页，看看文本阅读是否流程，在小屏幕可读性还是否OK。什么样的设计概念都是用来打破的，一旦你运用到实践中，可能你就需要有调整，以便于获取最佳效果。