如何做网页设计的10个小窍门

相关推荐

如何做网页设计的10个小窍门

　　导语：网页设计是根据企业希望向浏览者传递的信息，进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。下面我们来看看如何做网页设计的10个小窍门，希望对大家有所帮助。

　　1.记住：你能掌控的时间是有限的

　　我仅仅用4秒钟就能浏览完平常的页面，因此，你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你设计的网站是关于什么的。如果它需要让浏览者花费更多的时间去弄明白此网站是关于什么的，他将放弃并离开。

　　2、记住：用户是略读页面

　　当你进入一个房间时，你不会具体的看每一样东西的外表。首先你会注意屋子里面人或物的外形，你环视整个屋子，然后找令你敢兴趣的东西。在第一次浏览网站的时候也会发生类似的事儿，浏览者或用户首先是大体浏览一下。这就需要你引导用户去你想要让他们去的地方。它可能是个登陆按钮、更多内容按钮、或博客文章等等

　　3、网站的左上角是最明显的位置

　　这是大家公认的事实。主要原因是大家都是用这种习惯方式来读书读文章的(从左上角的位置开始)，另外早期的网站和应用软件也是基于此方法进行设计开发的。我们通常会把LOGO放在左上角，这样是很好的。但是考虑一下加入一个或者两个其他的元素在这个位置让它看起来更明显(注册的链接、搜索的表单、标语等)。

　　4了解“F”结构

　　一些视觉跟踪调查研究证明，用户浏览网站的视觉路线类似于字母“F”型。最顶部的位置总是能被看到，中间区域仅有一半被看到，再往下只有左边一部分能被看到。当你在设计的时候不知道将一个内容块放到社么位置的时候，你可以去考虑一下这一因素。

　　5.了解用户忽略什么

　　用户都是对广告视而不见的。他们习惯于忽略图片广告和文字广告。避免设计的东西看上去像广告，同时，用户也会忽略大块的文字区域。没有人有时间(更确切的说是耐心!)去阅读大片的文字，他们仅仅是了解页面文章的大意。

　　6.文字和图片

　　一个有趣的事实是。文字比那些绝妙的图片更能够获得注意!如果你想向你的用户传达信息，我建议你使用大的标语文字来代替那些很炫的头部图片……

　　7.用设计元素来吸引注意

　　来吸引注意的好的元素是文字口号，行动纲领的按钮(通常用亮色调)，分成1-2-3级，或者就是一个普通的列表……

　　如果你在写一篇很长的文章，很重要的一件事情就是你要去找小标题。小标题比其他的内容容易获得关注。使用恰当的标题，通过这简单的步骤向用户阐述这篇文章的主题。

　　8.文字格式

　　恰当的文字格式的编排更有意于阅读。不要担心使用过多的段落、加粗、斜体、引用、下划线或者字母大小写……它们都可以让文字块更有视觉冲击力。当然，你也需要用格式化强调一些你认为很重要的文字或者句子，这些能够引导你的读者阅读完全文。

　　9.使用简洁图片

　　我前面已经提及过用户对广告是视而不见的。当你在设计过程中使用到图片时，要确保它们不要杂乱、令人讨厌或不被理解。大部分人感觉看杂乱、色彩花哨的图片是比较费劲儿的。图片应该简洁、易理解的。

　　你使用人的脸部图片更容易引起用户的注意，尤其当图片人物的眼睛盯着用户。当然你也可以用目光的方向来引导用户关注某一个方向。

　　10.使用留白

　　使用留白可以给某些元素更多的可视空间，如果某元素与边距或其它元素太近就容易被混淆，那就需要给它留点呼吸的空间。尤其在文字与文字内容之间。

　　平面设计的学习方法：

　　1、学习设计软件

　　对于设计专业人士来说，软件是每个初学者都不能跳过的东西。任何职业都离不开辅助工具的学习，所以任何设计从业者都离不开设计软件的学习。

　　设计用得比较多的软件，如PS、Ai、CDR……但是平面设计最需要学习的软件只是其中的一部分。掌握了这些，在通往专业平面设计师的道路上就接近了一半。对平面设计感兴趣的人可以自己下载软件，尝试自己的应用操作，看看自己对设计软件的掌握程度如何。

　　2、学习平面知识

　　平面设计涵盖了很多知识，种类繁多。从小字体图标到大颜色组合，都是平面设计师要掌握的知识。

