注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

taijihome的博客

 
 
 

日志

 
 

网页设计趋势记录  

2009-06-29 11:53:17|  分类: 设计相关 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1. 凸版印刷

在过去几个月的观察中,最出人意料的趋势,是凸版印刷样式(实际上压上去的字)出现在网页设计中。可能这种趋势产生的最重要的原因是因为,这种印刷术到现今已经很少被使用了。凸版印刷以各式各样的风格被用在网站和主题上;尤其是,已经被频繁使用于产品设计和网站的在线服务中。

看一下2个例子:

网页设计趋势记录 - taijihome - taijihome的博客

网页设计趋势记录 - taijihome - taijihome的博客

将重点内容脱离正文,浮动在正常区块之上,显得整个页面非常富有层次感。

2. 富UI

我们欣喜的看到,用户界面在现代网站和网页应用中已经变得越来越漂亮、越来越实用了。在过去的一年里,这些网站应用的用户体验已得到大大改善,从而使得用户界面的丰富性和响应度都非常接近经典的桌面应用程序。AJAX和Flash在为用户提供动态交互的广泛应用上,已经有了先进、成熟并且专业的解决方案。

特别值得一提的是,过去一年里我们看到在设计元素中使用了更多的留白,更多的填充以及更大的空间。我们还注意到,许多现代用户界面用直观的视觉提示来表现用户与系统间的交互情况。比如,当按钮被按下时,它的外观就由“正常”变为“按压”(就像Newspond.com和Quicksnapper.com上这样),确认并对用户与系统的交互给予及时反馈。除此之外,越来越多的服务能够进行用户个性化:对我们而言,这清晰的表明,更适用的用户界面将在2009年到来。

来看几个例子:

网页设计趋势记录 - taijihome - taijihome的博客

类似VISTA的预览效果

网页设计趋势记录 - taijihome - taijihome的博客

网页设计趋势记录 - taijihome - taijihome的博客

更多内容和选项的下拉条,配合AJAX无刷新请求,可以为用户带来更流畅的体验。

3. 透明的PNG

透明的PNG,尽管不被IE6支持,但从去年来看似乎已经得到了很好的普及。显然,设计师们试图更好地把背景图片融入到实际内容中,并打算形成一种风格,这在印刷媒体中很常见,比如在杂志中。在多数情况下,半透明背景从页面整体背景中脱颖而出,其目的是为了突出一个重要的设计元素,例如头条和公告。有时透明PNG也作为模式化对话盒(会话窗)的背景。

来看几个例子:

网页设计趋势记录 - taijihome - taijihome的博客网页设计趋势记录 - taijihome - taijihome的博客

由于ie6的存在,PNG使用在所有浏览器上,特别是面对比较复杂的应用,还是有一些限制。

4. 大字号(版面)

在之前的文章中,我们列举过一些大字号(版面)的杰出案例。2009年,大字号(版面)将成为主流。特别是设计机构,开发大型项目,做产品网站和在线服务的,他们会使用大字号(版面)来传达自己网站最重要的信息。

这些设计元素的字体大小通常都要超过36px,在很多情况下,为迎合观众都会使用非常漂亮的字体。总的来说,设计师投入更多精力在排版的细节方面,如主次关系,行高和字体的选择。其结果是:网站更漂亮,风格更一致,看起来可靠且值得信赖。

网页设计趋势记录 - taijihome - taijihome的博客

5. 自定义字体(sIFR 等)

就像设计师花费了更多精力在排版上一样,他们也更注重用来作网站正文副本的字体。尽管有像Helvetica, Arial, Georgia和Verdana这些毋庸置疑地占据统治地位的经典字体存在,我们仍观察到有一股向自定义字体发展的微弱趋势(例如使用sIFR)。

有趣的是,这些字体往往无缝结合于网站设计中;它们几乎从不需要网站因它而“更新”排版。设计师们试图融合漂亮的版式和炫目的视觉设计,以此来改善网站的外观和用户体验。

网页设计趋势记录 - taijihome - taijihome的博客

6. 模式化对话盒/会话窗

模式化对话盒(会话窗)其本质上就是一个改进型的弹出窗。它们以友好的界面替代了传统JavaScript弹出窗口,并且使用户的注意力始终集中在网站最重要的区域内。状态窗通常是被用户的动作所触发(如注册或登录),并且出现于主内容之上,就像桌面应用中的一个窗口。会话窗往往以一个非常微妙的方式出现:它们通常采用半透明,并且有一个“关闭”按钮。

网页设计趋势记录 - taijihome - taijihome的博客

7. 多媒体区

FLASH嵌入

8. 杂志外观

网页设计趋势记录 - taijihome - taijihome的博客网页设计趋势记录 - taijihome - taijihome的博客

9. 旋转木马(幻灯片)

网站的左上部是页面中最重要的区域,因为它最能吸引访问者的注意力。因此,把网站最重要的信息放在那里是再明智不过的了,这样就能确保访问者尽可能快的看到信息。

事实上,这也是许多设计师正在做的事情。不管是为网站应用、公司设计、在线服务还是大型项目,设计师们都会把他们的标语和简要导言放在页面顶部,通过使用粗体和生动的排版,给用户留下一个好的第一印象。一些导言是简短的,也有一些够啰嗦的;无论哪种,它们都会占一大块区域;与布局等宽,高度在 250-400px之间,已成为这些导言模块的通用尺寸。值得注意的是,这些模块几乎从不出现在Blog中,网上商城中也很少出现。

网页设计趋势记录 - taijihome - taijihome的博客

10. 导言模块

多数用在个人BLOG中,门户类网站很少用到。

feature2

introd

 

 

  评论这张
 
阅读(67)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017