【网页设计】相关
　　IE无插件下网页全屏尺寸
　　1003*592    这个是在1024*768正常下的
　　1003*572    是在安装ALEX条件下的
　　关于网页尺寸的设置：
　　1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
　　2、1024*768下，网页宽度保持在1002以内，就不会出现水平滚动条，高度则视版面和内决定。
　　3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右
　　4、在PS里做的图到了网上就不一样了，颜色等等方面，因为WEB上面只用到256WEB
　　如果要在1024分辨率下的话图片大小设置是宽为1003是刚好满屏
　　如果要以800分辨率下的话图片大小设置为778是刚好满屏
　　站长必须要了解的九条平面设计常识
　　小的本身是一个平面设计人员，前一阵儿有一些空闲的时间，便在各个站长网上发布了贴子，大意是免费制作logo，以换取网站连接（相信很多人都看过），半个月的时间做了80多个个人站或企业的logo，认识到了许许多多的站长，他们人都很好，但是其中一些站长由于由于对美工知识过于匮乏，导致了诸如让我直接给图片加连接，把橙色当作冷色调等让人很无奈的问题，特此码了这样一篇文章，希望对大家有帮助。
　　1.源文件psd，ai，cdr的区别
　　psd文件就是用photoshop创建的，当然也必须用photoshop打开；
　　ai文件是Illustrator的。他们都是Adobe公司的。ai文件同样也可以用photoshop打开，但打开后会载入在同一层内。
　　cdr文件是CorelDRAW的。
　　2.关于CMYK和RGB颜色模式
　　CMYK是Cyan（青）、Mageata（品红）、Yellow（黄）、Black（黑），这是印刷上使用比较普遍的色彩模式。
　　R、G、B就是Red、Green、Blue（红，绿，蓝）三种颜色，RGB模式就是由这三种颜色为基色进行叠加而模拟出大自然色彩的色彩组合模式。我们日常用的彩色电脑显示器、彩色电视机等的色彩都使用这种模式。
　　3.矢量图
　　矢量图与位图最大的区别是,它不受分辨率的影响。因此在印刷时,可以任意放大或缩小图形而不会影响出图的清晰度
　　矢量图：是根据几何特性来绘制图形，矢量可以是一个点或一条线，矢量图只能靠软件生成，文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。它的特点是放大后图像不会失真，和分辨率无关，文件占用空间较小，适用于图形设计、文字设计和一些标志设计、版式设计等。
　　ai cdr均为矢量图。
　　4.图片文件jpg，gif，png，bmp的区别
　　bmp：是未经过压缩的用点阵来表示的真彩图片,占用磁盘空间较大
　　gif：是经过压缩的,只能表示256种颜色,占用磁盘空间小,常用来演示色彩单一的成块的卡通图案,GIF还有一种可以表示连续的动画.
　　png：是fireworks的图片格式
　　jpg：也是有损压缩格式但是它表示的颜色比较丰富,一般用来显示真彩的照片或图案
　　5.名片的尺寸问题
　　名片的标准尺寸：90mmX54mm。但是加上出血上下左右各2mm，所以在设计时
　　制作尺寸必须设定为：94 x 58mm。
　　6.源文件的提供问题
　　作为设计者和客户（这里指各站长），如果事先没有明文协议的话
　　设计者有权不提供源文件。
　　7.什么是logo，ci，vi
　　VI是Visual Identity的缩写，中文译为"企业视觉识别"。VI是CI计划的静态识别符号，是企业理念视觉化传达的载体，因此它项目最多，效果最为直接。VI作为视觉识别，它是外在表现，固然需要具有美感，但VI必须是MI的体现，直接反映企业的理念。因此VI设汁包含这样一些原则：即充分传达企业理念、人性原则、民族性原则、简洁抽象及动态原则、员工参与原则、法律原则、艺术性原则和个性原则。
　　CI是Corporate Identity的缩写，中文译为"企业形象"。CI计划，是指企业有目的、有计划、战略性地创造出所希望的自身形象，由此提高企业的社会知名度，最终得到自己最适合的经营环境。
　　而logo只是网站或企业一个标志。
　　8，关于logo设计的资费问题
　　这个问题很不好说，如果是去找正规广告公司做的话，根据公司规模大小，500到5000的都是正常的，一般都附送半套VI（namecard等常用一些），大公司的服务态度和服务质量不一定比小公司好。现如今有些朋友在论坛上说50元做logo，个人认为还不如不收取费用来得好些。这样的恶性竞争下，设计业迟早会或者说已经被带入了"民工职业"的行列。
　　注册页面的各式设计
　　Adaptive Path（http://www.adaptivepath.com/）是三藩市一家用户体验设计公司，有很不错的团队blog和一些用户研究分享。
　　最近，他们一项研究比较了包括博客平台、社交网络、社区及其他四类、共20家2.0公司的注册页面在以下几方面的表现：
　　? Homepage content 主页内容
　　? Initial calls to action 吸引注意力的首元素
　　? Registration flows 注册流程
　　? Error handling 错误处理
　　? Finding and inviting friends 寻找、邀请朋友
　　? New user calls to action 吸引新用户注意力
　　从所得数据中，他们总结出注册页面的若干模式以及提出四条设计指南。内容太多，无法迅速翻译完毕。详见原文,可免费下载。含大量例子，巨有用！
　　http://www.adaptivepath.com/ideas/reports/signup/
　　<------>
　　1. Give the user good reasons to join 为用户提供加入的好理由
　　To persuade a new user to sign up for a service, a site should strive to increase perceived value while reducing the investment required to join. The strategies in this section focus on motivating users to join by communicating benefit to the user both explicitly and implicitly.
　　要说服新用户注册，网站应致力于提高可感知价值，同时降低用户加入所需要投入的成本。战略集中于从显性与隐性两方面同时向用户灌输加入的好处，以提供动力。
　　2. Make the sign-up process feel effortless 设计使用户感到轻松的注册过程
　　increasing the cost/benefit ratio by making it painless to join. If signing up feels quick and easy, users will be more inclined to try it out, even if they are unsure how it will benefit them.
　　通过轻松的注册过程，提高成本/效益比例。如果注册过程是便捷快速的，用户会更倾向于尝试各种其他服务，就算他们并不确定到底会得到什么好处。
　　3. Don't leave new users hanging 不要悬置新用户
　　Guidance of new users should not stop once they've registered. Dumping new users on an unfamiliar page with no clear calls to action may leave them baffled as to what they should do next. Instead, reward new users with a welcome message and implicit and explicit guidance as to what they can do next.
　　对新用户提供的指引信息不应在他们注册后就停止。将新用户抛弃在一个不熟悉的页面或缺乏他们下一步该如何行动的指示会使用户感到迷惘。因此应向新用户提供欢迎信息，隐形或显性地指导他们下一步可以做什么。
　　4. Accelerate initial connection-making 加快初始的联系建立过程
　　Building an adequate social network is one of the greatest barriers facing users of a new community. Without friends, community-based services lose much of their value. Thus, helping the user to quickly find and add friends en masse is essential to retaining users.
　　对于新加入某个社区的用户来说，如何建立属于自己的社交网络是最大的障碍。没有好友，基于社区的服务会失却很大价值。因此，帮助用户迅速找到和加朋友是留住用户的关键。
　　网页设计之设计步骤及思考
　　此文出自网络
　　本章的设计步骤是建立在 网页设计进阶之一 (步骤和大局观) 之上的.可能会涉及一些平面相关的知识.和网页与平面的比较.网页与平面的区别我会在以后在写.
　　本章所讲的基于PHOTOSHOP软件制作.
　　本章印证了网页90%是排版这句话.
　　遵循从整体到局部的顺序.
　　1、在定位的基础上,搞明白自己要做什么.
　　这句其实不用解释了.你要明白的是我要做的站大概有什么样的效果,并有例子在脑海里浮现.要做的这个站属于什么样的行业,这个行业的站都有什么共同的特点.
　　2、你的目标/效果和你希望达到的目标/效果是怎么样的.你设计的目标,与客户的目标和公司领导的目标是否一致,有什么区别.
　　3、你要如何去做,怎样去做,用什么样的手法手段,来达到你的目标/效果.又用怎样的设计来强化和突出这个效果.
　　4、你的布局,应该怎样和你的设计搭配,怎样来突出你的思路.
　　5、是否有不同的风格,是否只是颜色上的变换.(将所有含有颜色的背景层保留)
　　这几步,是在动手之前要写下来的.甚至有更详细的功能和版面的东西,自己搞定吧.
　　下面才是真正的动手设计的步骤：
　　1、确定分辨率.和不同分辨下对应的效果.
　　与平面的载体的不同,决定了网页具有比平面更灵活的表达方式.
　　站点的满屏概念其实是分相对和绝对两种,相对的,是针对当前分辨率的满屏.而绝对满屏幕,则是不同的显示器不同的分辨率下都是满屏,一般我会给出一个最小分辨率,最大到无限.相对满屏,比如1024×768,800×600等.最好是用绝对宽度来定义,就是像素为单位.而绝对满屏,则用百分比.
　　在确定分辨率之后,你的PS图要比实际设计的图要大.要考虑用户使用高于你设计的分辨率下,网页以怎样的形式表达,是居左,还是居中,还是靠在右边.
　　2、大背景,3条辅助线及边界处理.结构(头部,中间,底部的大概位置.)
　　整体是否有背景.
　　左边界线,右边界线,和中间线.
　　如果是绝对宽度的设计,那么用户使用较高分辨率浏览时,内容与多出的屏幕是否有分割.
　　结构,究竟是上中下结构,还是左中右结构,还是其他的.每一块,大概放什么内容.
　　3、导航和标志.
　　网站的100-1%是导航.这是一句被传烂了的话.
　　你的导航是长的还是短的,是横的还是竖的.还是弧形的.是否有下拉菜单.比重各是多少.和标志处在什么位置.各语言版面入口在哪里.登陆(后台管理/用户/MAIL)在什么位置,标志附近是否有点睛一般的广告词.
　　好了,我们进行下一步.
　　4、banner同导航,和过度.
　　导航跟banner是分开的还是在一起的.在一起的话你是否采用flash制作,如不用flash制作,你设计的背景是否适合切割成平铺的背景,怎样让背景图片体积最小.记住不要用2×2的背景做平铺.banner是占据了整个宽度,还是只是一部分.如果是一部分,那么空出的地方你准备放什么东西.
　　5、主体内容部分.
　　我的中间是左右机构,还是一大块,还是左中右结构的.每一块的分割采用什么手法.颜色以怎么样的规则变化.然后将内容填充进去.
　　6、底部版权信息及其他.
　　7、不同的风格的调整.
　　基本是这些.我理不清头绪,写出来的这些自己基本都不满意,但总可以让自己规避很多的问题吧.
　　关于图片和小图标的选择:
　　图片选择遵循以下几点要素:
　　必须有一个鲜明的主题.
　　图片尽量有悬念.
　　突出的内容只有一个(图片突出的内容只有一个,版面也一样)
　　从目标对象或目标服务对象来考虑图片的选择.
　　要善于从做背景.
　　新手尽量大面积留白.
　　新手慎用弧.
　　图标选择注意要素:
　　图标表达意思与title相适应
　　同色系或统一风格.
　　学会突破(图标不受title的背景限制)
　　图标大小要特别注意.
　　善用圆角.(与弧不同)
　　要便于记忆.
　　尽量避免重复(纯装饰除外,重复刺激效果的除外)
　　网页制作的步骤预览
　　由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以网页制作已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道："性急吃不了热豆腐"。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
　　一、确定网站主题
　　网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。
　　二、搜集材料
　　明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道："巧妇难为无米之炊"。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
　　三、规划网站
　　一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具
　　尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。
　　五、制作网页
　　材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。
　　六、上传测试
　　网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。
　　七、推广宣传
　　网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。 要想更好的推广和宣传自己的网站请在本站网站运营和网络营销频道学习更多知识。
　　八、维护更新
　　网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者
　　★要想学做网页，首先得了解制作网页的工具。
　　制作网页主要有以下一些工具
　　Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。
　　Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。
　　另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。
　　此外还有一些网络编程工具，javascript、java编辑器等。
　　网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。
　　大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。
　　总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！
　　祝你成功。
　　★你可以结合 Dreamwaver 和 Photoshop 来制作网页。
　　关于素材和言志
　　本文出网络，仅供参考！
　　三遍记忆,让你记住海量素材的准确位置和用途,提高其可用性.
　　这仅仅是一个示意图.在以往的日子里,我做到了只要脑袋里冒出一个想法,立刻就能知道我需要用的素材在什么位置...那时候我很穷,穷到连买书的钱都没有,更别说是买动辄几百快的设计资源光盘了.
　　设计师最大的特色,我认为是他特有的那个文件夹,或叫"杂七杂八",或叫"乱七八糟",或叫"什么都有"或叫"大杂烩",这里的东西,没有人会太在意,但是往往很多优秀的idea或很眩的效果都是从这里得到的灵感.可以说是精华集中的地方,也可以说是垃圾的集散地.我甚至以这个文件夹是否存在来判断一个设计师的水平高低......
　　在指导同事的这段日子里,我发现了一个很重大的问题.他们知道收集素材的重要性.他们也知道这个动作将会大大缩短他们设计的时间.但是他们对素材的分类做的不够仔细.很混乱.不利于自己快速找到适合的东西,而且他们对素材的记忆很差.基本上属于看着不错保存下来,仅此而已.
　　而我在收集的过程中,每一个被我保存下来的东西都有它被我保存的原因.是结构新颖还是颜色搭配很好还是动作优雅高贵,这仅仅是第一遍的记忆.在我把这个东西保存到自己的计算机里的相应的分类里时,这是第二遍记忆.每隔一段时间,我会再去浏览一遍这些素材.这是第三遍记忆.
　　我的分类很详细.我的素材很多很多.每过一段时间我会删除一些我非常喜欢的东西.因为我已经有能力做出这样的东西.甚至是举一反三以及更多的变通.我清楚的记得我在什么地方可以找到什么样的东西.那些很不起眼的txt文档可以让我在短短十数秒之内找到当前文件夹最具特色的几个文件.我很擅长用ACDSEE 去重新命名这些文件.我的图片全部是一套接一套.全部都是,绝对没有哪张图片是孤零零的一张.因为我会抽时间去仿照那些效果去做东西.所以,在每个目录下几乎都增加了一个psd或ai或fla文件夹.
　　慢慢的,我开始不看那些素材.偶尔只是到里边挑几个楼或几个风景..间隔的时间越来越长.我开始逐渐抛弃这些素材.....
　　抛弃你收集的素材!
　　经过一遍遍的分析和对比.我脑袋中对这些素材的了解越来越深.我甚至可以分辨出哪个网站是哪个公司做的.我甚至可以告诉你哪个站哪个地方哪张图片可以直接用在我的东西的哪个位置.而每有一个想法我都会迅速的想到他的处理技法.这一切都归功于我对素材的理解和分析.到了这一步.你认为你还需要素材么?
　　在不得不把自己的硬盘清理了之后再COPY那些素材,在不得不从40G移动硬盘升级到80G之后,我离开了收集了那么久的素材的那个公司.我自己的机器里只有可怜的一部分,而公司的却是满了一台机器之后又换了一台.这些都是我的心血.但我不会回去copy.包括我之前作品的源文件,因为我相信,我绝对可以超越以前的一切....
　　对比和分析,以及尝试性的摹仿,会让你的水平一天天的增长.
　　我每天都有固定的时间徘徊在那些酷站列表之上.每一个我有兴趣的酷站我都会去认真的分析它.直到我弄明白这个站点的设计思路.直到我明白它为什么要这样做,和这样做的好处.这让我对地域文化有了更深了了解,让我对各个国家的风格有了进一步的把握.我会拿两个非常相似的酷站在一起对比.去研究他们的亮点, 然后想着这个亮点用什么样的手法才能处理出来.如果是我,我会怎么样去突出这个亮点.所以我的同事经常会看到我看一个站超过半天.我的垃圾桶里有很多纸, 都是被画了一遍又一遍的.我能够把一个站的某一个特色演化成另外一个完整的站点.没事的时候我会在脑海里去演变那些让我很感兴趣的效果.在学习css的时候,我经常去down那些酷站的style下来分析.把位置调换一下,如果是我,我是否能想到跟它一样的甚至是更好的方法,我每天都在不停的思考.学习. 直到我发现我一个人孤零零的在学习...
　　刚开始做网站的时候,直接去搜那些好的站,然后找到一个合适的,页面另存为.然后去修改.后来随着素材的累计,我对自己的做法深感厌恶.我开始用ps做整图,虽然上头不允许我这样做,说浪费时间,但我还坚持,最后我做到了速度跟改另存的网页一样,做图的时候我时刻在想着怎么样处理能让我的布局更简单而效果不变.怎么样才能让这张图的重复利用率增加.在同一个背景不同颜色的时候我怎么样让制作的时间缩到更短...那时候,仅仅是在追求利益.但我在追求利益的同时把握到了最好最快的学习手段,至少,我是这样认为的.
　　我还是在设计的底层打拼.我的文章被人转载的时候从来不会署我的名.也没有人加上原文地址...我努力让weilaixu这个词组哪怕是不出现,也不要让别人看扁....以前我甚至在每一个站完成后,在最不显眼的地方加上感谢的字样,感谢我抄袭的那个站.这是不被公司允许的,所以我加在他们看不到的地方. 但是当我看到我改的东西被人家抄袭后,我里边的感谢字样竟然还在.....我究竟是很无耻呢?还是一般无耻?
　　网页设计经验谈:自以为是的网页设计者
　　（一）垃圾还是经典
　　网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。网页设计者不管自己的学识、技术和经验如何，都自以为自己吊的不得了，这可能是源与商业设计自我意识体现的强烈主观因素。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹时非常的明显！还有那个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征！
　　（二）国内网页设计环境
　　不可否认，国内网页设计环境目前还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做一个业务的时候，不得不去做大量的说服教育工作。以乙方的身份去说服甲方，以专业角度去教育非专业认识，结果是可想而知的。也正是这种全体社会普遍的低认知水平，导致了大量网络垃圾的产生。
　　举个简单的例子，看看"阿里巴巴"中文和英文两个版本的页面。中文版主色是橙色（与标志色统一），英文版是极不协调的蓝橙（具有很明显的生凑效果）。
　　为啥中文版是橙色，呵呵，不要以为哪是为了和标志统一，其实那时国内最常用的商业色。橙色代表什么？肉色，淫欲。商业是性质？贪婪、拜金。对于社会主义初级阶段群众的普遍思想来说，橙色就是最突出的体现，它不仅仅是网页首选商业色，它还体现了当今社会经济发展条件下的"浮躁"和"糜烂"，它还说明了"低认知水平"的国人，需要用这个刺激的颜色，去宣教引领他们被动接受。
　　为啥英文版是蓝橙？因为洋人已处于发达社会，他们首先需要的不是"宣教引领"，而是"功能"。一个弱化的界面更能强化显示功能，使人方便使用。较刺激热烈的颜色，会引起洋人的反感，所以用的浅蓝灰色。那么为什么又会出现极不协调的橙色捏？原因有二，一是要与标志颜色统一，二是中英文要有传承，所以出了这末个一半是火焰一半世海水的结果。
　　明白了吗？社会主义初级阶段界定了各行业都在一个初级阶段，这个初级阶段归根结底是由"经济发达水平"决定的。同样，决定网页设计的也是"经济发达水平"，而不是个人的设计水平和思想理念。
　　（三）什么是好的网页设计
　　（1）内容和功能决定表现形式和界面设计
　　常常拿到的任务是一张小纸条，上面两句话，叫你去做一个网站设计。有的人看看纸条就去设计页面了凭，凭两句话，你就可以为客户做一个页面设计，以我7、8年的设计经验，我都不敢去做，你真是我的偶像阿！
　　做网页设计，你需要了解客户的东西很多：
　　1、建站目的
　　2、栏目规划及每个栏目的表现形式及功能要求
　　3、主色、客户性别喜好、联系方式、旧版网址、偏好网址
　　4、根据行业和客户要求，那些要着重表现
　　5、是否分期建设、考虑后期的兼容性
　　6、客户是否有强烈的建站欲望
　　7、你是否能在精神意识上控制住客户
　　8、面对你未接触的技术知识，你有底吗？
　　等等...
　　当你把这些内容都了解清除了时候，你的大脑中就已经给这个网站有个全面而形象的定位了，这时才是有的放矢去做界面设计的时候了。
　　（2）界面弱化
　　一个好的界面设计它的界面时弱化的，它突出的是功能，着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。
　　要让访客在0.5内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一此的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣战展示性网站，诸如加特效的或Flash网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。
　　（3）模块化和可修改性强
　　模块化不仅可以提高重用性，也能统一网站风格，还可以降低程序开发的强度。这里就设计一些尺寸、模数、宽容度、命名规范等等知识了，不再冗述。
　　，无论是架构还是模块或图片，都要考虑可修改性强。举个简单的例子，logo、按钮等，很多人喜欢制作图片，N个按钮就是N张图片。如果只做3-5类按钮的背景图片，然后用在网页代码里打上文字，那么修改起来就简单了，让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的，一般即能清晰又保证美观的字体字号有几类：
　　宋体 12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px | Arial Black 12px+ |
　　（4）创艺是可耻的，分析能力远比创艺来的重要
　　设计界动辄就大谈什么"创意"，我要说的是，还没有搞清目的意义内容，还没在技术制作上臻于完善的基础上班，用创艺和特效来迷惑客户和访客是可耻的。一个网也设计者的分析能力远比创艺来的重要。
　　（5）兼顾还是抛弃
　　CSS、XHTML、web2.0、Ajax等等山雨欲来，学习先进技术固然是有好处的，但对于目前国内普遍的低认知水平，决定了客户的需求和价格也是相当低的。之前，说到经济决定网也设计，所以有的时候，是不允许你做出更多的兼顾的，抛弃和放弃也是无奈之举。
　　（四）结尾，送上我的《简明网页设计理念》
　　（一）网页配色基本概念
　　（1）白纸黑字是永远的主题，谁都说不出不好来。
　　（2）网页最常用流行色
　　•兰色--蓝天白云，沉静整洁的颜色。
　　•绿色--绿白相间，雅致而有生气。
　　•橙色--活泼热烈，标准商业色调。
　　•暗红--宁重、严肃、高贵，需要配黑和灰来压制刺激的红色，
　　（3）颜色的忌讳
　　•忌脏--背景与文字内容对比不强烈，灰暗的背景令人沮丧！
　　•忌纯--艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。
　　•忌跳--再好看的颜色，也不能脱离整体。脱离群众是自取其辱！
　　•忌花--要有一种主色贯穿其中，主色并不时面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。
　　•忌粉--颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。
　　•蓝色忌纯，绿色忌黄，红色忌艳。
　　（4）几种固定搭配
　　•蓝白橙--蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀。
　　•绿白兰--绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做点缀。
　　•橙白红--橙为主调。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀。
　　•暗红黑--暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。（二）网页设计理念
　　（1）内容决定形式
　　先把内容充实上，再分区块，再定色调，再处理细节。
　　（2）先整体，后局部，最后回归到整体。
　　全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。
　　（3）功能决定设计方向
　　•看网站的用途，决定设计思路.商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。
　　（三）如何快速高效的完成设计工作
　　（1）天下文章一大抄。
　　就看你会抄不会抄。抄的是道念，思想，局部精致的点缀。
　　在网上搜索同类网站，找几个顺眼的，用一个为基本兰图，把几个优点整和成自己的，这样最高效快捷，而且还出成果，能学到很多东西。
　　（2）上设计论坛，找参考资料。