|
设计师的风格——之二 再单独看看广告条本身的内容，作为一个网页的一个局部，但是它本身是一个整体，所以就要分析一下作为整体的组成，一般来说，它是由文本，图片，和动画这几个组件来组成的，文本在某种程度上说必不可少的，因为这么狭小的一个空间里要告知用户信息，如果只用图片来表现，很难做到这一点，用文字可以简洁明了的告知信息，为了避免单调，一般是采用图片作为背景，加上文字来进行说明，通过搭配，可以是页面丰富同时又能清楚的表达要说明的信息。 既然这样，从文字的地位上来讲，就要突出它，在设计时可以在广告条的局域里设法通过颜色和大小来突出。这样文字就不必考虑与整个页面的协调问题，因为它是作为广告条的一个整体的一部分，假如前者已与整体协调，就同样是协调的。所以可以将文字做的醒目一些，吸引人一些。这就可以采用动画的形式，可以用闪动的方式，或者是一些渐变或者消影的方式，这样既使页面显得丰富多彩，同时也让人浏览的时候不得不注意到广告条的内容。有时候能造成这样的效果，就是在用户主要关注上面的内容的时候不经意间看到一些吸引它的东西，这样就去点击了。达到这样的程度，设计者的目的就达到了。
同样文字的精巧设计是非常重要的，提出一些空洞的口号是让人反感的，同时平铺直叙又让人提不起精神，这就需要设计者从要宣传的东西出发，发觉用户感兴趣的东西，这时候就要求设计者亲身体验或者是作一定的调查，别以为是一个小小的广告条，别以为它只是一个网页的附属物，要能做好，让自己的委托者满意就不能不下功夫：假如是一个电脑商的广告，就要求你从自己角度，看自己要是购买这个类似的产品，最关心的是什么？自己最喜欢厂商提供什么？假如自己没有这种体验，就要做做小的调查，向自己的同事，朋友调查，看看同样的内容他们怎么看？只要抓住了这些信息，就能在设计这种广告条时想出独特的点子，得出自己精巧的文字，当然一些文字本身的修辞格的运用也能体现一定的水准，也是吸引人的一个因素。
文字的内容设计占有主要的地位，同样图片和动画也非常的重要，由于页面上充满了文字，有时候文字的广告条会淹没在这个海洋里，所以假如一些跳动的图片能起到特别好的效果，所以在设计图片是要做到美观，同时也要求同自己宣传的东西相联系，有些一点没有联系的图片只能让用户看看而已，无法打动他们去动鼠标。动画的设计同样如此。好的动画把人的目光都吸引到它的上面去了。有些设计的如同一个故事，一首小诗（瞬间感觉上的），这样在艺术上提升到一个好的层次，就能打动用户。
最后想总体的谈谈就是网页上的广告条的数目问题，以上谈的是如何是自己设计的广告条能打动人，能吸引人。如果仅仅从这个角度来看，就可以说一些网站上广告条的设计是达到这个目的的，但是它们的滥用是让人所厌恶的，整个页面上到处都是广告条，从顶部一行，左边一列，右边更是满满的，严重压缩了整个网页的内容，同时设计得到处是星星点点，都是一些小的提示性的动画在闪动，这样从小的广告条的局部可能是成功的。但是大一点看，在网页的设计上是失败的，“皮之不存，毛将焉附？”所以要使自己的小的局部能获得更多的点击率，就首先要使自己的网页设计得更加的漂亮，使用更加的方便。作为设计者很大程度上是接受任务，有时候不可避免要在自己的网页上加上很多的广告条，这时候就要考虑规范的问题，通过一些固定的格式，把他们规范化，条理化。同时用动画不能他多，一个人不能同时集中注意力到很多方面，所以要有所选择，有所侧重。这个是很重要的。
作为网页的一个组成部分，要能充分考虑以上的形式上和功能上的因素，精心构思，就能作出很好的广告条来，同时也为自己的网页增光添彩！
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
网站设计风格和色彩搭配经验谈
在一般人眼中，“网站”几乎就代表着“互联网”。网站本身的价值正在被人们不断的发现，不断的认可。“如何设计一个成功的网站？”已成为越来越多的网页设计师所思考、关注的问题。本人从事商业网站建设已经有两年以上的经验，在此只想抛砖引玉，提出自己的一些想法，欢迎高手指点！ 设计网站需要考虑的因素非常之多，从前期网站开始时的定位、设定网站框架、整理资料，到具体制作中的设计环节，再到最后的调试、发布、宣传。这是一个环环相扣的过程。在此我们仅仅从设计师的角度来整体把握我们这次想讨论的主题——如何设计成功的网站！由于篇幅有限，我们仅仅讨论设计网站时重要的两大部分：整体风格和色彩搭配。
一、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。
在这里，我提供给大家一些参考经验：
1．将你的标志logo，尽可能的放在每个页面上最突出的位置。
2．突出你的标准色彩。
3．总结一句能反映贵站精髓的宣传标语！
4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！
二、网页色彩的搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。
2．用两种色彩。先选定一种色彩，然后选择它的对比色。
3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三种色彩以内。
2．背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
网页的排版与布局
--------------------------------------------------------------------------------
很多朋友都想向我学习如何做网页，我知道他们的意思就是说要想向我学习如何用做网页的软件，如dreamweaver、flash、firework、photoshop等等，这些纯技术的东西我不想多谈，因为如今技术的发展一日千里，就是这种应用软件也是发展升级得非常的快。
今天的很多认为是较难实现的功能也许经过软件升级之后就可以很方便的实现。我想强调的是关于网页排版布局方面的必要的知识，很多初学者都忽视这方面，以为技术就能代表一切，能够知道怎么用这个做网页的工具就能够做出质量较高的网页来。其实不然，因为软件知识只是一种工具，就像你有了笔，但不一定能作出好的文章来一样。很多人对技术很熟练但是做出来的网页却通常是照搬人家的东西，并没有体现做网页的水平的提高。
网络时代，人本身的因素是相当重要的，只有拥有这方面的一定的审美知识，才有机会做好网页，而真正技术上的东西是不重要的，毕竟技术的发展是使每个使用者使用更加的方便，发展的趋势是让软件成为“傻瓜型”。终极目标就是用鼠标一点就能够使所有的网页完成。所以，我们应该培养自己的审美修养才是最重要的。而真正的体现是在具体的网页的布局上，网页的设计呈现出多样化的趋势，但是万变不离其宗，我想认真的分析一下，可以得到一些有用的东西，在我们应用的时候作为参考。
虽然网页设计拥有传统的媒体的不具有的优势，例如是能够声音、图片、文字、动画相结合，营造一个富有生气的独特世界，同时它拥有极强交互性，使使用者能够参与其中，同设计者相交流。但是最基本的模式还是平面设计的内容，所以平面设计就要考虑形式美的内容，其中网页的排版布局就属于形式的内容，那什么形式呢？
形。原形，包括原始形，或称自然形。
式。许慎之《说文解字》说：“法也”。它包括“法则”、“法度”、“法制”、有“用法”的含义，也就是一种“格律”。
中国古典建筑形式就称为“法式”。“形”是自然的，“式”是人为的。“形式”是将自然形态经过人为改造而称为一种新的美的形式。自然形态只有通过人的改造，才能起更大的作用，由于这个原因，就形成了今天的审美形态，形象是客观的，形式则是依据客观的规律进行主观的创造。如果没有主观的创造，就没有艺术，也不可能有今天的一切，当然对于实际的网页制作来说，这也是最基本的，就是主观的创造，因为这是一个网页的灵魂，假如没有自己的主观创造，就只能拾人牙慧，重复别人丢掉不用的东西，是毫无意义的。所以现在强调网页设计的创造，表现在对页面的布局上，具体说就是体现在页面的形式美方面。就是通过页面的合理安排，例如文字的条理清楚、流畅、整体，使形式美得到体现。
首先从网站内容上来进行排版
版
现在的网站通常具有的内容是文字、图片、符号、动画、按钮等，其中文字占很大的比重，因为现在网络基本上还是以传送信息为主，而用文字还是非常有效率的一种方式，其次是图片，加入图片不但可以是页面更加的活跃，而且可以形象的说明问题。所以按照目前网页的设计，可以有针对性的对这些内容作一些调整，可以得出一些可以借鉴的东西。
既然文字是现在网页传输信息的主要工具，那么就得把页面上主要的部分留给它，这个看似简单的道理却是很多的网站所忽视的，包括一些影响力较大的网站，一味的讲求“美观”，花在形式上的没有具体内容的东西占了很大的比例。主要的文字性的内容却放到下边，结果上网的用户却要难以很舒服的获得信息，有时候要拉动下拉条才能看到整个页面的主要内容。
网页上真正好的文本的排布是这样的：一般放在最显著的地方，如整个显示的中央稍微偏右下；文本的排布整体性好，使浏览起来通畅而丝毫没有阻碍，理解内容更加容易。文字的大小应该适中，太大浏览起来增加了翻页的难度，太小看起来太累，加之一些不同的显示器的分辨率的不同，导致这个矛盾更加的突出。因此这是值得每一个设计者要慎重考虑的。用色也要考虑，一般用区别于主体的颜色可以起到强调的作用，但是凡事都是过犹不及，加入一个整体的文字内容里用的颜色太多，势必会影响读者的理解，也会影响他们的使用的心情，导致厌倦的情绪，所以不但要考虑文本使用的具体的物质功能，也要懂得其精神上的价值体现。对于文字的处理，很多的软件都是非常的注意这方面的改进工作，使文字处理更加的方便，例如Frontpage就是基于它的姊妹软件Word而发展起来的，由此可见一斑。再谈谈图片的处理，图片在网页的设计中占据很重要的地位，由于图片的加入使网页更加丰富多彩，所以把图片用好是非常重要的，有几个值得注意的地方，图片不能太大，网络这种特殊状态下，受带宽的限制，人们是很难忍受等待之苦的，这就要求把图片的体积缩小，同时又要使图片尽量清楚，直观，最大限度的发挥它的作用，把握这个度是很关键的，另外图片的排布也很讲究，特别是多图的情况，就要是图片与图片之间的联系凸现，同时又要融为一个整体，使看起来有条理。按钮、符号、动画等虽然现在不是占主要的位置，但也是不可或却的，就说按钮吧，它是网页的一个导航，通过它才能是使用者的使用能够顺利的进行，将它设计得漂亮，或者说规范，是让使用者心情畅快的一个催化剂。所以这些细节的问题也要细细的斟酌。
再从网页的布局形式上来看
按照平面设计的形式来看，整个页面可以分为几个部分，每个部分有不同的功能，也能体现不同的形式，具体看来就是上边、左边、下边、右边、中间、看似无奇，自身却有许多独特的地方，就说划分的大小吧！中间的部分一般是最大的，因为它承载着主要的信息，使用者主要就是看中间这个部分的内容，有些网站也为了出新意把整个页面进行任意划分，特别是个人网页，例如把整个页面平分为左右两个部分，但是这样会让人不着重点，还有的框架用得太多，影响了页面的整体性。总结一下有这么几种布局方式，下面进行比较，
1. 上边和左边相结合，这是最常用的一种方式，上面是页面的提头和广告条，左边是按钮和其它的链接，这样的布局有其本质上的优点，因为人的注意力主要在右下角，所以主要想得到的信息都能最大可能的获取，而且很方便。但是有一个问题不得不注意，就是按钮在左边，都知道我们都是用的右手来操作鼠标的，要到左边去点击按钮就要移动过整个屏幕，所以每次都这样会很不方便。当然这也有一个习惯的问题，因为现在大部分的网站都采用这种形式，无形中造成使用者一打开网页都是习惯性的在左边去点击按钮。所以在比较正规的网站还是尽量符合这种使用方式，当然也不是一成不变的采用，要能够在这种基础上做一些变化。就能作出很好的网页来。
2. 上边和下边的结合，这种方式用得少一些，都是也有很多的网站采用。这样可以解决使用上的问题，因为在屏幕下方移动鼠标可以很自如。同时由于上面有横的提头或者是广告条，这样上下造成一种对比和呼应，无论其中的内容如何安排，页面都会显得非常平衡，从而显得更协调，这是一种形式感很强的布局形式。
3. 上、左、下边相结合，这种方式也有一些应用，这种方式的采用可以将功能性的东西有条理的放的左边和下边，使用起来更方便，像很多的按钮和链接（文字链接和图片链接以及E-mail链接等）都可以很清楚的显示出来，由此具有很好的导向性。但是这样也有不利的地方，例如这样整个页面被占去的地方较多，是页面的主要要显示的内容受到影响。所以也是使用的时候要斟酌的，看在什么情况下适合才能采用这种形式。
4. 上下左右形成一种包围的格式，这种形式的应用有些类似于第三类，优点也是一样，但是缺点更明显，由此留给使用者的空间太少了，所以这种应用得也比较少。不过经过一些刻意的变化之后能作出很漂亮的形式来，所以一些个人站点有时也采用。
这是简单的进行提炼之后得出的几种类别，但是现实的应用中基本上都是经过一定的变化的，所以呈现出丰富多彩的布局形式，所以在了解这些布局的一些基本的优劣之后，适当的利用其优点，结合一些富有形式美感的因素，进行设计。就能设计出非常漂亮的网页，同时在使用上也能够非常的方便。
综合起来看
内容和形式即具体的网页的排版布局要能够达到一种协调的状态下才能真正的成功的网页设计，所以，不能单独考虑网页的内容的排版，以为只要能够把具体内容清晰流畅的放到网站上就行了，造成整个页面的形式感很差，这样严重影响使用者的心情。同样假如不顾网页的内容，只顾页面的形式，尽管页面再漂亮，使用者也不会欢迎，因为这样是他们根本没有得到什么东西（或者获得的信息很少），使他们的目的没有达到，他们上网的目的就是获取信息，不只是欣赏。因为这种网络环境下，受现代生活方式的影响，是不大有心情来欣赏这些的。好的形式只是促进人获取信息的辅助物，不是对象。只重形式正如买椟还珠。所以作为设计者就要找到这两者的一个切入点。选好这个切入点很重要，这需要仔细的考虑自己的网页的题目之后，进行展开，然后作出草图来对比不同的形式之间的优劣，然后优选出一个来进行最终的设计。设计的同时要不断的进行排版布局的调整，一旦发现两者之间有些不够协调的地方就要不断的返回去修改，对照自己的设计构思。这样才能作出令人满意的网页来。
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
网页设计中的功能与美
网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。
从网络的发展来看，网页设计从无到有，从低级到高级，是基于技术的原因而受到客观的限制的，因为受传输带宽的限制，最早的网页是纯字母和数字的，没有图片和声音更别说是动画了，只能将占用空间很小的数字和字母来进行传输。
由此看来网页最初就是在功能性的基础之上发展起来的。到今天同样上网也离不开使用它的功能，所以网页的审美就首先要考虑其功能的要素（例如很多国外的大公司的网站也是这样做的）。那么从功能出发来看待网页设计，我们就必须考虑，使用者如何从网页中得到功能，如何更好的得到功能。这就需要站在使用者的角度来看待网页设计，才能使自己做出的网页受欢迎，从而达到基本的目的。有的网页设计师说：我是设计师，我站得比普通人高，欣赏水平也比他们高，应该引导潮流，应该引导他们学会欣赏美的网页。作为设计师引导潮流没有错，但是不应该采用居高临下的方式，而是要贴近自己的使用对象，想他们所想，急他们所急，方便他们的使用，适时的将自己的设计风格融入到作品中去，接受他们的检验，只有经得起考验的设计才是好的设计。而不是所谓的阳春白雪，成为孤家寡人，不适用。作为设计师来说，就是要把自己的网页做得美一些（基于功能性的）。
谈到美，网页这种特殊环境下的美于传统的艺术上的审美有着明显的区别，因为一般的艺术上的美是海阔天空，无所顾忌的，只要符合人们的欣赏的习惯，能够在欣赏者的心里产生共鸣就是美的；而网页的布局上的审美却要受到很多的限制，当然它也有优于传统艺术的地方，最明显的就是它的交互性和更新速度的快捷，纯艺术很大程度上是作者的自我宣泄，但是网页设计直接面对的是大量用户，随时都会反馈回来对网页的批评建议等，可以根据实际情况进行修改，比如在建站时考虑不周到的地方，设计时没有得到重视的地方，可以根据要求进行调整。同样不损整体效果，却可以使使用者用起来更加的方便。这个过程可以在很短的时间里完成。同时网页能融合文字、图片、声音、动画于一身。这是传统艺术所达不到的。当然最根本的在使用方面就限制了它不能够随意的挥洒自如，任设计师自由的发挥。以下针对网络环境下的审美。
首先：要考虑上网者的环境，通常可见的情况是：上网者眼睛盯着一个冷冰冰的电脑屏幕，手移动鼠标，保持一定的姿势，而且一般是连续很长的时间。在这种情况下，假如连接的网站的网页做得很差，不考虑排版布局的形式美的要素，一味的以刻板的文字或者是图片来充斥这个页面，那么使用者看久了就会厌倦，甚至讨厌。同样在网络世界里，五花八门，涉及到各方面的内容，使用者通常是打开很多的窗口，在一种纷繁复杂的情况下接受信息。这样假如他们浏览的网页是设计得又是特别花哨，图片、文字、动画等等堆砌的极为杂乱，那么更加剧了这种心理上的厌烦感，这种网页能算得上美吗？所以从使用环境里的功能的因素来考虑美才是最根本的。
其次：考虑使用对象本身也是网页审美的一个重要方面，网页设计都是为每个具体的网站的做宣传，那么不考虑对象就如同闭门造车，这样会造成其根本的功能的损失，使使用者浏览起来困难。例如一个儿童网站，设计得如同一些新闻专题的网页一样，纯粹是文字。那么使自己的使用对象－儿童在浏览该网站的时候毫无兴趣，阻碍了网站的基本的目的，因为该网站的目的就是要使更多的儿童来光临这个网站，从而扩大网站影响。从这个功能层面上来理解，设计的美是同使用对象分不开的。
再者：网页设计的美其实是一个满足使用者需求的过程，能够使他们使用起来方便快捷，排除他们使用中的问题，这就是美的，这就是纯粹从功能上的要求出发的。就是最根本的功能被满足就是最根本的美。不是吗？假如我想上一个体育的网站了解一下当天的足球战报，那么我上网的目的性就是非常的明确，直接看足球的结果。那么考虑一下我的上网过程就是先敲入网址，到主页上，然后尽快的找到足球的栏目，再找到比分的链接。那么设计师如果考虑到上这个网站的很多人都非常想知道足球的比分，那么在主页上放上一个流动的临时更新的框，就可以使上站的使用者直接在主页上看到想要看的东西，这样快速而又方便的结果，其实质上是一个网页设计的成功的地方，这种网页就是美的，反之假如把网页设计得非常的“漂亮”（这里指的是纯粹的从艺术审美上的漂亮，满足一般的形式美的要求的，而不考虑使用环境的情况），但是把该链接做到不容易找到的地方，或者是由于满足“漂亮”的要求，增加了几级的链接，从而增加了使用者的不方便，这种网站也是不美的，至少它没有为自己的使用对象考虑，就是失败。
【未完待续】
++++++++++++++++++++++++++++++
| 
发表于 2012-10-14 12:06:30
