专题设计之如何设计专题头部

  现在的网站样式越来越多样化,而在网站的设计中,我们总会碰到一些专题的设计,不论何种网站,制作专题总是会被提上日程,本文主要详解了专题制作篇中的如何制作专题头部,

  欢迎大家阅读评价。

  首先,先来淡淡制作专题的好处,制作专题好处很多,大致有以下三方面:

  1、用户体验提高:丰富网站的层次,让用户能及时找到自己需要的一类或者几类东西;

  2、网站迅速得到流量:重点推荐网站的某部分内容,让这部分内容迅速获得用户流量;

  3、有利于SEO优化:整合网站信息,提高SEO的优化,百度都会定期排除掉一些收录后不再更新的页面,制作专题就等于把这些老页面重新提交一次。

  了解了制作专题的好处后我们详细来讲讲怎么制作专题的头部吧,专题的头部是一个专题的精华所在,位于网页设计中的首屏,且占据的面积很大,因为头部的重要性,50%的设计时间需要花费在专题头部的打理上,头部设计通常要注意以下几个方面:

  一、主题的展现核心明确:当用户第一眼看到的这个专题的头部时,就应该知道这是什么类型的专题或者想要表达什么意思,不可能从下面的内容去寻找这个专题的核心。许多客户和设计师往往认为所表达的信息越多越好,其实不然,内容越多,就越没有浏览的重心,最后导致用户没有兴趣留在这个专题上。

  二、图片配上的文字分等级突出:一个专题首先需要一个响亮的标题,而这个所谓的标题,必须在头部文字等级中占据第一等级重量,能让用户第一眼就看到,配上合适的字体或者设计的效果,让人过目不忘,在标题中更需要突出重点信息,如“女装春款上新 全场5折”,就要在“5”上做重点突出。

  三、让用户有点击欲望:很多专题的头部毫无点击欲望,优秀的头部设计能让用户迅速产生点击欲望,从而引导用户点击访问网页内容。可以是一句响亮的口号,也可以是适合专题的美图。

  四、符合用户的阅读习惯:人的视觉习惯是一个“F”,即眼睛是从左往右看的,这就说明你的头部整体排版需要横着排不能竖着排或者随便排。

  五、整体设计不宜眼花缭乱,要有重点突出的产品:一个专题基本介绍的是一类产品,可以找一个或者几个代表性的放到头部去 ,不宜全部放上去,如果全部是重点就等于没有重点。

  六、适当留空:留白的艺术大家都不会陌生,特别是现代的网页设计,有的头部仅仅只有一个标题和一张图片,让人迅速抓住主要信息。

  总结:专题的制作需要突出重点,层次分明,抓得住重点产品,具备强大的吸引力。

  本文来自一统桌面http://www.1tong.com,转载请注明出处,谢谢。

时间: 2024-10-27 06:01:12

专题设计之如何设计专题头部的相关文章

10个专题页面的网站设计技巧

  单页最早出现在平面设计中,设计师通过用不同尺寸.材质的纸张,在仅有的正面和反面上进行自由设计的过程,主要用在折页.宣传单.海报中. 电商领域的单页设计,更像是对平面单页在使用环境上的升级,它不仅拥有平面设计中的所有设计规律,更有着网站设计的很多特点,比如:可以利用新的视差滚动和H5的技术,来使页面与人的交互更密切,也使得用户在浏览页面时,更像是在阅读一个故事. 它主要出现在一些促销类的活动页面.产品介绍页.店铺首页等需求中. 如下图 整体专题设计的"冰糖葫芦原则" 在设计单页的专题

产品设计(网页设计)5点谈

产品设计(网页设计)5点谈 (1)页面未必一定要填满,留白,如果留的合适与适当,也未尝不可; (2)信息量.有些人,总认为在页面上表达的东西越多越好,恨不得将肚子里所有的东西都一股脑儿的呈现给用户.结果,如果没有强悍的页面设计尤其是在呈现上的驾驭能力,我们将看到的一大片密密麻麻的文字.在读图时代,文字的表现力远远不如图片的表现力,而且,实践表明,人们没有耐心去阅读你的长篇大论. (3)在网页设计上,尤其是专题页面的呈现上,最好不要用大段文字来表达你的思想,你想表达的东西越多,让客户产生的疑惑也就

响应式设计与自适应设计

