了解专题页设计及技巧

世界工厂网线上生态学院 世界工厂网线上生态学院：制造企业开展线上业务的加油站 了解专题页设计及技巧一、专题网页的作用专题是一种内容聚合，有共同性的文章组成的集合体，呈现出信息量大、令人印象深刻的特点，将给读者在浏览这一信息时得到全方位的认知，从而取得读者给予信任和认可，简单来说，有以下几点作用：1、整合大量信息，吸引网民注意力；2、给网站带来流量，吸引部分用户；3、提高网站被搜索的几率；4、将用户需要的信息集中展示，方便用户浏览与查找；5、将大量数据分门别类的展示给用户，体现网站内容的全面性。二、常见的专题有哪些类型每策划一个东西，总会有一个目的、有一个策划成功的指标，所以本文开始之前，先将常见的专题的类型拎出来说，大家不要忘记！1、产品导购类以展示产品，吸引用户采购产品为目的的专题；对于医疗类的专题，则是病种的介绍，吸引患者访问点击咨询预约。2、客户推广类以展示产品、公司，吸引用户与对应公司联系的专题。3、活动宣传类这类专题是比较常见的，是通过一个活动点、网站周年庆等形式展开的活动，这种专题涉及的页面比较多，如报名页、报名展示页、活动流程、介绍等。以吸引用户参与活动赢得积分、礼包、更多会员权限以及宣传公司某项服务，吸引用户报名参与的专题。三、专题页面的设计方案设计网站聚合页面，就要对网站的频道页，栏目页面，和各大网站的特色的页面有所了解，结合网站的后台数据，将用户感兴趣的内容信息聚合到一个单页面。专题页面主要通过关键词来做网站流量，里面聚集的用户信息多，也集中聚合了目标用户的潜在需求；专题页面的排名优势强，是适合推广单一产品，页面设计成本比较高，因为聚合了大量相关的信息，人力成本也比较高，对于热门的关键词是适合考虑使用专题页面来做的。使用专题页主推具体产品，要结合时效性强的信息，将信息资源转化到产品页面，也可以结合节日信息，或者热门的新闻事件做为宣传产品的焦点。针对热点事件建立专题，利用热点事件的流量相互转化流量，通过专题页可以聚焦用户眼球，对于网站的专题世界工厂网线上生态学院 世界工厂网线上生态学院：制造企业开展线上业务的加油站 页面只能侧重于流量，转化的话可以考虑再通过产品页面实现转化。四、专题技巧1、页面特性：产品页面简洁易用，专题页面绚丽视效印象深刻在页面设计当中，产品页面（如 facebook 微博 twitter 微吧等）的设计。注重功能，交互，设计要考虑用户长时间的浏览体验。视觉上侧重间距、布局、按钮和 logo、及 icon 样式。注重规范和视觉识别性。样式通常简洁易用，绚丽元素少，视觉上并不强调冲击力。专题页面时效性有限（大多专题是有推广及活动时间限制的，过了这个时间，就很少会有人再访问该页面。），多为活动推广和吸引用户等内容，能在限定的时间的吸引最多用户才能形成有力的推广，需要强有力的视觉效果，和有趣的浏览体验，来达到吸引用户的特点。在规范和布局甚至交互上可以适当放宽要求。2、用抢眼的视觉吸引户并留下深刻印象是专题设计的首要微博专题多为各种微博活动和推广内容设计。内容较多，在设计好头图这种主视觉的同时，大量内容和栏目的排版布局也要注意。针对专题视觉设计的特点着手，才能实际出优秀的页面。3、专题结构大多数的专题结构可分为头图部分和内容部分，传统的专题一般只有一个主页面，复杂的则有若干的二级页面组成，视专题的规模而定。一些特别的专题则有着特殊的表现方式，包括类似用 flash 制作 minisite，以及一些异形的特殊专题。采用何种结构要看谁能更好的服务于需求。4、专题尺寸微博专题通常都有较多内容，会使得页面的高度过高，（很多专题的高度都达到了 3000px）。设计时需要适当的缩短栏目的间距，尽可能的减少页面高度。专题的页面的宽度和微博主站相同为 950PX，采用这个宽度是为了能兼容最广泛的显示器分辨率（1024px*768px），但由于专题的设计更加注重视觉效果，而且目前的很多年轻用户（年轻用户往往是专题的核心用户）的显示器分辨率早已超过 1024px 很多，所以我往往会将专题的主视觉和专题内容保证在 950px 之下，而头图的实际设计效果会在 1600px 宽度时做最好的展示。（而通常产品页面的头部视觉在高度上要小很多，产品页面本身特性所决定的。）5、设计头图结构确立接下来后就开始头图的设计，优秀的头图是专题设计的灵魂。设计头图首先要考虑的是头图的设计风格，根据不同的题材，选择不同风格的视觉设计。一般我会事先在纸上或是脑中勾勒一个大概，有些专题没有具象的视觉元素那么就从专题的文字入手，如果实在不带感，可以将一些与专题相关的元素先拼凑在画布上，然后尝试各种组合，也许一会就能擦出火花。世界工厂网线上生态学院 世界工厂网线上生态学院：制造企业开展线上业务的加油站