　　平面设计种类：商业环境艺术设计、商业展示设计、商业广告设计、书籍装帧设计、包装结构与装饰设计、服装设计、工业产品设计、商业插画、标志设计、企业CI设计、网页设计等。对于不同的设计类别，需要学习不同的重点知识。

　　3、做出项目作品

　　实践是检验真理的唯一标准。没有实际经验，理论学习就无法进一步升华。当知识积累到一定的程度后，需要通过实际项目来锻炼自己的能力。

　　结合项目工作，既能运用所学知识，又能发现项目应用中存在的问题。通过实践训练，能够结合项目深化和巩固理论知识，这样不仅学习和掌握了知识，而且还能有自己真正的大项目。

　　选用富有冲击力的图片元素

　　设计任何网站类型，恰到好处又吸引眼球的图片总是非常重要的。虽然读者通常只关注网站的内容，但吸引人的相关图片也可以起到对内容补充的作用，同时也增添了美感。不过，在网页中使用图片元素时，不管它是静态还是动态图片，都要注意颜色的搭配。颜色使用过多容易造成视觉混乱，使用单一颜色往往会产生强烈的视觉冲击。

　　小心使用页面空白

　　毫无疑问，简洁的网页设计成功的先决条件之一就是做到整洁有序。设计师在网页中熟练地添加flash动画，视频，3D图形等多种元素的同时，不过应尽量避免过度使用这些元素。如今，大家都经常使用各种便携式设备浏览网页，因此也应该充分考虑到移动网络用户的需求。在网页设计中，应该小心，准确地处理页面的边距和空白。但是，空白间距过多会让网站失去吸引力。因此维持设计过程中的流动性非常重要，切勿过度使用。

　　开启你的像素眼

　　任何与设计的相关工作，小细节都发挥大作用。网页设计也不例外。想要成功设计出简洁的网站，你需要“第三只眼”来监控这些小细节。网站的边框，投影，高光和纹理等元素容易让浏览者印象深刻，但设计师们往往却忽略了这些小细节。在某些情况下，忽视动画和图片的优化问题会影响到网页图像质量。为了设计出最佳的网站图片，可在Photoshop中启用“对齐到像素”(Snap to Pixels)，对图片进行适当的优化。网页中内容排版错乱时有发生，这会从视觉上降低内容的吸引力，影响读者阅读。

　　选用合适的字体

　　简洁的网页设计成功离不开排版，排版应该获得和图片同样的重视。虽然可供选择的字体很多，设计师要考虑的方面很多，比如说，目标客户和客户公司的性质。为网站页眉和内容选用合适的字体是必不可少的，无衬线字体(sans serif)和有衬线(sans serif)字体通常会为设计带来良好的效果。除此之外，你还可以结合其它字体，专为孩子和女性打造网站。

　　为你的网站选择合适的配色方案

　　任何网站的设计都离不了合适的配色方案，这对创建一个整洁干净的网站同样适用。坚持使用淡色和非彩色的投影对成功设计一个简洁网站大有裨益。浅色的投影可以帮助用户把焦点转向网站内容。标志使用黑色和较深的投影，网页中的页眉和导航元素使用浅色背景，这些都是不错的案例，并没有规定在简洁网页设计中不能使用大胆的颜色，但是这样的颜色要小心，克制地使用。有时候，网站有必要使用深色背景色来吸引某些目标用户。比起渐变色，有些网站更钟爱纯色。如果你的网站非得要使用纹理和渐变色，也不要用得太过火。

　　导航栏与可用性

　　你对网站设计满意时，认为一切都趋于完美，这时，你可以通过实际试用来测试它的使用性。不妨站在局外人的角度，客观地对网站作出评价。在网站发布之前，你可以询问一下跟网站设计无关的人的看法。保持网站导航的直观性，避免使用的导航元素让初次访问者和技术新手产生挫败感。

　　关于外观的禁忌

　　1 不要先决定网页的外观，然后强迫自己甚至是强迫别人去适应它。应该从网站的浏览者、网站要传达的信息以及网站的发展目标考虑，设计出一个最适合的网页架构。

　　2 不要每页都采用不同的背景图片，以免每次转页都要花时间去下载。采用相同的背景色及近似的按钮都能增加网页一致性，树立统一的风格。这也是最基本的网站VI设计(视觉识别系统)。

　　3 不要把图片的白色部分当作是透明的颜色，要知道别人的操作系统是并不一定会将底色设为白色的。解决的方法是把网页的底色设为白色。而最好的方法是用图片编辑工具为图片设置好透明底色。