响应式设计与自适应设计 相信从事前端页面设计的人都知道,页面呈现的效果及用户体验是非常重要的.当今社会移动设备的使用已超过了pc端,面对不同分辨率的设备,怎样做到页面体验的效果一样呢?这就成了最头疼的事情. 下面我们来看看响应式设计与自适应设计两者用法: 响应式Web设计(Responsive Web Design) :主要利用CSS3的媒介查询(Media Query)和Viewport来解决问题.通过媒介查询的设置,根据屏幕宽度.屏幕方向等各个属性来加载不同场景下不同的CSS文件来渲染页面的

用户体验设计是情感设计 直接影响人的情绪

我们一直说用户体验,做产品没有一刻离的了这个概念.它是很基础的东西,但是现在,这个词被放大了,我们都在讲都想要用,可是这个理念仍旧关注力不足,所以今天来还是要讲点东西.做名词解释说明,太枯燥,所以我尝试换个角度来分享些内容. 用户体验是一种情感设计,就像电影.小说.戏剧和音乐一样,好的设计给人愉悦的情绪,糟糕的则有各种糟糕. 生活中的例子,各种情绪 1 身份证的设计没有考虑到用户在使用时需要复印的需求,个人信息和有效期在两面,复印时让人无奈 2 上次分享会,我们改进了签到流程,让与会者可以更方便

交互设计在产品设计中的工作流程小议

当产品的用户体验要求越来越高时,交互设计师的职责也越来越明晰了.交互设计师除了自身的基本功外,还需要有一个规范的流程,才能够使工作完整有序. 图1 交互设计在产品设计中的流程图 一.版本计划 版本计划是指在产品或项目立项时,对产品的一个总的规划,通常包括产品的需求与目标,比如能够实现哪些功能,性能上如何.这一过程,交互很少直接参与,或者列席一下发版立项,对计划情况有所知晓.交互可以纵观一下历史版本,对比行业内外的相关产品,以及满怀未来产品的一种期待:实用.方便.美观-- 二.需求分析 在版本计划

WP7应用开发中交互设计和UI设计的几点建议

文章描述:WP7交互特性浅析及APP设计探究. Windows phone7是无线领域的新生力量,但是迟迟没有进入中国市场.Mango(注意WP7和mango不是一个概念)的发布带来了中文的操作系统,也让人们看到了该系统的无限可能.在此,我结合自己在进行相关应用设计的经验以及自己对WP7系统认识和理解,浅谈一下这一特别系统的交互特性. 本文索引: 涅磐重生的WP7(以及它的历史简介) WP7对比iOS和Android WP7设计风格 WP7内容和结构框架及特有名词解释 WP7交互特质分析 WP7

交互设计:衡量交互设计品质的重点

文章描述:注意力与交互设计. 以人为本的设计,不能不考虑普通人在一般任务执行中的耐受力问题.因为人的精力有限,再强大的需求,无力去完成也是枉然.精力的有效转化率,是衡量交互设计品质的重点. 1.公式 精力一般由脑力和体力构成.针对互联网产品,脑力居前(非生产类网站的体力消耗很低).而脑力的组成又分为注意力.理解力和记忆力.本文将尝试以注意力为例分析交互设计的特点和注意事项. 注意力本身可以集中.分散和转移.集中一般出于明确的需求.潜在的兴趣:分散则由于信息干扰和不可控的时间:转移一般发生在需求探

绿色设计新时代设计的主旋律

设计  绿色设计(Green Design)是20世纪80末出现的一股国际设计潮流.绿色设计反映了人们对于现代科技文化所引起的环境及生态破坏的反思,同时也体现了设计师道德贺社会责任心的回归. 在漫长的人类设计史中,工业设计为人类创造了现代生活方式和生活环境的同时,也加速了资源,能源的消耗,并对地球的生态平衡造成了极大的破坏.特别是工业设计的过度商业化,使设计成了鼓励人们无节制的消费的重要介质,"有计划的商品废止制"就是这种现象的极端表现.无怪乎人们称"广告设计"和&

个性网页设计之页面设计

设计|网页|网页设计|页面 页面设计包括甚多,可大可小,我分以下几个要点与大家讨论:页面平铺.整体规划.功能易用性.气氛情感表达.大家有什么问题可以给我来信relen@sina.com. 一.页面平铺 把页面平铺开,主要的物件有:导航栏.LOGO.Banner.按钮.图片.文字.下面我就针对最主要的几个部分具体讲解. 1.导航栏 导航栏如果设计得恰到好处,是会给网页本身增色很多(千万不要太花哨,它属于功能物件,喧宾夺主就不好了).导航栏有一排.两排.多排.图片导航和Frame 框