专题描绘细节需要注意的若干点

南国岁月

　　知道专题
　　页面特性：产物页面简练易用，专题页面艳丽视效形象深入。
　　在页面描绘傍边，产物页面(如facebook微博twitter微吧等)的描绘。注重功用，交互，描绘要思考用户长时刻的阅读体会。视觉上偏重距离，计划，按钮和logo,及icon款式。注重标准和视觉识别性。款式一般简练易用，艳丽元素少，视觉上并不着重冲击力。
　　专题页面时效性有限(大多专题是有推行及活动时刻约束的，过了这个时刻，就很少会有人再拜访该页面。)，多为活动推行和招引用户等内容，能在约束的时刻的招引最多用户才干构成有力的推行，需求强有力的视觉作用，和风趣的阅读体会，来到达招引用户的特征。在标准和计划乃至交互上可以恰当放宽需求。
　　用抢眼的视觉招引户并留下深入形象是专题描绘的首要!

　　传统产物页面，简练注重功用和图标等视觉描绘。

　　专题页面杰出视觉作用，富丽丰厚
　　微博专题多为各种微博活动和推行内容描绘。内容较多，在描绘好头图这种主视觉的一同，许多内容和栏意图排版计划也要注重。对准专题视觉描绘的特征着手，才干实践出优异的页面。
　　描绘专题
　　建立UE，交流需求。
　　需求方的UE稿(产物文档)是专题描绘的条件，需求描绘师和需求方一同进行交流。描绘师可以在早期就对专题需求提出本人的构思和计划，再由需求方构成UE稿。描绘师再依据描绘稿进行描绘。由于专题描绘往往没有专门的交互描绘撑持，许多时分，UE稿只明晰了该专题所要展示的内容，描绘师需求本人对UE进行一些交互上的调整和优化。(要注重对UE的优化描绘往往是递进式的，贯穿描绘专题的整个进程，未必一蹴即至的去创新整个专题UE)。
　　专题计划
　　大多数的专题计划可分为头图有些和内容有些，传统的专题一般只需一个主页面，杂乱的则有若干的二级页面组成，视专题的计划而定。一些特另外专题则有着特另外表现办法，包罗相似用flash制造minisite，以及一些异形的特别专题。选用何种计划要看谁能更好的服务于需求。

　　特别计划办法的专题，头图即为封面，专题的体会相似翻书
　　专题尺度
　　微博专题一般都有较多内容，会使得页面的高度过高，(许多专题的高度都到达了3000px)。描绘时需求恰当的缩短栏意图距离，尽能够的削减页面高度。专题的页面的宽度和微博主站一样为950PX，选用这个宽度是为了能兼容最广泛的显现器分辨率(1024px*768px)，但由于专题的描绘愈加注重视觉作用，并且当前的许多年青用户(年青用户往往是专题的中心用户)的显现器分辨率早已超越1024px许多，所以我往往会将专题的主视觉和专题内容包管在950px之下，而头图的实践描绘作用会在1600px宽度时做最棒的展示。
　　600px是咱们界说的微博专题的首屏高度，也就是大多数用户第一屏可以看到的区域。在这个区域内，我一般将头图的份额做到280px-400px左右，这样做的意图是为了在杰出专题主视觉的一同也要让用户在第一屏就可以阅读到有些专题内容。(而一般产物页面的头部视觉在高度上要小许多，产物页面本身特性所决议的。)
　　描绘头图
　　计划建立接下来后就开端头图的描绘，优异的头图是专题描绘的魂灵。
　　描绘头图首先要思考的是头图的描绘个性，依据纷歧样的体裁，挑选纷歧样个性的视觉描绘。一般我会事先在纸上或是脑中勾勒一个大约，有些专题没有具象的视觉元素那么就从专题的文字下手，若是实在不带感，可以将一些与专题关联的元素先凑集在画布上，然后测验各种组合，或许一会就能擦出火花。
　　头图个性
　　关于微博专题的头图描绘个性大致分为：写实类，卡通插画，大标题杰出等。写实类头图多需求人物进场触及版权，所以这种实类的个性的偏少，大有些仍是后两种。若是需求方对描绘个性认可，我喜爱在头图的描绘中放入一些本人制造的视觉元素，尽量削减资料运用。

　　写实个性头图，多由人物构成。

　　卡通制造类头图。

　　大标题为主的头图。
　　头图构图
　　在某种程度上，专题头图的描绘有点相似一个更大的banner，但也有着许多的纷歧样。它需求思考怎么奇妙的与下面的内容联接，并且尺度更大，细节更多，构图可以改变，若是仅仅千人一面的选用规矩的构图，会让专题显得单调，板滞，视觉作用欠好。

　　圆弧形的割头图和内容区域的构图
　　头图标题
　　好的专题头图，除了有精美的视觉元素外，头图的大标题要要点着重，它一般需求描绘师花费专门的精力来制造字体的变形和特效。好的字体作用其实可以成为专题的主视觉，成为最亮眼的一有些，一同也是最直接表现专题宗旨的办法。

