关于网页专题页面设计心得

关于网页专题 页面设计心得
页面特性：产品页面简洁易用，专题页 面绚丽，视效印象深刻。
关键词:网页专题 页面设计
产品页面
产品页面的设计注重功能，交互，设计要考虑用户长时间 的浏览体验。
专题页面
时效性有限，多为活动推广和吸引用户等内容，需要强有 力的视觉效果，和有趣的浏览体验，来达到吸引用户的特 点。




• 头图要有延展性 • 专题交互细节 • 专题自身的视觉设计的延 展和统一 • 交付物的规范 • 设计稿提交规范 • 良好的沟通 • 字体的问题 •正文清晰锐利 •前端的规范与限制
谢谢！
专题二级页和系列专题


通常二级页面的头图都是复用主页，但也要适当的为每个页面 增加视觉元素予以一定的区别。增加样式不易过繁，否则会显 得凌乱。 为不同的二级页面设计区别的视觉元素。 如：http://fj.sina.com.cn/food/zt/ms/index.shtml#21

专题设计细节注意的若干点
专题页面和传统产品页面的区别

传统产品页面，简洁注重功 能和图标等视觉设计。

用抢眼的视觉吸引用户并留 下深刻印象是专题设计的首 要!
设计专题
步骤： 确立UE
沟通需求
前端切图
填充上线
专题结构
头图部分
内容部分

如：特殊结构形式的专题，头图即为封面，专题的体验类似翻 书，如电子书、电子杂志形式等。
优秀的头图是专题设计的灵魂
头图风格可以简单分为写实类，卡通插画，大标题突出等
。头图组成
头图本身即承载内容功能

一般的头图设计只是专题视觉元素的体现，而有的头图本身就 承载专题内容，这要视专题的内容和需求而定。 如下例，头图具备报名功能。

专题内容区设计
形式多样 巧妙衔接
内容清晰 布百度文库合理
特色模块 视觉突出