总算认识网页设计做什么

网页设计做什么  

网页设计的初衷是根据企业愿景向浏览者传达需要传达的信息。(包括产品服务理念以及文化)。并且对网站进行策划，功能性分析，用户体验的优化，然后结合前者的数据对网站进行设计美化。下面是网页设计做什么的介绍，希望对您有所帮助。  

 

网页设计的初衷是根据企业愿景向浏览者传达需要传达的信息。(包括产品服务理念以及文化)。  

并且对网站进行策划，功能性分析，用户体验的优化，然后结合前者的数据对网站进行设计美化。作为互联网市场获取的载体，设计尤为的重要。  

常用的工具主要是：PS/AI/DW等工具  

网页设计的职能目标是通过：色彩搭配，字体设计，以及场景图片，布局样式进行页面设计美化。在布局尺寸以及功能限制的情况下，要尽可能在体验上做到尽善尽美，高级的设计师可能会考虑到声光，交互设计，以及浏览轨迹研究，来实现更好的视听感受。  

网页设计的类型行业大概是：企业自有站，游戏类网页，集团型网站，电子商务站点，社区论坛，以及优化体验技术。  

网页设计是个很个广泛词汇，是诸多技术点的一个总结，是个行业词。涵盖了不行业的技术点，比如美术等，再比如软件类等。网页设计师通常是多面手，技术流。  

接下来介绍下网页设计师必会的几个软件。  

首先是神器ps软件，这个软件就无敌了，从事设计类的工作，不管是工业设计或者平面设计，又或者网页设计，都是必须要懂，要会的。ps全名photoshop,是处理依据像素所构成的图像。可以使用诸多的图像编辑和绘制工具，有效的对图片进行各种操作处理。在图像、图形、文字、视频、出版等各方面都有涉及。  

然后介绍的是Ai，这款软件主要是应用于出版/多媒体和工业设计的矢量插画软件，可以进行印刷制作，海报书籍排版，专业插画，以及多媒体技术处理制作，适合比较复杂的项目。和ps的区别是：ai是矢量软件，ps是位图软件。一个重点在绘制，一个重点在合成。  

紧接着要谈到是dw软件，这款软件对于网页设计师来说主要是用来做一些简单的div排版，网页设计师需要了解一些基本的div代码布局技术。  

许多企业在招人的时候会写上懂div，懂代码技术，很多企业为了减少人力开支，往往会要求设计师懂一点初级代码，以应付日常网站的修改和编辑。  

通常不懂dw的设计师，如果在一般的公司，薪资上可能会被打一点折扣。  

紧接着我们来看下这个行业的薪资情况，在北上广深地区的话，一般化的薪资能达到3.5k-5.5k，中级水平能达到5.5k-8k，高级设计师一般是可以达到10k以上的薪资水平，是个比较有前景的行业，是诸多行业当中薪资稍微偏高一点的。  

网页设计注意事项  

1、网站布局  

不要试图重新发明轮子。  

使用用户体验标准来确保友好浏览。创造力是一件伟大的事情，但你不希望它在你和强大的网络存在之间出现。  

当你组织网站的布局时，遵循用户体验推荐(即用户体验)，以确保你的访问者能顺利浏览网页。网站不是寻宝。确保网站的导航清晰直观;所有可点击的项目(链接，按钮)都是简单易懂的，你的网站访客不需要到处寻找他们需要的东西。  

2、背景画面  

不要选择让人分心的背景。  

选择一个能激发访问者充分体验你的网站的背景。  

有一个我们称之为“背景”的原因——它应该是美丽的，但不太占主导地位。无论你是用载体、照片、视频还是其他类型的视觉，确保你的网站背景不会分散你网站的主要目的。背景是产生一种氛围，进一步提升你的品牌和支持浏览体验。哦，还有*一条建议:确保你在背景和文字之间有强烈的对比。毕竟，目的是突出你的信息——而不是剥夺它。  

3、手机设计  

不要忘记你的网站必须在移动屏幕上看起来很棒。  

将图像、文本和其他组件优化到可移动浏览。  

使用Wix的移动编辑器建立一个移动版本的网站，它看起来和功能和全屏幕一样好。从调整你的背景图像到定制你的设计和文字，你可以让你的网站的移动版本完全属于你自己。  

4、空间分布  

不要混乱。  

一定要考虑内容层次结构，并使用空白空间对站点进行播放。  

浏览一个优秀的网站就像吃一顿大餐。不管食物有多好吃，没有人希望你把它塞进嘴里，而不给它们咀嚼和享受的机会!当你设计你的网站时，确保你不会过分拥挤在屏幕上的内容。太多的时候，意味着你的访客将不可避免地错过一些东西。使用足够的空白空间(没有任何内容的空间)来创建站点元素之间的良好流。  

5、配色方案  

不要只根据他们的美丽来选择你的颜色。  

