19楼UED分享专题第一屏的设计经验
2010-08-10 15:19:32 作者：不详 来源：19楼UED
看过“非诚勿扰”的同学都知道，节目中女嘉宾只需几分钟时间就能决定自己的约会对象。同时也能否决掉N个男嘉宾。
如果把网页上的各色推广专题比作是参加非诚勿扰滴各色男嘉宾，而广大网友则是那舞台上18位漂亮滴美眉。决定的时间将更加短暂，就几秒钟时间。如何瞬间抓住“美女”的心。第一印象是至关重要的。而推广专题中第一屏幕，就好比专题页面的第一印象，一定要抓住用户的心。这样才有后续发展~~~
总结了几点自己经验，不算权威发布，仅供参考。*-*
一、精致的脸蛋，定能最快吸引眼球
专题的标题文字好比男嘉宾天生丽质的脸蛋。
- 专题需求下来时，标题文字和副标文字基本是确定的。
- 专题标题文字一般都很精辟简短，概括了整个专题的商业诉求。
- 标题文字是直接的表达，是什么，为什么，怎么样，不看图形，网友也能明白个大概。
基于以上3点，专题设计时，标题文字是需要着重刻画下的。从何入手呢？这个时候把自己当成网友，分析下如果你是网友，这句话中最吸引你的文字是什么。将其拆分，然后对重要文字做一些形状，色彩，大小，质感，版式等方面做改变和突破，这些标题文字的设计都是符合整个专题风格的。举例：
标题文字占用页面最重要的位置。文字精心排布，笔画也经过精心的调整，优美的曲线连贯着字题之间。使整个标题形成一个整体。绿色的四叶草装饰，衬托这春天的气息。充满活力的字体设计。
标题文字占用页面最重要的位置。文字精心排布，笔画也经过精心的调整，优美的曲线连贯着字题之间。使整个标题形成一个整体。绿色的四叶草装饰，衬托这春天的气息。充满活力的字体设计。
它很简单，设计只在原有字体的尾部稍加变形，衔接。就像新娘的白的婚纱一样简单而不失高雅。新字上的小小桃心。恰到好处的表现了新娘待嫁的心情。两个粉色丝带质感的蝴蝶结，增加少许性感和可爱。我个人很喜欢的一个设计，呵呵···
- 栏目搜索>>分类导航
-
Flash幻灯
jQuery幻灯
JS幻灯
Flash相册
jQuery相册
图片特效
导航菜单
广告代码
在线客服
表单按钮
其它特效
-
HTML
CSS
JavaScript
Dreamweaver
Fireworks
设计分享
-
建站教程
网站运营
实用工具
网页模板
网页素材
- CSS酷站 网上购物 设计团队 设计博客
- 教程排行榜
- 30个基于jQuery框架的幻灯滑块特效设计的网站实例
- 30个基于jQuery滑动门技术的网站欣赏
- 38款网页设计应用的JS拉洋片幻灯效果欣赏
- 10个优美精致简约风格的导航菜单欣赏及点评
- 最新收集的50多个专业设计公司网站欣赏
- 40+设计独特超漂亮的水平导航网站欣赏
- 全球65个设计出众的设计师个人博客欣赏
- 35套精美绚丽的创意酷站设计欣赏
- 国外颇具特色的电子商务网站设计欣赏(上)
- 20个设计精致漂亮的Photoshop网页设计教程
- 国外颇具特色的电子商务网站设计欣赏(下)
- 21个精美漂亮的网页幻灯片应用案例欣赏
- 网页UI之Banner广告条设计案例赏析
- 2011年网站设计的新趋势
- 手绘风格的15款超级漂亮网站欣赏
- 24个很漂亮用CSS3实现的文本效果演示及教程推荐
- 下载排行榜
- 基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码
- 半透明立体质感的宽屏flash+xml焦点幻灯代码
- 简洁效果多图切换flash幻灯焦点图代码
- 带标题和数字导航的JS焦点幻灯特效代码
- 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码
- 31款简单实用的CSS+JS下拉菜单脚本
- 3D立体效果金字塔环形旋转的flash+xml相册代码
- 基于jQuery实现的瀑布流布局列表特效代码
- 透明质感上下滑动带小图预览5屏JS焦点图幻...
- 超酷的3D摩天轮flash+xml相册幻灯图片代码
- 自带多种幻灯效果支持缩略图导航的jquery画...
- 能沿多个方向滑动切换的jquery幻灯代码
- 可改图片尺寸和张数的flash幻灯轮换代码
- 很好看的带缓冲效果CSS下拉菜单导航代码
- 基于jquery很有趣的360度全景图片预览特效
- 6屏幻灯上下滑动式带缩略图和文字介绍的fla...