20个有趣易学的免费PS教程

PS是现如今最受欢迎的图像编辑软件。世界各地的数以千计的人们不仅用PS来为图片和文字创造特殊的效果,更用于扁平化设计,排版,插图和数字艺术。听到这些,你是不是也想要扩展一下你现有的知识呢?在这里,你不仅可以学习一些新技巧,还可以得到很多新灵感,比如说:如何变得更有创造性。

在今天的分享中,我为你准备了20个非常有趣的免费PS教程,如果你有任何疑问,可以随时在下面给我评论哦!当然,也别忘了关注我们的微信、微博,欣赏最全最给力的设计推送!

01. Emotional Dancer

emotional-dancer

阅读全文…

来自Google Material Design的UI新思考

诸如像全屏幕图像,视频,视差滚动,汉堡菜单图标,boostrap模板,又或者是谷歌的Material Design设计语言已经无处不在。正是由于这些技术和资源的饱和,导致现在人们的网络体验趋向普通无聊。

响应式网页设计创造了一个维护可用性和多设备适配的安全设计模式平台。

现如今,经常会有过度依赖模式和“materials”设计语言的相关问题,而实现视觉创意和原始用户体验似乎是一些行业内冥思苦想的原因。

除了这些合理化的设计,我们还可以找到那些超越扁平化设计,回归初始而富有创造性的例子。而其中的焦点就在于徘徊在交互动画和过渡之间。

手机的用户界面例子则通常可以说明这一点。为什么呢?简约的表述和用户体验是提供界面迷们多种灵感的最纯粹的形式。

用户界面选择

UI-inspiration-A0

By Michael Oh

 

阅读全文…

超全的图标设计教程和资源

现代化图标已经成为数字界面时代必不可少的一部分。它可以帮助组织内容,甚至连iPod也使用图标因为他们是传达信息的快速可视化方法。在我有记忆之前,网页设计领域就已经一直在使用图标了。这些图案符号已经通过可以让人们普遍接受的图形发展成为自己的语言,例如:文件夹,打印机,鼠标,箭头等等。

在这篇文章中,我想分享关于网络上的现代图标设计的一些想法。这其中也包含了我收集的一些代表高品质的图标设计资源的免费教程。

设计风格

“图标设计”这个词囊括了一个广泛的概念。一方面来说,这些小而简单的图标,通常作为平面设计的方式被人们所知道。而颜色的另一端是凭借像PS或Illustrator这类的数字软件实现完全的现实主义。每个项目都有一个通常落在光谱上的不同的图形化需求和图标风格。

流行的简约设计风格产生了一大批世界各地的设计师的追随。iOS7和iOS8使用的线图标也已经成为其他智能手机操作系统跟风的主要方式。图标风格的选择没有正确或者错误之分,只是存在各种不同的选择。

01-flat-vs-realism-website-layout

我认为Flat vs Realism网站把两种颜色进行对比就是很聪明的行为。图标设计包含了艺术的很多原则,像深度,比例,灯光等等。当你想向一个更现实的风格更靠近时,你需要学习如何创建看起来像是真的纹理和阴影。这需要下很多功夫,但同时也会有高回报。

阅读全文…

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

阅读全文…