做聪明的颜色组合，增强你的内容和品牌。  

颜色在网页设计中很重要。事实上，颜色对网站访问者的心理影响确实会影响他们对网站的整体体验，以及他们对你的品牌的看法。这就是为什么你不能根据你喜欢的颜色随意组合来建立你的配色方案。阅读色彩理论，了解不同颜色如何相互作用。在你的网站的调色板上做出明智的选择，你的网站会给你一个很棒的在线展示。  

6、图像质量  

不要满足于基本的质量，但也不要极端。  

一定要使用高质量的图片，并为你的网站优化它们。  

你想让网站访问者认真对待你吗?你想作为专业人士得到尊重吗?你想让你的听众对你的产品、你的品牌或你的组织感到兴奋吗?然后在这个问题上没有妥协——确保你的网站图片和照片是高质量的。不过，别就此放弃。使用裁剪和过滤器来进一步优化你的图像，得到正确的外观。  

此外，您应该确保您的图像不太重，并尊重web标准。这里有一个关于如何为你的网站优化图片的完整指南。  

7、图片  

不要俗气。  

试着产生一个可共鸣的氛围。  

在过去的日子里，一个完美的超级模特家庭的微笑和一种奇怪的相似的时尚感被认为是商业和品牌的有效的主持人。你的网站访问者更愿意建立信任和与网站的互动，以迎合真实的人的需求，就像他们自己一样。让他们在家里感受他们可以与之相关的人物和场景的照片。  

8、gif动画，和影响  

不要把你的网站变成一个迷幻的70年代的音乐视频。  

一定要使用这些元素来增加你的站点的动作。  

我们喜欢动画gif和有趣的效果，就像下一个人一样。我们不喜欢的是进入一个看起来像是动画僵尸末日的网站。没有地方可以躲避他们!当涉及到动画和效果(如文本效果或图像效果)时，适度是首要的原则。优雅地使用它们，你就有了一个充满活力的动态网站。过度使用它们，你的网站就会变得孤独。  

9、文字内容  

不要让你的意识流接管。  

计划一个专注的，优化的和有针对性的内容策略。  

你的网站文本是你作为网站所有者的一些最伟大的资产。他们不仅为访客提供了一种方向感，他们还为你提供了一个很好的平台来提升你的品牌和信息，并为搜索引擎优化你的网站。为了从你的书面内容中获得*的收获，你必须从战略的角度来看待它。完善你的文本，以达到一个清晰而有力的信息，与你的目标市场产生共鸣。用正确的词汇来表达正确的语气;要简洁，但不要太含糊;以一种鼓励你的网站访问者停留和浏览你的网站的方式来写作。  

10、字体  

不要以为他们都是一样的。  

做一些研究字体，以补充你的品牌。  

你可能认为字体只对设计书呆子很有趣。好的,再想想。作为一个网站所有者，你需要对字体的工作有一定的了解，这样你就可以为你的网站选择合适的字体。不同的字体可以产生不同的心理或文化联想，因此可以产生特定的氛围。你的字体选择应该加强你网站的整体品牌信息，而不是与之相抵触。  

网页设计需要注意哪些细节问题  

1.缺乏文字和图片都需要具备较高的可读性  

缺乏对比度网页上的文字和图片都需要具备较高的可读性，最简单的方法就是让它们具有高对比度。但是许多设计师却经常忽视这条规则。图片背景与文字对比 度太差，导致文字模糊不清无法阅读，用户不仅错过这段话也错过了你要传达的重要内容。你必须保证每一个元素都与它周围的其他元素区别开来，记住这些基本方 法，色彩、空间、尺寸。合理地运用它们让你的每个元素都清晰可见。  

2.糟糕的导航和操作流程  

糟糕的导航和操作流程，当我登陆了网页的*眼，你就得让我明白接下来我该做哪个操作。点击按钮以及信息需要放在显眼的位置——这就是为什么导航和菜 单栏往往处于页面的顶部。导航的标签内容和运行效果必须清晰直观，当你尝试使用水平方向的滚动条或者其他一些不太寻常的动效设计的时候，给用户一些暗示让 他们知道你的网页如何工作吧。过于复杂的设计会让用户感到无所适从并放弃你的网站。  

 

3.糟糕的图片搭配处理  

糟糕的图片搭配处理没有什么比一个优秀的图片被其他设计掩盖更糟糕了。如果你花了时间为你的网站搭配了一张优秀的图片，为什么要让它被其他的设计元素 所覆盖呢?加上简单的一行字就可以了，这也是为什么透明按钮成为了新的流行趋势。成都网页设计师再追逐潮流的时候，经常会落入这样的误区。顶栏很有趣，滚 动也很棒，可是当你为它们搭配上文字，一切就容易变得不那么和谐了。页面上的每个图片都需要与文本搭配，让每个文字都可读，图片上的每个设计元素都清晰可 见。不要用文本或者按钮覆盖图片上任何重要的部分。当你觉得你的页面设计出现了这样的情况，*更换一个更加简洁的背景并在其他地方放上你的这张图片吧。 当*眼看到上面这张图的时候你会被吸引是因为它的素描风格。但仔细看看，人物面部被文字遮盖了，那段褒奖之辞也让整体显得杂乱无章。  

