十个网页设计技巧

1. 十个网页设计技巧

 　　在做网站时会遇到很多的问题，所以网页设计师通常要扮演多种角色，并且要掌握如何构建一个有效实用的网站布局知识。你在网页设计所学到的大多数教训都来自工作经验。学习是一个反复持续的过程，并且没有比犯错更好的方式来获得知识(从错误中学习)。在本文中，我们将讨论10个重要并常规的技巧，这是每位网页设计师新手都应该知道的。下面是相关的知识，欢迎阅读。
   　　1. 优化图片，获得更好的页面加载速度 
  　　学习如何通过选择正确的格式，来优化网页图片，并确保文件大小在可行的范围你是足够小的。虽然现在人们已经都在使用宽带，但仍然有人是拨号上网。此外，虽然移动装置技术的普及，但移动装置却不一定支持像宽频一样的速度，图片文件的大小可能还是会延长网页的加载时间，有可能把用户赶走的。
  　　这里有个选择适合的文件格式的技巧：如果图片是单色，那最好保存成PNG或者GIF格式;如果是连续性的色调(如照片)则最好保存成 JPG格式。
  　　有很多的工具可以帮助你进一步优化你的图片，降低他们的文件大小。可以参考这个工具列表来帮助优化你的图片。尽量把图片数量减到最低，并且灵活使用图片，并且尽可能地减小文件大小。如此一来，将可以大大的减少页面的读取时间和改善网页的性能。
   　　2. 保持干净和简单(即：简洁) 
  　　一个好的网页设计不光只是看起来好看而已，还要是用户友好型的。通常来说，一个干净、简单的网页设计最终会成为一个可用性高的网页设计，因为它在与用户的交互中不会使其产生混淆。当页面上有太多的网站功能和组件时，将会分散网站用户的注意力而失去原本浏览网站的目的。确保每个页面元素都有其目的，然后问自己以下问题：
  　　1.是否真的需要这个设计么?
  　　2.这是什么组件是做什么用，它如何协助用户浏览?
  　　3.如果我突然删除这个组件，大多数人会希望它“回来”吗 ?
  　　4.如何把这些元素和目标、消息和网站的宗旨互相结合?此外，尽管它可能是一个超酷的新概念或界面设计模式，但你还是要确保对你的用户而言该设计仍然是方便和直观的。人们习惯于通用性的交互模式、网站功能、和网络接口，如果你的设计的确很独特，确保它不是太模糊和晦涩。 要有创意，但还要保持简单。
   　　3. 导航(条/栏)是最重要的设计 
  　　一个网站最重要的部分就是整个网站的导航。没有它，无论在哪个页面中，用户都会发生卡在这个页面离不开的状况。有了这明显的实际方向，我们将讨论一些建构网站导航时重要的点。
  　　首先，在网站的导航结构上，投入足够的时间和很多规划是非常重要的。虽然这是常识，但仍然有很多设计师想当然地设计网站导航。
  　　摆放位置、风格、所用技术(javascript或CSS)、可用性和网页易读性，这些是你制作导航设计时需要考虑的。
  　　在没有CSS的状况下，你的导航设计应该也是可用的，这是基于文字基础的浏览器相容性。你可以尽量去嘲笑文字基础的浏览器，但它们在很多的移动设备上还是流行的。也许更为重要的是，对屏幕用户来说(99.99%的情况下)，没有CSS的导航功能照样可用访问。
  　　在没有客户端技术情况下(如JavaScript或Flash)，导航功能应该容易进入和使用的。用户可能因安全性或公司政策而没有开启或安装。
  　　所以，制定一个导航系统可以放置的良好位置是必须的，例如放在一个显眼可见的地方。一个好的导航功能，只要网页载入就出现，而不需要鼠标再向下滚动。这是为什么页面要保持干净和简单的重要作用，一个复杂且非常规的设计可能会让用户困惑。
  　　哪怕只有一瞬间，用户也必定不会纳闷：“网站导航在哪里?”
  　　最后，对网站建立阶层结构，多层次的管理。确保它在父层与子层之间易于导航。此外，不管在哪一个网页当中，也应该能很容易到达最高层的页面(例如网站首页)。
  　　最主要的目标就是你的网站导航，尽可能减少操作(动作)，努力而让用户到达他想要浏览的内容。
   　　4. 明智和有条理地使用字体 
  　　虽然有成千上万的字体，但你真的能用的只是一小部分(至少要等到主要的浏览器完全支持CSS3)。 所以坚持使用网页安全字体。如果你不喜欢网页安全字体，可以考虑利用sIFR或Cufon逐步增强的网页设计。
  　　保持字体的一致性，确认标题和段落的内容看起来有所不同。使用空白、调整行高、字体大小和字母间距属性，使用户轻松愉快地阅读和扫描内容。
  　　也许一个网页设计师常常犯的错误就是使用不对的字体大小。因为我们想尽可能的将内容都塞在一个网页中呈现，所以我们有时设置字体大小而让用户感觉到不舒服。如果可能的话，尽量保持字体大小12像素以上，特别是对段落内容。虽然很多没有遇到因为字体太小而造成阅读上的困难，但是想想老人家、近视眼和其他类似视觉障碍的族群吧。
   　　5. 理解色彩无障碍性 
  　　说完字体后，我们还需要指出使用正确颜色的重要性。例如，黑色文字在白色背景，如果使用高对比度，橙色背景上的红色文字会令你的眼睛感到紧张。
  　　此外，使用一些对特殊形式色盲的用户友好的颜色(检查工具名为Vischeck，可以测试某些类型的色盲)。
  　　有些色彩组合只适合运用在前景色的'部分，而不适合做背景色。举个例子来说，深蓝色的文字搭配粉红色的背景与粉红色的文字搭配深蓝色的背景，都是使用两种一样的颜色，但用在不同的部分则影响了它的可读性和阅读的舒适度。重要的是，不仅要使用良好的色彩组合，而且要把它用在页面中的合适元素上。
   　　6. 知道如何编写代码 
  　　随着各种所见即所得的网页编辑器充斥市场，网页设计已经成为简单的1-2-3步骤就能设计好一个网站。然而，大多数网页编辑器掺杂了不必要的代码，使你的HTML结构设计不当，难以维护和更新，导致网页膨胀。
  　　通过自己编写的网页代码，能得到简洁的代码，能够愉快方便地阅读和维护。你可以自豪地说是自己写出来的代码。但知道如何使用所见即所得的IDE或预览功能并不会妨碍学习 HTML和CSS。你要知道发生了什么事情，才能创造有效并高度优化的网页设计。
   　　7. 不要忘记搜索引擎优化 
  　　在设计网站时，一个好的网页设计师应该永远牢记基本的SEO概念。例如，网页内容结构、用文字表示标题(即网页的标题和标志)。此时，以前学习的如何合理编码的能力就派上用场。认识正确、语义和基于标准的HTML/CSS 后，你会很快认识到Div比表格布局好得多，不仅更为准确地展现内容，而且对搜索引擎排名也有帮助。另外，知道用CSS更换背景、文字和图片也是一个好主意。
   　　8. 理解人是没有耐性的 
  　　普通人用几秒钟就决定是否要阅读更多网页内容或到另一个网站。因此，作为一个网页设计师，要有个好方法，能在这珍贵的几秒钟鼓励用户选择前者(看更多内容)。
  　　要知道，如果用户在网页头部看不到感兴趣的内容，没有多少人会向下滚动，去查看整个网页的内容。所以，在网页头部很容易看到的地方放置网站上的重要元素，但也不要过度拥挤在上半部分网页，否则会吓到用户，而不会往下继续看内容。记住上半部分网页设计的卖点：视其为推销员，使人们有购买想法，即他们想在你的网站上看到什么。
   　　9. 了解(并意识到)浏览器的兼容性 
  　　当一个网页设计师必须要知道的一件事，就是你的工作环境(浏览器)是挑剔和难以预料的。如果你的网页设计只能运行在的几种网页浏览器，那是不够的，你需要尽可能多浏览器下测试。这里有一款工具Browsershots，可以测试浏览器兼容性。
   　　10. 使设计有灵活性和可维护性 
  　　一个好的网页设计师可以确保以后可以很容易更新或修改网站。设计一个有可塑性、易于维护的网站，是一个伟大网页设计师的标志。让你的工作尽可能从结构化转向模块化。
  　　网页设计这个行业是动态的，而且还很“年轻”。事情往往在短暂中变化。牢记这种思想，将推动建立更加灵活的网页设计。
    

