首页 > 网页教程 > 设计分享 > 网站专题页设计技巧分享

网站专题页设计技巧分享

时间:2014-11-19    来源:微博UDC

认识专题

页面特性:产品页面简洁易用,专题页面绚丽视效印象深刻。

在页面设计当中,产品页面(如facebook 微博 twitter 微吧等)的设计。注重功能,交互,设计要考虑用户长时间的浏览体验。视觉上侧重间距、布局、按钮和logo、及icon样式。注重规范和视觉识别性。样式通常简洁易用,绚丽元素少,视觉上并不强调冲击力。

专题页面时效性有限(大多专题是有推广及活动时间限制的,过了这个时间,就很少会有人再访问该页面。),多为活动推广和吸引用户等内容,能在限定的时间的吸引最多用户才能形成有力的推广,需要强有力的视觉效果,和有趣的浏览体验,来达到吸引用户的特点。在规范和布局甚至交互上可以适当放宽要求。

用抢眼的视觉吸引户并留下深刻印象是专题设计的首要!

网页设计 专题页设计 网站元素 logo设计

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

网页设计 专题页设计 网站元素 logo设计

专题页面突出视觉效果,华丽丰富

微博专题多为各种微博活动和推广内容设计。内容较多,在设计好头图这种主视觉的同时,大量内容和栏目的排版布局也要注意。针对专题视觉设计的特点着手,才能实际出优秀的页面。

设计专题 确立UE,沟通需求

需求方的UE稿(产品文档)是专题设计的前提,需要设计师和需求方一起进行沟通。设计师可以在早期就对专题需求提出自己的创意和方案,再由需求方形成UE稿。设计师再根据设计稿进行设计。由于专题设计往往没有专门的交互设计支持,很多时候,UE稿只明确了该专题所要展现的内容,设计师需要自己对UE进行一些交互上的调整和优化。(要注意对UE的优化设计往往是递进式的,贯穿设计专题的整个过程,未必一蹴而就的去翻新整个专题UE)。

专题结构

大多数的专题结构可分为头图部分和内容部分,传统的专题一般只有一个主页面,复杂的则有若干的二级页面组成,视专题的规模而定。一些特别的专题则有着特殊的表现方式,包括类似用flash制作 minisite,以及一些异形的特殊专题。采用何种结构要看谁能更好的服务于需求。

网页设计 专题页设计 网站元素 logo设计

特殊结构形式的专题,头图即为封面,专题的体验类似翻书

相关推荐
CSS酷站网页水平条经典设计欣赏
35套精美绚丽的创意酷站设计欣赏
30款富有表现力的网页图表设计欣赏
19楼UED分享专题第一屏的设计经验
网页设计中的构图技巧分享
让用户感觉很糟糕的网页设计之十大原因
圆形元素在网页设计中如何应用的25个案例
2011年网站设计的新趋势
85个优秀的超大字体网页设计欣赏
8款效果超酷的jQuery动态Web布局以及制作方法
18个高光强质感风格网页欣赏及其表现手法总结
46个极具创意表现力的现代网页排版设计欣赏
25款在网页中运用CSS设计纯色背景的案例欣赏
网页设计教程:简洁网页设计的六点经验分享
视觉设计:页面构建的审图与细节
分享:网页核心内容对视觉表现的影响
中文网页设计排版之破格的好例子
网页设计教程:关于网页设计的那些事儿
网页设计中使用不对称设计创建不平衡中的平衡
最新Web设计8个趋势:视差滚动 响应式设计等
什么是响应式布局?响应式布局优缺点以及设计思路分享
优秀网页/平面设计师是怎样炼成的
网页排版设计如何才能让页面文字阅读更舒适?
网页设计中创新式布局与交互设计思考
细节决定成败,20个网页设计案例细节赏析
17个最佳转化率的着陆页设计例子欣赏
25个带视差滚动效果创意网页设计案例赏析
8个即将过时的网页设计趋势剖析
21个优秀的国外电子商务网站赏析
四大网页设计秘诀:让用户第一眼就爱上你的网站
构图之美:成功的专题都是怎么构图的?
38个创意出彩的网页字体设计案例赏析
如何从视觉布局和图片设计上提升网站用户体验?
11款极简主义网页设计案例欣赏
25个精美有创意的个人网站设计案例欣赏
网页设计教程:首屏图文混排10大技巧分享

精彩推荐

热门教程