六十个国外非常优秀的Web布局设计教程

Web 布局设计是一项充满挑战的工作，不仅涉及到行业，潮流与对时尚的把握，还涉及到风格与技术，本文精选了60例优秀的 Web 布局设计，每例设计都有详细的教程，而这些设计本身具有非常好的启迪作用，可以激发设计师的创作灵感，它们体现了当今海外 Web 设计最清新的风格

如何以Web布局创新提升网站的用户体验？

布局是网站的基石。其作用是指引用户浏览网站各组成部分、指明关键内容。布局同时也是网站外观的关键。因此，内容的布局需要认真仔细的思索。本文分享的几个网站在布局方面“不走寻常路”，尽管称不上完美，不过应该能给你带来创意的火花。

创意味儿十足的web布局及交互设计

富有灵感和创意的设计与一般设计的区别在于，它不那么容易被想到和实现，一旦它被实现，一个非常有趣并且迷人的网站就诞生了。

创意十足的web布局及交互设计

富有灵感和创意的设计与一般设计的区别在于，它不那么容易被想到和实现，一旦它被实现，一个非常有趣并且迷人的网站就诞生了。

WEB2.0标准教程：第九天 第一个CSS布局实例

接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实

WEB2.0标准教程：第八天 CSS布局入门

CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。

WEB标准教程第9天：第一个CSS布局实例

　　和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用DIV也可以实现

WEB标准教程第8天：CSS布局入门

　　CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。

18 个详细的响应式 Web 设计教程

在这篇文章中，笔者将为大家带来 18 种很有用的响应式 Web 设计的教程，这些教程可以帮助你学习响应式设计，包括瀑布流表格、图片和 media queries。

Web设计教程：网页设计中的对比原则

网页设计是由很多个不同的元素构成的, 而这些元素的重要性都不同, 并且有些元素还需要尤为的突出.有些元素彼此之间存在着联系,而另外的元素之间则 一点关联性都没有.比较难办的部分就是如何有效的在视觉上来传递元素之间的关系.这就该用到对比原则了.

16个创建Web设计的最佳PhotoShop教程

创建网页设计教程是一个强大的方式来学习新技术，并获得新的设计概念的启发。由于photoshop是很多网页设计师的首选设计工具，我想本文将是对你有益，我们收集了创造网页设计和网页设计元素的16个最佳Photoshop教程。

网页banner广告设计教程

在这篇photoshop教程中，我将教给你如何制作一个专业的banner广告。教程浅显易懂，你一定可以做得到的。教程来自于photoshopstar，由苏打苏塔网站翻译。更多翻译教程，可以参阅教程分类目录。我们这篇教程的效果如下：

WordPress Blog模版设计教程(图)

手把手教你设计WordPress Blog模版，让你了解如何制作WP模版。

网页设计教程：网页设计中排版与布局基础

有些人始终认为，网页最主要是内容，不需要再搞些门面上的东西，还拿出MUD来比 喻。可是，红花还需要绿叶陪衬。想想，若MUD不只是单纯的文本，还有画面出来， 那么，它所吸引的何止现在的这些MUD迷呢？ 那么，我所要说的到底是什么呢？初学者如果能够了解一些设计上的东