首页 > 网页教程 > 设计分享 > 正文

19楼UED分享专题第一屏的设计经验

2010-08-10 15:19:32 作者：不详来源：19楼UED

有米有皮草的感觉~~。皮质颜色的大背景，几件皮质的高档商品。两个穿着皮草的靓女·，皮质的小标签·····再加上金属质感的钉扣.一个充满皮草味道的专题，时尚还有点小霸气。

一杯咖啡，一只蝴蝶，几多从窗外伸进来的花朵。像不像你房间窗前的感觉。早这种情境中看话语周刊，是多惬意的感觉啊！！元素简单明了。创造了一个情境，让网友不自觉的产生联想。很自然的烘托主题。

柳条，细雨，远山，云烟，亭子···江南的情境。这个也是同上，用元素创造一种情境，让网友有身临其境的感受。

多可爱的课堂啊，我小时候就曾幻想过，要是能在云中漫步多有意思。这个题图给我们搭建了一个很梦幻的课堂场景，小朋友们在云彩中的教室上课学习，每一个云彩中都浮着一个小屋，那应该是孩子们的家吧···呵呵真令人向往。

嘿嘿·有这样卖车的场景吗？？我们搭一吧。

例子还有很多·可以总结的方法也有很多。还有待研究·呵呵。有个值得注意的问题：不管如何表现主题，第一屏的元素都不要过多。放最必要的，去不必要滴，学会做减法。主旨都在烘托主题，达诉求。

三、合理的配饰，可以画龙点睛

当众多的专题都已经做到以上两点时。想要从中脱颖而出，就得再加点难度，那就添加一些多媒体形式吧（在不影响用户体验的情况下）。偶尔可以给咱的专题标新立异下，添加一些FLASH动画效果，视屏效果，鼠标键盘互动效果。让网友充满乐趣的去看页面。但是这些不建议多用，它就像人的配饰一样，只能作为点缀。这里就不举例子了，给出几个专题网址，可以去看看具体效果。

邀你就有：http://topic.19lou.com/club/2010/yyjj/index.php

幺幺久久命中注定我爱你：http://topic.19lou.com/design/2010/0412/index.html

19楼新春大采购：http://topic.19lou.com/bb/2010/0111/newyear.html

春季大秀场：http://topic.19lou.com/bb/2010/0401/qjd.html

索菲亚杯装修日记：http://www.19lou.com/forum-72-thread-29083448-1-1.html

最后，感谢19楼UED部门的兄弟姐妹，无偿提供优秀设计作品。

希望在做专题时，能对大家有所帮助吧！*-*。

相关热词：专题设计网页排版

收藏至我的帐号

教程排行榜: 30个基于jQuery框架的幻灯滑块特效设计的网站实例; 30个基于jQuery滑动门技术的网站欣赏; 10个优美精致简约风格的导航菜单欣赏及点评; 38款网页设计应用的JS拉洋片幻灯效果欣赏; 最新收集的50多个专业设计公司网站欣赏; 40+设计独特超漂亮的水平导航网站欣赏; 全球65个设计出众的设计师个人博客欣赏; 35套精美绚丽的创意酷站设计欣赏; 国外颇具特色的电子商务网站设计欣赏(上); 国外颇具特色的电子商务网站设计欣赏(下); 21个精美漂亮的网页幻灯片应用案例欣赏; 20个设计精致漂亮的Photoshop网页设计教程; 网页UI之Banner广告条设计案例赏析; 2011年网站设计的新趋势; 手绘风格的15款超级漂亮网站欣赏; 24个很漂亮用CSS3实现的文本效果演示及教程推荐

下载排行榜: jQuery图片特效代码带缩略图和文字标题简...; 仿淘宝商城天猫首页jQuery多格焦点幻灯图特...; 仿QQ商城焦点图jquery幻灯特效代码; 宽屏flash+xml焦点幻灯图特效代码; 效果媲美flash的jQuery幻灯代码支持多种切换效果; 3D立体效果的flash+xml照片墙相册展示代码; 带标题和数字导航的JS焦点幻灯特效代码; 31款简单实用的CSS+JS下拉菜单脚本; 漂亮的jquery+Lightbox灯箱效果图片展示特效代码; 基于mootools有7种效果的Gallery(画廊)幻灯相册代码; 超酷HTML5图片特效代码支持全屏显示; 漂亮的jquery画廊相册特效支持缩略图和键盘...; 可自动展开和折叠收起的QQ在线客服代码; 半透明立体质感的宽屏flash+xml焦点幻灯代码; 基于jQuery的首页自动收缩全屏广告代码; 超酷3D摩天轮flash+xml幻灯相册特效源码