返回  

网站专题设计一二三

2014/7/28 21:04:22 来源:

专题页面以一种独有的设计风格,新鲜的创意,炫酷华丽的元素拿出来折服一众目光。网站专题一般会具有以下特点:

一.精准的目标性,提产品销量或增加用户等

二.内容的实效性,专题页面一般用于活动的推广,活动结束后页面也就随之实效,也失去了浏览网站的意义

三.视觉突出,华丽元素较多,为了可以更有效的吸引住浏览者,一般设计专题网站在视觉表现上会采用比较抢眼的设计留住用户,鲜艳的颜色,创意的布局,高对比的配色等,同时还会通过各种专题相关元素的组合,让人在第一眼就可以清楚的了解到专题的主要内容。

综上,专题网站建设时就要在有限的时间内吸引住更多的浏览者,快速传递出主要内容,结合生动的趣味性交互体验促使浏览者更长时间留在当前页面查看更详细的内容,进而提升网页内容的转化率。

看到这里,你一定在心里骂娘了,说起来目标效果容易,该怎么下手,该怎么做到这么牛气哄哄,该怎么吸引大众眼光,该怎么快速完成,该怎么更有创意……问题一箩筐,然后默默的觉得自己更晕了。别急,我们稍微放松一点,要想成为舞台中最亮的角,不用点小心思怎么成呢。

网站专题怎么做?

一.网站的结构布局

专题一般由头图和内容区构成,大多数的专题只有一个页面,但根据实际功能的需求也会有若干的二级页面。在布局上有一些比较常见且行之有效的方式。

1.    多种形状的组合:这个算是用的最多的了,矩形,圆形,三角形,多边形,不规则形状,通过不同方式的结合,呈现出严谨的,活泼的,炫酷立体的,时尚的各式风格,这种布局方式对内容主题没有绝对的要求,具有普遍的适用性,而且可以让你的页面瞬间生动有趣起来,多说无益,我们看实例! 

六边形通过简单的黑色背景方式组合在一起,一目了然且具有较强的相关性 

多种形状组合成爆炸式的立体效果,既可以引人注目又切合了主题


当形状遇上食物,完美的不得了

2.    网站页面实物轮廓:这种方式对于主题和氛围要求比较高,当然他的独有性也更强,想做一个专属的独一无二的专题页面,研究一下你的主题内容,有没有一个可以贯穿的东西可以拿来直接作为布局呢?你或许看到过这些吧。


无限延展的树干,奔腾不息的河流,这些随处可见的实物以为一种艺术的形态结合有趣的点缀,很有意思对不对?

 

大红灯笼融合 舞龙和鞭炮的元素不仅烘托出浓浓的氛围,也非常切合专题的每一块内容 

3.    模拟场景:反正内容不是很多,闲着也是闲着,你不想让用户闲着,看到更多有趣的东西,感受更多新鲜的故事,当然你就更不能闲着了。模拟一个真实的场景是大片的炫酷结合各种光效,层次,立体,颜色,让人看到了第一层,还看到了更多层,连小角落都有一些亮瞎人眼的元素;模拟一个漫画式的小故事,浪漫的、屌丝的、霸气的二货的,用户第一眼看到就忍不住会心一笑,他懂你的意思,你也就成功了!

  

 

二.网站专题的创意设计

在创意部分除了上面的布局结构我们还有什么地方可以让页面变得创意十足的样子呢?创意,咋想?

1.    素材的联想:当我们拿到设计需求的时候,找到你的关键词,然后对关键词进行毫无底线的联想,凡是可以想到的统统在纸上列出来,也可以在百度上搜索一下你的关键词看看都会有哪些词语会一起出来。

2.    文字:通过主题文字的变形,文字和其他元素的结合等手段可以在页面上呈现出不一样的创意点。


将英文字母结合石头元素作为视觉的主体,生动且印象深刻


文字的视觉感和文字本身的内容完美的合体了


文字和主元素你中有我我中有你

 三.细节

1.    尺寸:专题页面的主要内容区一般在950范围内呈现,我们再做头图的时候最好呈现的尺寸是1600,当然为了更好的在不同分辨率下完美的的呈现最好要考虑到更宽屏的外延效果。要是想展示的更好不妨设置不同分辨率的标尺那就完美了。

2.    别忘了网站专题的里面那些边边角角的弹窗啊,注册啊,登陆……

3.    字体,有时候为了自己页面做的爽,就乱丢字体,完全不考虑后期的呈现

4.    一定要记得和前端商量好了再提给客户。

 

更多互联网相关知识交流可咨询深圳Clh(www.clhweb.com)(专注于深圳网站建设深圳网站设计深圳网页设计,互联网传播策略建议)。