如何开始进行网页设计的图形设计?

时间:2010-07-29 08:15:54

标签: photoshop

在过去的几年里,我学会了最重要的Web开发语言(CSS,HTML,JS,PHP),我可以创建结构良好的网站。

但网页设计的一个重要部分是用于按钮,背景,文字,渐变的图像 ......主徽标也是网站布局中非常重要的元素。

但是,我不知道如何开始在网页设计的这一方面开发好看的网站。

为此目的应使用哪些工具?你认识好导游吗?

我已经阅读了一本关于photoshop的书籍和一些指南,但它们总体上是关于图形设计的,我正在寻找专注于 web 图形设计的指南/书籍,以及(如果可行的话),专注于如何使用css和xhtml正确放置这些图像。

PD:抱歉英语不好。

谢谢!

6 个答案:

答案 0 :(得分:3)

我当然不是专业人士,也许我自己也不是很好,但我认为一个好办法就是做到这一点。练习越多,学习和提高的越多,设计就会越来越好。

在构建网站时,您会遇到“问题”,然后您可以在互联网或堆栈溢出等网站上找到答案。从其他网站查看设计并尝试了解他们是如何做到这一点也很有用。

就工具而言,您可能不需要任何真正想要开始的东西。我大多只使用Paint.NETInkScape。如果可以,我会尝试使用少量图像。

答案 1 :(得分:2)

答案 2 :(得分:2)

自从我开始学习网页设计&开发我觉得最有效的学习方法是查看其他网站。在查看其他网站时,建议您查看好的和坏的设计示例,以便您了解其中的差异。

通过实例学习对我来说是最好的学习方式,因为你真的看到了如何应用设计概念和想法。当您最终了解要应用于您的网站的外观时,您可以开始研究创建它们的技术细节(例如Google'如何绘制商店专业版Web 2.0样式按钮'或'如何photoshop渐变网页按钮')。这取决于您使用哪种工具,因为它取决于您习惯使用的工具。我认为,使用Photoshop的好处是,有很多教程可以让谷歌在线上用。

我建议您前往http://www.alistapart.com/获取指南,文章和文章。网页设计教程。

答案 3 :(得分:1)

您可以使用boostrap插件。我发现了一个网站http://www.webdesignernews.com/ 您可能会看到有很多创建网站的想法。

This site对于创建专业风格的导航栏和加载样式或类型的按钮等非常有用。

对于徽标和所有Canva最好用在哪里可以设计徽标facebook封面,海报和所有必要的东西。上面提到的所有网站都是完全免费的。 有关创建网页的一些想法,您可以访问TheSoftwareGuy.

答案 4 :(得分:0)

相信知道如何使用photoshop足以告诉人们你可以设计网站是错误的。工具绝对可以带来不同,但这并不能取代一个人真正的才能和技能,使设计具有独特的优势。

我的2美分。

答案 5 :(得分:0)

您可以按照approch使用Photoshop或Gimph创建模板。如果要为客户端创建站点,请创建具有不同布局的2-3个模板,并将其显示给客户端。如果它们很好并且已获批准,请为这些模板创建HTML模板,然后在嵌入服务器端之后。

练习后可以设计出更好的网站。