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

心得技巧
设计理论:如何设计电子图表
电子商务网站在线零售的定向销售实例
设计参考:突出细节的用户界面设计实例
设计参考:网页小空间大图片的放置
30个很棒的下拉菜单和滑动菜单设计实例
设计参考:新闻风格网站设计实例25个
设计整洁漂亮的网页的4项原则
60个漂亮的有创意的关于我们网页页面设计
更受欢迎,更具创造性的深底色网页设计实例
启发你的设计灵感 12个水平滚动的网站设计
30个新鲜的个性化创意鲜明的网站设计实例
设计参考:超酷的具有设计灵感的商业名片设计实例
25个有灵感的3D界面的FLASH网站设计实例
36个非常棒的捕获灵感的包装设计实例
在马斯洛的需求层次体系上考虑用户体验
WEB手绘箭头经验和技巧
支付宝和财付通的网站首页设计不同之处
设计理论:富冲击力的锯齿形宣传单张
设计师更应该和客户建立良好的关系
网页设计技巧之面包屑设计

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


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