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

心得技巧
网页前端也同样要注意Web安全
微软设计主管谈web设计
10个优秀的 Web UI 库/框架
众多牛X创意的网站导航方式
更改一个按钮让网站营业额增加3亿美金
设计理论:网站导航设计的复杂性
设计理论:设计要充分利用用户的建议
网页设计理论:注意力和流
网站交互设计理论:导致视觉结构混乱的因素
设计理论:保证良好Accessibility和Usability
设计理论:设计的文化延伸
Web前台开发工程师如何定位自己
网页播放器常用按钮的分析
设计理论:模板化是限制还是激发
简单分析网易网首页的设计思想
购物类网站产品或主题页面视觉设计一致性
网页设计参考:漂亮的网站登录界面设计
权威网站投票评出的最好的5个网页设计工具
从代码和图片以及脚本角度优化网站
设计理论:网页设计中的垂直韵律

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


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