设计师必知的26个优秀CSS网页设计目录

目录可以帮助设计师们分享他们的创新能力,并且可以使网站吸引到来自全世界各地的访问者。下面的这些目录对于网页设计师,平面设计师,Web开发人员,图标设计师,动画设计师来说都非常有用。这些目录列表让设计师们得到新的色彩组合灵感和设计的新趋势。通过一些努力和创造力,网页设计师将有一个相当不错的设计。 下面我就列出了每个设计师都应该知道的25个最好的CSS网页设计展示目录列表。

1. Webcreme

1

阅读全文…

5条法则,跟着我一起设计完美图标

你曾经遇到过让你给一个指定的问题设计图标的困难么?和你的开发者一起合作,却发现很难给你的客户一个足够完美的解决方案?当你在设计页面图标遇到麻烦的时候,这篇文章就可以帮助到你了。

指导原则

图标设计是整个页面视觉设计中一个最重要的视觉元素。一个图标的细节,样式和功能是由很多东西决定的。我最近也在为一系列的网站制作相应的页面图标,来传递微妙的隐喻。

这篇文章会有一些最近的我为一个网站设置的error这个图标的案例。总而言之,图标设计的指导原则涉及到以下五个部分:

1.理解问题所在

2.采用全局方法

3.越简单越美好

4.考虑环境因素

5.理解符号元素

这篇文章不是那么难以理解,而且会给你在真正的图标设计中带来很大的帮助。

1.理解问题所在

有的时候你可能需要从零开始设计你的网站,那么你就需要大量的图标用于视觉表达。通常情况下,你的客户需要你为他定制出独一无二的图标。比如说,他需要我给一个文档设计一个“Error”的图标。

起初,他建议说在一个页面图标里放一个X来表示文档类型不支持,或者表示文章没有被下载成功。他脑海中的图标是这个样子的:

doc-x-light-purple-2
阅读全文…

超实用的网页设计构图原则!

平衡意味着和谐。当你看到一些看起来不错一致性和相似的感觉,你看到一个完美的平衡的构图。它可能是一幅画,一栋楼,一个摄影,甚至一个网站。

在这篇文章中,我们希望你去注意网页设计中的视觉平衡。如果你希望学会完美的构图方法,那么不妨好好看看这篇文章。

 

对称平衡

如果你想在你的网页看上去美观和优雅,那么你应该做一个网站对称。这种效果很容易通过将类似的对象上的中心轴线的任一侧来实现。这可以通过相同的尺寸,基于网格的文本段落,或具有匹配文本相片的图像进行说明。这里有一对遵循这一格式的网站设计实例。

1.Mount Barker High School 

visual-balance-web-design-1

阅读全文…

45款经典复古字体

复古怀旧风格在网站设计以及其他类型的平面设计中是非常受欢迎的。如果你想要营造出一种经典或者复古的感觉,字体的选择是至关重要的,幸运的是,你可以从下面的这些免费字体中轻松获得这种风格。

在这篇文章中,我们将展示45款免费复古风格字体。如果你正在寻找想要使用在自己设计中的复古字体,你一定会在这里找到一些符合你想法的,让你不用再花钱买字体。

最后提醒下,当你使用这些免费的资源时,一定要检查许可证来验证您的使用是否是被允许的。

Streetwear

css-tricks

阅读全文…

20个网页设计师必看博客

身为一名网页设计师,你可能一直在审视自身技能的发展,并希望有新工具和技术来帮助你更好的提高你的相关技能。而博客则是一个最简单的方法能让你免费学到新的技巧。我搜集了一些每个网页设计师都应当阅读的优秀网页设计博客,当然,我自己每周也会准时阅读。

如果你觉得有任何我们可能错过的好的网页设计博客,请不吝分享并在下面评论,和我共同讨论。

1. UX Booth

ux-booth

The UX Booth是一个用户体验社区。它们的读者主要是由初级到中级用户体验和交互设计师组成的,但同样欢迎有兴趣使网页变得更好的人。

阅读全文…