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

心得技巧
网页设计心得:设计师理解搜索结果页SERP
网页搜索框内容为空的5种处理方式
搜索结果SERP设计:个性化会影响用户行为
网页设计心得:网页搜索框更像搜索框
注重用户体验:电子商务网站空搜索设计
用户体验:在什么时候设计网站确认页面
用户体验:网站确认页面以何种形式表现
用户体验:网站确认页面设计注意事项
应对极端并微小的错误的网页用户体验设计
基于Twitter的实时搜索引擎:Tweetfeel.com
用户体验设计:掩饰密码还是明文密码
用户体验:交叉销售和向上销售
网页底部的版权声明写法要注意
UCD设计师:挖掘商业价值纬度
论设计师的分工和配合
网站设计用色:色彩基本知识
参考:整理HTML,CSS和Javascript在线手册
何时慢的用户体验更好?
八个简单的图片设计技巧
产品设计师应该具备的几种能力

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


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