　　手绘描绘的头图大标题
　　一般的头图描绘仅仅专题视觉元素的表现，而有的头图本身就承载专题内容，这要视专题的内容和需求而定。即便如此仍是要注重在款式上漂亮。

　　头图本身即承载内容功用
　　头图有些的描绘是整个专题的要点，也是专题最需求杰出的亮点，头图可以建立整个专题的基调。
　　优异的头图应该紧贴专题内容，漂亮，招引用户逗留。
　　专题内容区的描绘
　　办法多样，奇妙联接
　　内容区与头图的联接要奇妙，忌僵硬。办法可以有许多改变，与专题全体的视觉要素联系，或可以承继头图中的视觉元素，描绘出纷歧样的款式，让内容区的展示更生动。让专题页面的视觉作用更佳的一致，全体~!

　　用桌布菜单来打造餐饮专题的联系有些。

　　桌布托起头图，本身也成为内容的布景。
　　内容明晰，计划合理
　　虽然是杰出视觉款式的专题描绘，但让用户可以重视专题内容仍是根本。不能因注重头图的描绘而有所慢待，纷歧定要恪守栅格化的理论，但一般为了后续的制造便利我一般以5px的倍数进行距离差异，个别情况可以破例，只需距离在视觉上坚持规整即可。除了一些”PK性质”的专题模块，要注重模块节目散布的权重，内容的主非必须明晰，排布在逻辑上有关联性。
　　特征模块，视觉杰出
　　一些要点杰出的模块要和其他节目模块做差异描绘，做到杰出而不突兀。
　　标题栏和模块的细节也应该注重视觉作用，较产物页面而言可以做一些润饰，但不行喧宾夺主。

　　为获奖模块建立独自的款式。

　　标题栏的也可以依据主题描绘细节
　　专题二级页和系列专题
　　一般二级页面的头图都是复用主页，但也要恰当的为每个页面添加视觉元素予以必定的差异。要注重的是添加的款式也不易过繁，由于头图的存在会显得杂乱。

　　为纷歧样的二级页面描绘区另外视觉元素。
　　若是需求打造系列专题，就要注重计划描绘复用元素，比方一样的logo标题，和为着重系列感的一致视觉个性。以此强化用户的对系列专题的形象和认知。

　　系列专题的元素logo复用以及个性一致。
　　专题描绘细节注重的若干点
　　•头图要有延展性，要注重宽屏分辨率下的显现特征。
　　•专题交互细节，为按钮翻页等交互元素描绘各种状况，会有更好的体会作用。
　　•专题本身的视觉描绘的延展和一致，包罗专题隶属的弹层，对话框等的细节描绘。
　　•交给物的标准。专题图层很多，题描绘结束后交给前端的搭档时，应该对图层进行分组。文件体积大就要删去或躲藏无用的图层。
　　•专题描绘稿提交时，尽量能够选用纷歧样的图片，数目参差的正文，来代替描绘稿中的模仿内容，这样有时够发现一些疏忽的问题(如文字过多溢出，以此来进一步调整距离等)，重要是可让他看上去更像是一个行将上线的实在页面，更好的展示你描绘的结尾相貌。有时会觉得多此一举且低效，但这能让咱们显得更专业。
　　•杰出的交流：描绘师可以提出更好的个性定见，视觉构思，但是满意需求方的推行需求才是条件，所以经过杰出的交流加深对专题需求的了解，可以更精确的掌握专题需求，防止返工等问题呈现。
　　•字体的问题。受阅读器的约束的，当前微博专题的首要字号仍是14和12号的宋体(设备字体)
　　做正文根本可以包管明晰锋利，但若是用来做标题栏时分就不那么漂亮了。这时应该和需求方、前
　　段的搭档交流，在不频频更改案牍的情况下尽量运用图片来制造标题栏的文字作用，到达应有的视觉作用。
　　•前端的标准与约束，若是需求杂乱的圆角和半透明页面作用，最为保险的办法是为描绘两套习惯高初级阅读器的视觉处理计划，若是条件不允许，就要看前端搭档对阅读器撑持的战略，总归前端完成的问题，作为描绘师应该自动交流并推进其处理。(这还包罗专题上线后的盯梢反应。)
　　好的专题描绘，有构思，全体作用调和，用户形象深入，内容传达有用，视觉元素有连续和承继。整个页面联接不僵硬。这都需求描绘师动脑去奇妙构思和发扬，有时工期急迫，不能做到事无巨细，我也无法悉数依照本人所写这样去描绘专题。

admin

用抢眼的视觉招引户并留下深入形象是专题描绘的首要!

大連偉哥

好的专题描绘，有构思，全体作用调和，用户形象深入，内容传达有用，视觉元素有连续和承继。整个页面联接不僵硬。

admin

作为描绘师应该自动交流并推进其处理