当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 2010年博客blog设计的有趣的趋势

心得技巧
30多个加强网页头部设计的导航菜单实例
设计参考:100个优秀的国外设计开发网站
Webjx收集55个独特的创造性的博客设计实例
网站开发者必须了解的网站构建知识
优雅的视觉体验漂亮的水彩效果网站设计
Web易用性大师Jakob Nielsen专访
34个logo使用标点符号作为一种设计元素
网站用户体验与公交车的用户体验
设计参考:25个酷炫的泼溅效果网站设计实例
设计参考:独特而有吸引力的网站导航
用户体验设计:打动用户需求
Web2.0网页设计趋势:为表达信息而设计
交互设计师:初窥交互设计
参考:精彩的漂亮的国外插画网站设计实例
网页设计技巧:让复杂变得清晰
设计理论:如何设计一个成功的LOGO
经验分享:设计成功LOGO必须遵守的一些规则
收集的著名网站的新旧导航栏对比
网页设计经验分享:再谈网易首页的改版
手机浏览器设计技巧:随身携带的设计

心得技巧 中的 2010年博客blog设计的有趣的趋势


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-03-18   浏览: 284 ::
收藏到网摘: n/a

2010年blog设计中最有趣的趋势:简单,品牌整合,重视排版布局,单页设计,使用大图片,运用产生立体感的手法,

Web 2.0

The design trend associated with Web 2.0 is actually multiple trends rolled into one.

  • Round corners
  • Glossy/Shiny graphics
  • Big, prominent graphics
  • Larger, non-serif typography

web20-web-design-trends

Simple

I’ve often said, a designer who can pull off a simplistic design is just as talented as the one that can create a super-complex one. That is because a simple design is more than just leaving elements out. It is about balancing design, carefully choosing colors and typography, and expertly integration navigation and content to create an effective and smooth design.

simple-web-design-trends

Whole site branding integration

Orginally, web designs included a header, with a logo and a content section, with the content. Recently, designers are pushing the limits by incorporating colors, logos, branding, messaging and graphics throughout the entire site, not just the header.

continuity-web-design-trends

Advanced typography

Web designers are putting much more thought into typography. There are many resources popping up to pick a typography set. Once upon a time, designs included an h1, h2, and p style. Now some designs include dozens of different font stylings.

typography-web-design-trends

Single page design

Along with designing simpler sites, designers are exploring ways to keep content on one page. In portfolios, showcases or simple informational sites, developers are looking for ways to put all content on page one so the readers sees it all without having to click through anywhere. The example below you will recognized as Twitter. As arguably one of the top 5 sites on the web, everything you need to know about Twitter is located on the front page.

twitter-one-page-web-design-trends

AJAX

You know AJAX (asynchronous JavaScript and XML), it is that cool interaction when you click something on a site and it changes, without reloading. This is a huge advancement in web design technology and allows users to get the content they desire without moving about the site. Most major publishing platforms have integrated AJAX into their codex. The leader is easily seen in all the Wordpress AJAX plugins.

ajax-web-design-trends

Large images

Advances in compression technology, increased internet access speeds have allowed designers to grow the size and quality of images they use in new designs. This makes for an appealing and graphically pleasing design.

big-images-web-design-trends

Perspective and depth

Strategically using dropshadows, angles and overlaps, designers have added a 3rd dimension to web design that was previously limited to 2 dimensions. Using these techniques, designers are able to draw user attention to specific areas consistent with the goals of the site. Perhaps conversion forms, twitter buttons or featured content.

dimension-web-design-trends

Themed designs

Designers are adding overarching themes like grunge, retro, whimsical, etc. These themes tie together all elements of a design and give the user a feeling of continuity, adding to the overall experience.

grunge-web-design-trends

Specific purpose

Designers have realized that themes should be designed for a specific purpose such as magazine, portfolio, green, blogging, etc. Designing for a purpose allows the designer and webmaster to focus on function and not generalize the design so it can be used across multiple different sites.

style-web-design-trends