网页设计的注意事项

时间：2023-07-07 08:55:28 丽华美工设计我要投稿

网页美工设计的注意事项有哪些推荐度：
相关推荐

网页设计的注意事项

　　网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。下面是小编为大家整理的网页设计的注意事项，希望能够帮助到大家。

　　网页设计的注意事项

　　1、页面内容要新颖

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

　　2、网页命名要简洁

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

　　3、要及时更新网页

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

　　4、注意视觉效果

　　设计Web页面时，一定要用1024*768的分辨率来分别观察。许多浏览器使用1024*768的分辨率，尽管在1280*1024高分辨率下一些Web页面看上去很具吸引力，但在1024*768的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页

　　5、随时注意网站升级

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

　　6、网页内容要易读

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

　　7、善用表格来布局

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

　　8、少用特殊字体

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

　　9、多学习和使用超文本标记语言(标准通用标记语言下的一个应用)

　　为了成功地设计网站，你必须理解HTML(标准通用标记语言下的一个应用)是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。因为用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。

　　10、尽量少用Java程序

　　不要大幅度地使用的Java程序，能够用javascript替代效果的则尽量不要使用java。因为来讲java的运行速度实在慢的让人无法忍受，往往使浏览者没有耐心等页面全部显示出来，这样你的精心设计便毫无效果啦。

　　11、少放网站地图

　　许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。

　　12、要为图片附加注释文字

　　给每个图形加上文字的说明，在出现之前就可以看到相关内容，尤其是导航按钮和大图片更应如此。这样一来，用户在访问你的站点时就有一种亲切感觉，认为你心细，比较善解人意，时时刻刻为他人着想，相信你的好心会有好报的。

　　13、做个网站介绍

　　一个简单明了的网站介绍，不仅能让别人对你的网站能够提供些什么有个了解，引发共鸣或是表达你的诚意，常常最能打动读者，而且还能使访问者能快速找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。

　　14、考虑浏览器的兼容性

　　当然IE所占的市场份额越来越大，但是我们仍然需要考虑到Netscape以及Opera这些浏览器用户。设计风格的考虑，如色彩的搭配，图形、线条的使用等等。要时刻为用户着想，必须最少在几种不同类型的浏览器下测试网站，看看兼容性如何。

　　15、不宜多用闪烁文字

　　有的设计者想通过闪烁的文字来引起访问者的注意是可以被人理解的，但一个页面中最多不能有三处闪烁文字，太多了给用户一种眼花缭乱的感觉，反而会影响用户去访问该网站的其他内容，正所谓“物极必反”也。

　　16、每个页面都要有导航按钮

　　应当避免强迫用户使用工具栏中的向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。

　　17、避免长文本页面

　　在一个站点上有许多只有文本的冗长页面，是令人乏味的，人们为了阅读这些长文本，不得不使用卷滚条，从而也浪费了用户在网上冲浪的时间。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读，从而节省宝贵的时间。

　　18、网页风格要统一

　　你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。

　　19、动画最多只用一个

　　大家都喜欢用GIF动画来装饰网页，它的确很吸引人，但我们在选择时，是否能确定必须用GIF动画，如果答否，那么就选择静止的图片，因为它的容量要小得多。同样的尺寸的LOGO，GIF动画的容量有5K，而静止LOGO的只有3K。虽然只有2K之差，但多起来，就会影响下载的速度，所以，如果有些不是必须的，就选择最小的。

　　20、善用图像

　　用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所连接的重要信息或联接其他页面的指示用文字重复表达几次，同时要注意避免使用过大的图像，如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。

　　21、网站导航要清晰

　　所有的超链接应清晰无误地向读者标识出来，所有导航性质的设置，像图像按钮，都要有清晰的标识，让人看得明白，千万别光顾视觉效果是热闹的，而让人家不知东西南北。链接文本的颜色最好用约定俗成的：未访问的，蓝色;点击过的，紫色或栗色。总之，文本链接一定要和页面的其他文字有所区分，给读者清楚的导向。

　　22、最好不用记数器

　　由于计数器也是由程序设计成的，显示计数器的过程其实就是在执行一个程序的过程，它需要占用用户宝贵的上网时间，况且大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。因此笔者建议不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。