　　4 底色或背景须与文字颜色形成明显对比，方便阅读。若你的网页里有较多文字，不妨在这方面下多点功夫，力求让浏览者能舒适阅读你的文章。

　　5 每页的排版不要太疏或用太大的字，尽量避免看网页的时候要作很大的卷动。

　　6 太长的一页要使用内部链接，聪明的网页设计者不会让浏览者在看网页时太多卷动。常见的内部链接例子如 FAQ、或名词解释。

　　7 在17寸显示器尚未普及的时候，不要以 800x600 以上的像素设计网页。因为这常常会导致设计上的判断失误。因此，无论你有再大的显示器，能上再大的分辨率，将显示器设置成 800x600的显示模式是适当的。 -

　　8 不要于每页插入太多的广告牌。相信你也不会喜欢贴满广告的网页。什么广告交换、点钱Banner、弹出窗口，还有时下最流行却又最讨厌的浮动广告，还是少放为妙。至少,当我看到的时候，是会第一时间按右上角的“X”的。

　　关于操守的禁忌

　　1 不要抄袭别人的创作。网络上的所有资料都是公开的，但都有版权的，若想引用别人的作品，不妨先征得同意，一般作者都只要你注明出处，对于电脑方面的东西，大多数朋友都是热情而慷慨的。更不要下载了别人的网站后，当作是自己的放在网上，这样做的结果是使所有人都知道你是个剽窃者。

　　2 引用 Newsgroup、BBS、或其他非电子传媒的文章，切记要注明原作者名称及文章事源，若引用别有的网页更要通知网主。尊重版权，避免官司，利人利已。

　　3 不要利用网页散布谣言、中伤他人，网络虽然难管理，但本着道德良心，都应洁身自爱。维持良好网络环境，要靠大家努力，从我做起。

　　4 不要将别人的网页变成你的框架中的一个窗口，这样不仅为浏览者带来不便，令人的网页更丑陋，而且也侵犯了别人的版权，解决方法是采用链接中的 target 参数，如 target="_top" ，或是target="_blank" 从新窗口打开网页等。若重视访问者的感受请从每一细节做起。

　　5 不要将别人正在使用的搜索引擎、表单及计数器等放到自己的网页中，这样做会扰乱其正常运作、增加该服务器的负荷，除非该主人表示可以连到他的 cgi-bin 或 JavaClass。

　　网页设计需要具备的专业技能：

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

　　1，了解网页的程序实现，作为网页设计师，当然不必跟程序员一样会书写脚本代码，但是必须要了解网页的程序实现方式，因为现在互联网90%以上的网站都是动态网页，都是需要动态程序支持的，所以在做网页设计的时候需要考虑页面动态程序的实现;

　　2，DIV+CSS，这是一种网页前台排版布局的技术，利用这种技术可以更好的使搜索引擎爬行网页，加速用户打开页面的速度;

　　3，.PHOTOSHOP，这是平面设计人员常用的工具，网页设计其实也是平面设计的一种，但是因为网页设计又要必须符合网页制作的一些规范，所以又有别于平面设计了;

　　4，DREAMWEAVER，这是一款专业的网页制作工具，用PHOTOSHOP设计出网页平面，那只是一张平面图，而在互联网上浏览的一张张网页都是使用html网页格式语言进行格式化排版布局的，所以专业的网页设计人员是要掌握网页制作的知识的;

　　5，FLASH，我们经常在网页上看到一些比较炫目的动画效果，这些效果就是通过FLASH这个软件实现，作为网页设计师，不一定要能做出很酷很炫的效果，但是掌握这些动画的基本原理，会一些小动画的制作也是必要的。

　　网页设计就业前景分析：

　　目前的网站设计师新手的薪资一般是在3000--4000元左右，随着专业技能和工作经验的积累，薪资也会随之增长，一个有经验的网站设计师，薪资可以达到5000--7000元，而如果有能力胜任更高的职位，比如说首席网站设计师，平均月薪是不会低于8000元以下的。而且在积累了丰富的经验之后，还会有更高的发展方向，可以往程序开发或是架构设计师的方向发展，让自己进入更高的职位，拥有更客观的收入。

【如何做网页设计的10个小窍门】相关文章：

关于如何做好网页设计的十个小窍门03-04

网页设计案例分享:网页专题设计技巧04-04

网页设计的设计要素07-10

网页设计的设计要点05-16

网页设计师应聘网页设计职位05-19