学习网站设计最好的50个PS教程(上)

如果你初学网页设计并准备一步步提高你的设计技能,下面详细的教程会教你一步一步去实现——高质量的教程可以很好的提高你学习设计的效率。然而有些高质量的教程资源是要收费的,而我们如今免费分享50个优质的教程。

在这篇文章中,我们将展示25个我们认为是最好的教程(敬请期待下篇~),教你如何在PHOTOSHOP中设计和布局一个简约而不简单的网站。你会发现在教程中我们涉及到了各种各样类型的网站,以及各种各样的风格。你可以在其中选择你喜欢的几个来练习,但也一定至少要学会几种网站布局,以便可以在自己的工作中付诸实践,甚至是提出创新。

(小编提示:鉴于教程是英文的,大家可以用Chrome浏览器自带的翻译系统减少阅读的障碍。)

1.创建一个单页的复古网页设计布局

单页网站是投资组合的网站的热门选择,而本教程将告诉您如何设计一个出色的单页布局。

02

阅读全文…

教你几招打造个人作品集网站

作为设计师,我想大家都体验过个人项目的难处,包括作品集。你在photoshop中投入了无数个小时,尝试了上百种不同方案,两个月后,你才意识到你的个人主页仍然写着“建设中”。

这也许不适用于每个人,但作为自己的客户,是相当有挑战的,所以我想分享一下如何更好地建立个人作品集。

参照:向大幅肖像的网站设计靠拢

你的作品集用处是什么?

在投入到Photoshop中、迸发美妙创意之前,从“业务”的核心入手。你就是客户。像其他任何项目一样,你首先要设定目标。

  • 你想要售卖作品吗?
  • 还是仅仅展示你的作品?
  • 让人认识自己?
  • 或是教导读者?

这只是一些例子,你未必要从中选择。有个好方法,写下你所想到的目标,并给它们标上数值。比如我:售卖作品(0/5),展示作品(2/5),让人认识自己(2/5),寻求雇主(1/5)。

这也许看起来很奇怪,但我个人作品集的主要目的并非寻求雇主。我90%的询问都来自Dribbble,所以我决定偏重于展示个人喜好。

personal_portfolio_inspiration_1

 

阅读全文…

25个霸气的汽车网站

汽车网站通常会呈现产品的详细信息,包括发明历史。汽车设计师爱尝试的各种事情,观察人们是如何工作。汽车类网站通常会使用高清的驾驶图片,重口味的动画,音视频相结合,所以我们会看到大量的图册使用Flash或Html5进行定制。下面我们收集世界上超霸气的汽车网站设计,希望下次你设计的时候能给你带来灵感。

起亚 Sportage

Kia_Sportage

阅读全文…

20个最佳时尚着陆页设计案例

在过去几年里,有一种趋势是,在线服务或产品都聚集漂亮的着陆页设计。你应该尽一切力量宣传你自己、秀出品牌和传达产品的积极性。如果你想证明你的产品是高质量专业的,你需要证明你一切东西都是精心设计的,包括网站及着陆页。

有效的着陆页面,应该展示他们的产品或服务——最重要的是,优雅、大胆或通过视觉化的专业设计,深深把用户吸引住了。

下面我们来看一些过去几个月中,令人赞叹的着陆页设计。这些网站都经过大量思考,精心和辛勤工作使设计恰到好处。如果你有更好的,欢迎在下面评论中分享给我们。

Raindrop

01-landing

阅读全文…

11个高雅的黑色风格网站设计

决定如何使用黑色去设计往往是很棘手的问题,但这恰好能体现出内容和用户体验。一旦黑色使用得当,更能加深印象和吸引用户访问。下面的案例中我们将看到使用深色创造出极佳的网站体验。

Sivert Hoyem

dark01

阅读全文…