　　23、不能忽视错别字

　　一个好的网站对设计的每一个细节都不会放过，哪怕是一个微小的拼写错误都是绝对不能出现的。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字，要时时刻刻保持一种严谨的科学态度。

　　24、不要用框架

　　与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。

　　25、使用著名的插件

　　如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。如果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返回了。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为，许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。

　　26、使网站具有交互功能

　　一个静态网页始终给人一种呆板的感觉，缺少一种活力和生气。最好在网站上提供一些回答问题的工具以及其他具有交互性能的设计，使得访问者能从网站上获得交互的信息，从而使访问者有一种参与网络建设的新鲜感和成就感。

　　27、合理的页面布局

　　在设计网页时，一定要注意页面布局的合理性。一个合理的布局和清晰的页面可以让人们感到舒适，并花时间去了解。注意版面设计，不要版面杂乱，搭配要注重协调与简洁。要正确设计页面的布局，以呈现一个新页面。

　　28、舒适的色彩设计

　　无论哪个行业的网页，在设计过程中都不要一味追求视觉刺激，做出奇怪的色彩搭配。在设计网页的过程中，设计师必须注意页面色彩的搭配，多用暖色、冷暖色调等。只有色彩足够和谐、舒缓，才会让人有继续停留的想法。

　　29、新颖的内容

　　网页内容就像人的灵魂一样，是不能缺少的。设计一个网页，肯定是想用来推广某个企业或产品，如果想用内容吸引用户，必须有新颖的内容。从文本或其他形式的内容开始，要注意内容的原创性和新颖性。

　　30、减少特殊字符的使用

　　在设计网页时，使用尽可能少的特殊字符。在不同的计算机或不同的平台上，看到的情况有时是不同的。如果使用特殊字符，可能会产生较差的显示效果。因此，应该尽量减少特殊字符的使用。

　　设计网页需要注意哪些要点

　　1、网站整体布局合理

　　网站的布局不管是什么类型的网站都是十分重要的，在网页设计中，如果过布局出现问题，那就会影响用户的浏览体验，而且不利于搜索引擎的抓取。

　　2、多考虑提升用户体验

　　在网站中，用户永远是上帝，不管是网站的建设设计还是网站后期的运营和推广都需要从用户的角度出发，只有从用户的需求的出发才能满足用户的需求，满足用户的体验，用户才会愿意为你的产品和服务买单。

　　3、关键词布局设置要恰当

　　网站设计关注的就是网站关键词的排名情况，如果把一个关键词设置好了，对网站的整体影响是非常大的，不但能网站带来排名，也能有利于搜索引擎的抓取和搜索。对于网站关键词的布局，一般情况下，在网站的首页布局两到三个主关键词，在列表页布局长尾关键词，对关键词的合理布局。对网站带来的好处是不可估量的。

　　4、图片要清晰且富有吸引力

　　图片在网站设计中的作用是不容忽视的，因为图片对于用户来说，简洁直观。当用户打开网页时，第一眼看到的就是图片，如果在网页设计中，选用一张优秀的图片，那对用户的吸引力是非常大的。

　　H5网页设计需要注意哪些要点

　　1、背景图

　　炫酷的画面，离不开背景的衬托，能否快速更换背景图，相信是考验一个H5页面能否快速完成的准则之一;

　　2 、文本

　　微信交互H5页面更重交互，重视觉效果，在酷炫的背景衬托之下，突出重点的文字往往是点睛之笔;

　　3 、音乐

　　炫酷的背景下，配以提纲挈领式的文字，如果能够再来一段能够引起共鸣的音乐，那是何等的应景;

　　4、图片

　　背景之外，重点图片之间的交互、与文字的配合正是H5页面能够调动用户感官的重要方式!光速的定义是光在1秒内行驶距离，所以光速比声速快，比打字速度更快。那为什么不用图片呢?

　　5、视频

　　如果炫酷的背景、精炼的文字、应景的音乐，还不能够让你感到震撼的话，那就来段视频吧!一目了然!

　　6 、按钮(点击跳转链接)

