可视范围内信息设计与布局

我们大体了解网页设计的设计实质,这里指的是设计面对对象的实质,说白了就是要设计的空间和范围。也就是显示屏下的最大可视空间。现在的显示器大小日趋多样化,各种尺寸、分辨率大小的都有。作为网页设计师应该充分把握主流的走向。两三年前的主流显示器的分辨率还停留在800px×600px,但是现在1024px×768px都已经快要被淘汰了。网页设计也是,三年前做网页设计要照顾大多数使用者正常浏览,页面宽度要控制在760px以下,单屏设计内容控制在500px;目前受显示器主流大军1024px×768px的分辨率影响,页面设计的空间要控制在1003px以下,有些甚至要求页面宽度要在960px以下。以后的发展暂且不说,就目前的形式来看,页面设计要在这一宽度的页面下完成。

全屏flash的尺寸分析

在动手设计一个全屏flash动画前,就应该先定出这两个区域,安全区域就是flash的舞台区域,选用款舞台要视项目的需求而定。最大显示区域则根据舞台长宽比,如果是宽舞台,最大显示区域与舞台同宽而上下延伸;如果是窄舞台,最大显示区域与舞台同高而左右扩展。

    Flash全屏模式有以下特点。

    1)窗口最大化,且置顶显示。

    2)在默认(flash内容自动缩放)状态下,保持SWF文件长宽比进行缩放,直到宽、高中有一个先达到屏幕尺寸。

网页设计布局浅析(二)

九宫格又叫三分法,由横竖各三个网格组成,焦点就是所谓的“热点区域”。三分法可以为设计带来活力与动感,是画面、构图和排版的导向。在构图的热点区域中安置关键的视觉元素,不仅可以将人们的注意力吸引到元素本身,还能为整体构图带来平衡。利用三分法来安排元素位置的做法,为设计引入了成比例的概念,可以帮助人们获得审美上的愉悦。

    1、大布局

    网页的布局基本上分为上中下、左中右、左右、上下与上下左右混合等几类。同时我们还要思考分辨率与网页大小的关系。现在大部分的显示器都是1024px×768px以上的分辨率了。那我们的宽度是不是一定也要相应变得宽一点呢?答案是合理的宽度对比。因为网页本身也会与浏览器产生视觉对比,如果塞得太满,势必不是很好看。留下空隙网面与留出来的空白也可形成一定的对比。

网页设计布局浅析(三)

九宫格又叫三分法,由横竖各三个网格组成,焦点就是所谓的“热点区域”。三分法可以为设计带来活力与动感,是画面、构图和排版的导向。在构图的热点区域中安置关键的视觉元素,不仅可以将人们的注意力吸引到元素本身,还能为整体构图带来平衡。利用三分法来安排元素位置的做法,为设计引入了成比例的概念,可以帮助人们获得审美上的愉悦。

    3、图片

    在处理图片的时候也会用到布局,比如文字放在什么地方,标志放在什么地方,这些都是布局的范畴。因此这里也要应用上述的概念,重要的核心不要放在正中或过于偏向角落。当然也会遇到重心的对象很大,基本占满了画面的情况。

网页配色的方法

网页配色涉及的方面很多,所以处理起来务必细心,并且需要进行多次的测试,以取得最佳的显示效果。下面提供几个关于网页的配色的方法,以提高读者在配色方面的能力。

    1)底色与图形要协调。

    目前,图像在网页中可以说是不可缺少的元素,而图形的色彩也影响着整个网页的色彩效果。特别是网页底色与图形色的搭配对网页的效果非常重要。

    一般来说,我们会使用图形作为页面主要元素,所以底色与图形之间必须有明显的对比,这样才可以非常鲜明地突出页面的内容,将图形的美感快速传递给访问者。如果底色跟图形色没有明显对比,甚至色彩效果还超过图形,就会喧宾夺主,掩盖了图形的效果。

网页色彩选择标准(中)

众所周知,网站制作完成后,就要进行相关的测试,合格以后才能向用户展示。网站给人的第一印象就来自于视觉的冲击,如果你没有很丰富的内容,那么网页设计中对网站标准色的设计就显得十分重要了。“标准色彩”是指能够体现网站形象和延伸内涵的色彩,它是最影响网站整体风格的因素。

    2、红色色彩演变方案

    红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的颜色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动。它还是一种容易造成人视觉疲劳的色彩。

基于色相的配色

韩国I.R.I色彩研究所基于色相配色提出了3种方案:当采用不同色调的同一色相时,称为“相同色相配色”;搭配色相环中相距较远的颜色作为配色,称为“相反色相配色”;采用两侧相近的颜色作为配色,称为“类似色相配色”。

    1、相同色相配色。
   
    相同色相配色,主要靠色彩的明度深浅变化来进行色彩搭配。由于相同色相只有一种颜色的变化,所以给人的感觉很协调、稳定、柔和。使用相同色相配色方案时,主要是色相的明度控制。差别太小的明度变化,会使色彩效果显得比较稳定、统一,但同时也显得比较单调、阴沉;差别很大的明度变化,会使色彩效果显得比较活泼、清爽,但同时也显得落差较大而不协调。为了避免这种现象,设计师需要在明度、纯度变化上作较为细致的处理。

导航设计之分析现有的用户数据

如果你正在重新设计现有网站的导航,要利用好这个事实:许多组织业已掌握了丰富的网站使用数据,有助于你更广泛地了解网站。具体来说,要研究这些数据。

    一、电子邮件反馈
   
    如果网站有联络邮件地址,要找到这些邮件存放在哪里。分析邮件,寻找用户在使用网站时可能遇到的问题。但请记住,客户的电子邮件未必能是你的目标群体的代表性样本。电子邮件往往是用户投诉的手段。尽管如此,如果发现许多访客遇到同一个问题,那这就是需要改善的地方。

网页布局形态表达的含义及传递的情感(上)

设计中最先向使用者传递感情的是形态。使用者通过表现网页设计师理念和意图的形态(圆、三角形、四边形、直线、曲线、抽象形态)可以对网页有一个主观感受(死板、柔和、有趣、别扭、特别、参差不齐)。也就是说,形态就是向使用者传达网页设计师意图和感情的微观要素,可以称为视觉语言。

    因个人的环境、性质、情况不同,人们对同一种形态的感受也有很大差别。因此,这里所讲的内容不是形态传达的绝对意义,读者可以将其理解为普通感受,网页设计师可以从客观的角度去想象形态传达的意义。

网页布局形态表达的含义及传递的情感(下)

设计中最先向使用者传递感情的是形态。使用者通过表现网页设计师理念和意图的形态(圆、三角形、四边形、直线、曲线、抽象形态)可以对网页有一个主观感受(死板、柔和、有趣、别扭、特别、参差不齐)。也就是说,形态就是向使用者传达网页设计师意图和感情的微观要素,可以称为视觉语言。

    6、直线

    笔直端正的直线传达着一种正直又倔强的片面性感觉,容易使人联想到远方的水平线和地平线,由此产生一种广阔、舒适的感觉,也常使人联想到区分天空和大地、天空和海洋的界线图像。由始至终没有变化的模样给人一种坚持不懈的感觉,但是也容易使人觉得单调乏味;平行的直线比直的直线更能传达出永久的延续性;直线常用于区分界限的图形元素。另外,几条平行的直线也是爽快淋漓的速度感的有效表现技巧。