网站设计资讯

Images

网站设计视觉风格呈现

网站设计 设计网站 制作网站

风格是抽象的。指网站整体形象给访问者的综合感受。整体形象包括网站布局、颜色、字体、浏览方式等。比如我们觉得迪斯尼生动活泼,IBM专业严肃。每个网站都会给人留下不同的感受。在这里,我们需要做的是根据网站的定位来制作网站独特的风格。除了这些,我们还需要把握同样的风格。其实这种风格的统一和传统的印刷出版没什么区别。

您网页上的所有图片,文字,包括背景颜色,区分线,字体,标题,注脚等,都要统一风格,贯穿全站。这样用户看起来舒适流畅,会给你的网站留下非常专业的印象。企业网站设计师往往缺乏这一点,没有全局意义。

创造性,所谓创造性就是不拘一格?有些设计师在做创意的时候花了很多,做出来的确不可否认很有创意,很别致,但是为什么行业网站的客户往往不能接受呢?在这个时候不要太责怪顾客的不识货,要反省,抓住顾客的需要。

事实上,做行业网站不需要太多的创意,也不需要浪费太多的时间去追求如何个性,如何好看,我们只需要一点点创意贯穿整个网站,或许会让网站更加生动,更加吸引人,更加富有思想,比如中国现车交易网(2005年这个网站已经消失)就是一个很好的案例,它将汽车的外形融入网站,使脱颖而出。

网站LOGO

如其名称所示,Logo是网站的标志图案,logo最重要的是以图形的方式传达网站的定位和经营理念,同时便于人们识别。在网站logo的设计过程中,一般有以下三种思路:

直接将网站网址作为logo。

根据网站提供的产品/服务特点进行标志设计。

以传达网站运营商的经营理念为特色。

视觉流程

当人们阅读某些信息时,视觉上总是有一种自然的流动习惯,先看什么,再看什么。心理研究表明,一般的浏览习惯是从上到下,从左到右,在一个平面上,上松下稳而压抑。类似地,平面左松右稳。

因此平面的视觉影响力上方比下方强,左边比右边强。这种平面的上部和中部被称为最佳视野,也就是最佳选择。网页设计中一些突出或推荐的信息通常放在这个位置。

当然,这种视觉过程只是一种感觉,不是固定的公式。只要符合人的心理顺序和逻辑顺序,就可以更加灵活地使用。在网页设计中,灵活合理的使用直接影响信息传递的准确性和有效性。

网页框架和布局

网页布局大致可以分为国家、拐角、T、L、综合框架、Flash、变化,这里就不一一讨论了。

事实上,我们在设计时并没有考虑太多的形式。例如,当我们在一张纸上看到一个圆形的东西时,我们很容易想到它像太阳,而有些人想到月亮等等。这是一个形式隐喻。最重要的是抓住客户的需求,把握网站的定位,做出合理的框架布局。

1.分辨率

网页的整体宽度可以分为三种设置形式:百分比、象素、象素+百分比。一般网站建设以象素形式最常用,行业网站也不例外。

当我们设计网页时,我们必须考虑分辨率。随着科学技术的发展,我们通常使用1024*768和800*600的分辨率。现在网上很多都使用778个像素的宽度。在800的分辨率下,整个网页往往很压抑,有一种不透气的感觉。

其实这个宽度是指网页在800*600分辨率上的最大宽度,不代表最佳视觉。试试760~770象素,无论是1024还是800分辨率都能达到更好的视觉效果。

2.合理广告

现在有些网站的广告(弹出广告,浮动广告,大广告,banner广告,通栏广告等等)让人觉得很烦琐,更不愿意去看,有时候连你这个网站都没有,这样网站就受到了严重的影响,广告也没有达到广告的目的。这些问题是我们在设计网站之前需要考虑和规划的内容之一。

有两种类型的浮动广告,一种是在网页两侧有空的地方可以上下浮动的广告,另一种是满屏随机移动的广告。建议在第一种情况下尽量使用第一种,在第二种情况下尽量控制数量。

如果数量过多,会直接影响用户的心理,防止用户浏览信息,事与愿违。首页广告不要太适中。例如,在注册或购买步骤的页面上,最好不要有太多其他无关的内容让用户分心,以免客户流失。

3.合理利用空间

许多网页都有一个特点,用一个词来形容,那就是塞,它把文字、图片、动画等各种信息不加考虑地塞到网页上,有多少挤多少,不加规范,导致浏览时会遇到许多不便,主要是网页主次不分,喧宾夺主,要不是没有重点,没有很好的分类,整体就像各大杂烩。很难找到需要的东西。有些空白失去了平衡,也可以用散字来形容。

不是把整个页面塞满就不觉得空,也不是让整个页面空着就不觉得满,只要合理的安排,有机的组合,使页面达到平衡,即使在一边的大面积留空,也同样不会让人觉得空,相反,这样会给人留下广阔的思维空间,给人回味又达到视觉效果。

文字排列

在网页设计中,字体的处理和颜色、布局、图形等其他设计要素的处理一样重要。

1.文本图形化

文字图形化是以图片的形式表达文字。这种形式最常用于页面的子栏,因为它突出,美化了页面,使页面更加人性化,增强了视觉效果。文字达不到。通用网站的弊端是扩展性不强。

2.强调文本

若将个别文字作为网页诉求的重点,则可通过粗体、下划线、增大字体、增加指示性符号、倾斜字体、改变字体颜色等手段,有意识地强化网页的视觉效果,使其在网页整体上显得突出而引人注目。事实上,这些方法都采用了对比法则。如果更新频率低,也可以用文字图形化。

网站配色

1.使用一种颜色。在这里,首先选择颜色,调整透明度和饱和度(通俗地说,颜色变淡或变深),产生新的颜色,用于网页。这样的页面看起来颜色统一,有层次感。

2.使用两种颜色。首先选择一种颜色,然后选择它的对比颜色(在Photoshop中按ctrl+shift+I),然后稍作调整。整页色彩丰富但不花一点。

3.使用色系。简而言之,就是用一种感觉的颜色,如淡蓝、淡黄、淡绿;或土黄、土灰、土蓝。也就是说,在同一个颜色系统中使用不同的颜色来增加网页的颜色,而不是花,颜色是统一的。这种配色方法最常用于网站设计。

4.灰色在网页设计中又称万能色,其特点是可与任何颜色搭配,使用时要把握好数量,避免网页变灰。

5.在网页配色中,尽量控制在三种颜色以内,避免网页的花朵、混乱和主色。背景与前文的对比尽量大(绝对不能以图案复杂的图案为背景),强调主要文字内容。