　　H5页面在微信展示的优势是交互效果好，观赏性强，但是归根结底，还是要回到营销的目的上来。或用于宣传，需要链接到更为详尽的介绍页面;或用户收集信息，需要链接到指定的信息收集页面。如此一来，是否具有点击跳转功能就成为判断一个H5工具是否可供选择的硬性标准之一;

　　7 、输入框

　　在微信H5页面中，除宣传类外，大部分都是以收集信息为目的的。除了使用麦客表单、金数据、问卷星等第三方表单收集工具外，各个H5工具内置的输入框功能也不失为一个很好的选择。这样，在对应的后台，不仅可以看到访问信息(如已有查看权限)，还可查看详细报名数据。

　　网站设计过程中要注意哪些要点

　　第一、网站建设过程中，要做到网站风格的统一。

　　在设计网站的时候，为了给用户更直观的体验，就需要做好网站风格的规划。网站的风格要结合企业的特色以及用户的喜好。网站设计的时候，不仅要表现出企业的特色和行业特点，还要符合用户的习惯以及喜好。这样用户在浏览网站的时候才会有一个整体的感觉。

　　第二、网站logo的设计。

　　网站设计想要让用户靠前眼就识别出，给用户一个深刻的印象，就要设计好网站的logo。而logo是为数不过的，网站的logo要结合企业产品以及企业的经营理念，在颜色的选择上也要参考企业的商标，这样设计出来的logo才是符合企业的需求。

　　第三、网站设计要符合用户的浏览习惯。

　　一般情况下，用户在浏览网站的时候都是从上到下的，从左到右的。所以，在排版网站的时候，也要按照这种视觉顺序。将网站重要的内容设置在醒目的位置上，这样就可以很好地宣传企业的产品。页面的布局不能太乱，如果有需要设置悬浮窗口的话，要结合企业的具体需要以及考虑用户的体验。设计简洁的页面可以给用户带来更直观的感受，而且可以提高网站的点击率和停留的时间。

　　网站设计的时候，要注意的要点就是以上三个方面，分别是网站的整体风格、网站logo的设计以及用户浏览习惯。网站建设过程中，如果做好了这三个方面，那么网站建设离成功又进了一步。

　　网站设计中需注意的重点

　　一、色彩搭配与图片设计

　　为了让图片在网页中做出最好的展示，可以尝试使用GIF动图，静态页面的展示尽量压缩图片，但前提是不改变图片的形状，这样提高了网站加载页面的速度。网站的色系是浏览者体征的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便，网页设计的色彩搭配也是很重要的，网页一般都是采用一种主色调外加两种辅助色调，网站的页面看上去要和谐温馨，简洁，有些网站经常使用各种色彩，没有重点没有特色，这让用户看上去感觉很不专业。

　　二、保证网站的导航设计清晰流畅

　　在网页设计中，导航是非常重要的，因为导航就好比指南针方向标，指引用户去想去的地方，用户通过网站的导航设计能迅速捕捉到重点和有效信息，这对提高用户的体验度十分有利。

　　导航的设计要让用户清楚的知道自己所处的位置，即使处于迷失森林中，也能清楚的知道方向，导航设计的按钮虽然占据的比例小，但是其在网站中的作用是不容忽视的。

　　三、浏览器的兼容性与整齐的排版

　　目前市场上，各种浏览器有很多，每个用户对浏览器都有自己的偏好，所以对网页的设计要求对常用的一些浏览器兼容，比如常用的火狐浏览器，谷歌浏览器，IE浏览器，360浏览器，搜狗浏览器等这些常用的浏览器，网站设计至少对这些常用浏览器兼容。

　　在网站设计中，排版也是相当重要，比如用户来到一个排版整齐有序的网站和来到一个排版很乱的网站用户的体验和心情是不一样的。在网页中，要确保文字的字体字号保持一致，网页设计的按钮尽量符合用户的浏览习惯。

　　四、对搜索引擎友好

　　现在很多网站的流量客户有大部分都是通过搜索引擎而来的，所以网站的设计要对搜索引擎友好，网站的栏目结构简单清晰明了，网页没有太多的flash动画，多媒体功能，所以网站需要随时进行优化，这样有利于搜索引擎的蜘蛛的抓取和爬行。让网站的关键词获得好的排名。

【网页设计的注意事项】相关文章：