4.不使用网格在网页设计  

不使用网格在网页设计中，有些“杂乱”也能让人赏心悦目，不对称是其中的一种，不使用网格绝对不是，是否使用网格是区分设计好坏的专业指标之一。网格 让一切变得清晰有组织性，让你的元素之间保持一致的适当的间距，你知道应当把你的元素放在哪儿、怎么放。帮助你确定元素的尺寸、文本的尺寸和空间，通过比 例展现内容的侧重点。  

5.不采用响应式设计  

不采用响应式设计，使用响应式设计框架，使用响应式设计框架，使用响应式设计框架，重要的事情说三遍，你的网页或许需要在手机上运行，它必须要和在电 脑上运行一样流畅。我总能遇到一些网站，在手机上加载出的是一整个页面。这些网站并不是响应式设计，至少没有手机版的视图，以至于用户无法使用。  

6.链接丢失崩溃的链接  

链接丢失崩溃的链接是网页上最让人恼火的事之一。养成每年都去审核你的网页上链接是否畅通的习惯吧，你可以手动检查或是使用某些工具，如果你的logo并不能链接到你的网站首页，我也会感到奇怪。Logo都是要链接到网站首页的。(以及当处于首页 的时候，不要禁用返回按钮。)考虑链接的可用性。保证你的链接，特别是那些文本中的链接足够明显并且易于点击而不造成误操作。不要在你的文本中添加很多文 字链接，特别是在小的移动设备屏幕上，用户很难点击到正确的链接。  

7.自动播放音乐在网页上添加声音  

自动播放音乐在网页上添加声音会很生动，可千万别在没有用户提示的情况下播放音乐。你应当提供给用户一个打开/关闭音乐的按钮，并且默认关闭。音乐或 许会让用户惊艳，可要是用户正处于工作环境或是心情很差的时候这么做却适得其反。用户需要能完全操控你的网页，而自动播放的音乐却与之背道而驰。我需要网 页音乐但播放必须得到我的同意，如果我没办法找到按钮关闭自动播放的音乐，那只能直接关掉网页。但应用在广告上这倒是个不错的招数。如果你有声音的内容必 须要播放，考虑放一个大的弹出式静音按钮。用户往往会接受几秒钟的广告时间并会去阅读内容。虽然这不是一个理想的方法，却是一个比较好的解决方案。  

网页设计的注意点  

1、页面内容要新颖  

网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个*的网站。 放眼望去，网上的许多个人主页简直就是"杂货店"，内容包罗万象,题材千篇一律，人人都是"软件下载",个个都有"网络导航"，从头到尾找不出一丝“鲜”意。所以，在设计网页时，要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”，如能坚持天天更新的话,相信这样的网页一定会受到大家的欢迎。  

2、网页命名要简洁  

由于一个网站不可能就是由一个网页组成，它有许多子页面，为了能使这些页面有效地被连接起来，用户*能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页，在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时，*使用自己常用的或符合页面内容的小写英文字母，这直接关系到页面上的连接。  

3、要及时更新网页  

网页制作好后，不能说万事大吉了，其实事后的工作量更大。因为网页制作是一时的，而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉，比如用户无意中点击了页面中的一个连接，在苦苦的等待之后，换来的是无法访问的结果，那么他们会对你的网页大失所望，可能以后再也不会光顾你的网页了。若不能及时更新，也*在主页上发布信息，告诉前来访问的朋友，因有特殊情况需要离开一段时间，未能及时更新主页，希望各位见谅，这样就能给人一种对别人负责的感觉，同时能得到网友的信任。  

4、注意视觉效果  

设计Web页面时，一定要用640×480和800×600的分辨率来 分别观察。许多浏览器使用640×480的分辨率，尽管在800×600高分辨率下一 些Web页面看上去很具吸引力，但在640×480的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页随时注意网站升级  

时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。  

5、网页内容要易读  

网站设计最重要的诀窍，恐怕就是你的网页要易读 。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合，让人看起来你的网页来很费劲。一般来说，浅色背景下的深色文字为佳 。这个要点要求你*别把文字的规格设得太小也不能太大。文字太小，人家读起来难受;文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。另外，*让文本左对齐，而不是居中。按当代中文的阅读习惯，文本大都居左的。当然，标题一般应该居中，因为这符合读者的阅读习惯。  

6、善用表格来布局  

不要把一个网站的内容象作报告似的一二三四地罗列出来，要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出你的网站重点突出，结构分明。  

7、少用特殊字体  

虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有*版的浏览器才支持CSS。