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

心得技巧
设计杂谈:有吸引力的宣传单的制作
用户体验:如何设计美好的瞬间(1)
用户体验:如何设计美好的瞬间(2)
用户体验:如何设计美好的瞬间(3)
用户体验:如何设计美好的瞬间(4)
交互设计:支付宝即时到账交易确认付款页面的交互设计
交互设计:网站提供给用户的适时帮助设计
网页设计参考:国外不错的网站设计实例欣赏
用户体验:从传文件功能看本地化
“灰色”在Web交互设计中的8类应用
网页设计参考:2009年经典的网页设计作品
设计网页参考:创意的国外博客网站头部设计
为网页添加hCard微格式
Godaddy在降低购物车页面跳出率的改进
交互设计:简洁清晰,自然易懂的设计
网页前端设计:关注前端开发流程
设计理论:界面设计和视觉效果的统一性
交互设计实例:大网站改版
设计师未来三年的职业规划是什么样的
网页设计师引导客户的几个技巧

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-03-18   浏览: 328 ::
收藏到网摘: 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