网页美工设计

如何用Illustrator设计一个网页

编辑：时间：2014-11-03 10:42:51

　　每个人都需要一个网站,是否为业务,非营利性工作或只是个人使用。然而,并不是很多人知道如何编写一个网站。即使你不能编写一个网站,但是,你仍然可以设计一个web页面使用AdobeIllustrator等图形程序。这允许您使您的web页面看起来就像你想要的,然后其他人可以做编码的部分。

　　把你的布局理念在一张纸上。草图是最好的开始方式创新的源泉,并帮助你想出很好的概念。画大约10不同布局的草图,然后选择你喜欢的布局和吸引更多的变体。一旦你有精致的布局理念,把你的素描纸旁边你的电脑在Illustrator工作时参考。

　　2下载一个AdobeIllustrator的网格模板。每一个优秀的网站开始于一个网格,来帮助组织内容和网站视觉上赏心悦目。一个网站的标准宽度是960像素,因为它是兼容的屏幕分辨率,所以找到一个960像素宽。在Illustrator打开模板。

　　3开始放置盒,您的web页面的内容将作为指导。把盒子你的导航,列的文本和图像。这就是所谓的线框图。导航应该在顶部或两侧,从来没有在底部。记得把最重要的内容放在最明显的地方。不要动到线框完成。

　　4开始填写你的线框图形和文本。你可以从其他程序导入图片,其他文件或只是在Illustrator中创建它们。AdobeIllustrator尤其适合创建Web2.0风格的图形、光滑、现代风格,经常使用3d-looking元素。记住一般web-typography指南文本:线的高度应该是150%左右的高度类型,文本大小不应低于10或12分,并确认您的文本与背景颜色对比充分阅读。

　　5仔细看看你的设计对于任何能够改善。小细节添加策略设计,所以寻找地方您可以添加一个微小的细节。通常,然而,一个设计可以提高通过简化它,而不是增加。问朋友的反馈。一旦你确信,你的设计是完美的,你就完成了。你可以发送一个在线服务,插画家文件转化为网站,或者学习HTML和CSS,做你自己!

　　提示和警告

　　访问网站画廊和阅读网页设计的博客获得灵感的设计!

　　这是一个常见的错误来填补尽可能多的网页与文本和图形的面积可以。不要害怕留下空白区域和大利润,称为空白,在你的设计。它给出了设计一个更高质量的感觉,让它更容易浏览。

<< 上一篇：网页设计字号该如何选择多少

>> 下一篇：郑州网页设计培训哪家好呢

推荐资讯