2. 关于网页设计

新华书店，或者百度：网页制作入门

方法：多看书看教程、勤学苦练

顺序：
先学html和css，同时也该学学photoshop作图

了解点服务器常识，什么虚拟主机、站点配置、服务器、ftp、IIS、Apache之类的是什么东西你起码得知道

入门以后flash可以先学点制作不需要as代码复杂编程的动画

然后学javascript编程

接下来可以考虑学flash的as编程

然后asp、php、.net、jsp之类的web编程语言可以都了解个皮毛，然后觉得有必要的话在其中选一个语言学学，学的同时就要学数据库，一般mssql、mysql用得多，都是大同小异的，SQL语言学好了会一个数据库就很快能通吃另一个。

上面东西你不可能样样精通，抓住里面两三个学好点，其他的了解即可。那两三个要学得很不错，一般人也得五六年光阴或更久。

漫漫长路，可能你学到一半的时候，又有新玩意出来了，又得继续学。就看你能不能坚持下来..

3. 网页设计的实战技巧

1、行业避忌的颜色
某些行业的企业客户，对于网站整体颜色的要求涉及到具体的颜色避忌，例如金融、投资类的企业网站，应尽量避免绿色，或相近颜色的使用。这是因为，绿色在金融投资行业当中代表的是低迷，不景气，下滑等负面的元素，因此即便企业宣扬的是环保、低碳等企业文化，也是不能轻易予以使用。
2、特征选色
企业客户在不同的发展阶段，对于网站设计的配色需求并不一样。在企业初创阶段，企业建站的目的是打造品牌网络形象，开拓客户资源，这时候的企业客户更多的是关注自身的个性化，如何才能凸显企业的特质，如何才能在行业当中显示其独有的特性，这是初建网站的企业客户所重点关注的内容；在企业形成规模，进行品牌提升阶段，企业建设网站或进行改版的目的是重塑品牌网络形象，打造更为专业、沉稳和可持续发展的品牌理念和文化，这时候的企业客户更多的是考虑如何将企业的品牌内涵与行业相融合，在配色的选择上更倾向于稳重、包容，能够适应各种场合需要的配色。

