随着时代的发展和科技的进步，手机和数码产品成为了人们普遍使用的通信和娱乐消费品。为了更好、更快地将手机和数码产品推广到人们的身边，各个厂家通过各种方式来宣传和展示产品。网络就是此类产品不可缺少的有效平台之一。

手机和数码产品网站主要用来说明和展示手机和数码产品的功能和样式，对于功能齐全、有一定技术含量的网站，还可以通过网站进行电子交易和产品订购等操作。不同的企业建设手机和数码产品网站的要求有 所不同，设计风格也不同，此类网站主要还是以符合产品的特点为主。网页设计者在设计网页的时候，只要抓住手机或数码产品的样式风格、性能特征等方面的特点，设计与其风格匹配的网站即可。设计风格通常比较时尚、大方、具有时代感，色彩多选择蓝色、红色、灰色等体现时尚感的颜色。

手机和数码产品本身是属于一种技术含量很高的产品，在外观上也是工业设计里非常优秀的代表。所以在设计这类网站时首先必须要考虑的是网站的科技感，要与产品一致，体现出高端性；然后再根据产品的风格、类型来选择色彩方案与布局类型。

要介绍的例子，该网站是一个手机代理商的 网络展台，主要代理、销售手机通信类公司的相关产品。下面将介绍该实例的色彩选用方案与布局类型的设计思路。

色彩分析

使用蓝色来体现具有科技感的网站早已司空见惯，所以该例大胆地选用了红、橙色来作为主色调，同时选用银灰色来作为辅助色。页面整体效果不仅体现了产品的时代科技感，同时也体现了产品的活力潮流感。

选用红、橙色是依据网站Logo、手机屏幕的色彩方案而设定的，是一种能同时体现企业形象与产品风格的设计方案。热情、充满活力的红色和橙色很好地体现了音乐手机的时尚魅力，让用户在第一眼就被网站亮丽的颜色所吸引，这在当今网络上数以亿计的网页中显得尤为重要。

银灰色的选用主要是起到了辅助衬托的作用，它不仅不抢主色调的风彩，反而增加了页面的对比度。因为既然选用了红、橙色来作为主色调，那么就尽量少用或不用其他诸如蓝、绿等比较抢眼的颜色，否则将会出现主次不分、画面凌乱的负作用。

该网站比较特别的地方是运用不规则的圆角粗边框来作为页面的轮廓，体现了布局形态 的独特性，同时也体现了企业独具一格的经营理念与企业文化。

该网页的整体页面属于上下型结构，导航和Banner区域为一块，内容区域为另外一块。导航和Banner区域的边框与内容区域的边框风格一致，这样既有整体性也有对比性。

放在Banner区域左边的会员登录框被包围在“电子板路线”的圆角线条框内，体现科技感的同时也符合了用户的“从左至右”的习惯。

内容区域使用的是左右结构。左边使用了一张较大的手机屏幕图，然后将主要内容放置其中显得特别突出；右边使用了两幅广告图来推荐主要的业务；下面是文字类新闻标题。图文并茂才显得画面更丰富多彩。