4. 网页设计的实战技巧

网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典，经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹是非常明显的！还有哪个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征！设计环境不可否认，国内网页设计环境还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做一个业务的时候，不得不去做大量的说服教育工作。以乙方的身份去说服甲方，以专业角度去教育非专业人士，结果是可想而知的。也正是这种全体社会普遍的低认知水平，导致了大量网络垃圾的产生。企业客户所在行业往往有其特定的设计需求，特别是对于企业网站建设当中的配色，除了应根据企业的VI标准色，以及客户自身的喜好进行配色分析外，同时不能忽略整个行业对于颜色上的‘惯例’。那么，企业网站在设计和制作当中，到底有哪一些配色规则需要设计师遵循呢？1、行业避忌的颜色某些行业的企业客户，对于网站整体颜色的要求涉及到具体的颜色避忌，例如金融、投资类的企业网站，应尽量避免绿色，或相近颜色的使用。这是因为，绿色在金融投资行业当中代表的是低迷，不景气，下滑等负面的元素，因此即便企业宣扬的是环保、低碳等企业文化，也是不能轻易予以使用。2、特征选色企业客户在不同的发展阶段，对于网站设计的配色需求并不一样。在企业初创阶段，企业建站的目的是打造品牌网络形象，开拓客户资源，这时候的企业客户更多的是关注自身的个性化，如何才能凸显企业的特质，如何才能在行业当中显示其独有的特性，这是初建网站的企业客户所重点关注的内容；在企业形成规模，进行品牌提升阶段，企业建设网站或进行改版的目的是重塑品牌网络形象，打造更为专业、沉稳和可持续发展的品牌理念和文化，这时候的企业客户更多的是考虑如何将企业的品牌内涵与行业相融合，在配色的选择上更倾向于稳重、包容，能够适应各种场合需要的配色。好的网页设计师1、内容和功能决定表现形式和界面设计常常拿到的任务是一张小纸条，上面两句话，叫你去做一个网站设计。有的人看看纸条就去设计页面了，凭两句话，你就可以为客户做一个页面设计，以我7、8年的设计经验，我都不敢去做，你真是我的偶像啊！做网页设计，你需要了解客户的东西很多：（1）建设网站的目的；（2）栏目规划及每个栏目的表现形式和功能要求；（3）网站主体色调、客户性别喜好、联系方式、旧版网址、偏好网址；（4）根据行业和客户要求，哪些要着重表现；（5）是否分期建设、考虑后期的兼容性；（6）客户是否有强烈建设网站的欲望；（7）你是否能在精神意识上控制住客户；（8）面对你未接触的技术知识，你有底吗；（9）网站类型。等等当你把这些内容都了解清楚的时候，在你的大脑中就已经对这个网站有了全面而形象的定位，这时才是放手去做界面设计的时候。2、界面弱化一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或Flash网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。3、模块化和可修改性强模块化不仅可以提高重用性，也能统一网站风格，还可以降低程序开发的强度。这里就涉及一些尺寸、模数、宽容度、命名规范等等知识了，不再冗述。无论是架构还是模块或图片，都要考虑可修改性强。举个简单的例子，图标、按钮等，很多人喜欢制作图片，N个按钮就是N张图片。如果只做3-5类按钮的背景图片，然后用在网页代码里打上文字，那么修改起来就简单了，让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的，一般既能清晰又保证美观的字体字号有几类：宋体12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px | Arial Black 12px+ |4、分析能力远比创意来的重要设计界动辄就大谈什么“创意”，我要说的是，还没有搞清目的意义内容，还没在技术制作上臻于完善的基础上，用创意和特效来迷惑客户和访客是可耻的。一个网页设计者的分析能力远比创意来的重要。结尾，经验1、网页配色基本概念（1）白纸黑字是永远的主题，谁都说不出不好来。（2）网页最常用流行色·蓝色·绿色·橙色·暗红（3）颜色的忌讳·忌脏·忌纯·忌跳·忌花·忌粉·蓝色忌纯，绿色忌黄，红色忌艳。（4）几种固定搭配·蓝白橙·绿白蓝·橙白红·暗红黑2、网页设计理念（1）内容决定形式先把内容充实上，再分区块，再定色调，再处理细节。（2）先整体，后局部，最后回归到整体。全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。（3）功能决定设计方向看网站的用途，决定设计思路.商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。总结∶网站设计应简洁，明了。从用户体验度出发设计。设计收费制度每一种不同的产品，设计的方式也就不一样，每一个代运营团队必须要有一个实力较强的设计师，要对产品的背景图片进行设计、要给产品拍照、做后期的图像处理。每一种产品的不同，难度和方式就会不同。例如我们的做的产品是珠宝，那么设计师就要考虑怎么拍照才能拍出最好的效果，才能体现出珠宝的高贵，并且以什么形式展示为最好，这些都是设计师需要考虑的难题。所以产品的难度是决定收费的一个项目。