随着涌入互联网的网民的增多,各种各样的网站也层出不穷,如何创建一个吸引人的网站就显得非常重要。网站建设实际上并没有太固定的基本规范,但是必须要有一个指导性的步骤。网页设计的实现主要包括设计结构图,设计界面,设计字体,制作网页概念图,切片的优化,编写代码和优化页面。通过网页设计的实现,以便于用户在开发网站时能够提升效率,减少网站建设的错误。
首先,应规划网站中栏目的数量及内容,策划网站需要发布哪些东西。
然后,应根据规划的内容绘制网页的结构草图,这一部分既可以在纸上进行,也可以在计算机上通过画图板、 inDesign,或者其他更专业的软件进行。结构草图不需要太精美,只需要表现出网站的布局即可。
在纸上绘制好网页的结构图之后,即可根据网站的基本风格,在计算机上使用 Illustrator或 CorelDRAW等矢量图形软件或 Photoshop、 Fireworks等位图处理软件绘制网页的Logo、按钮和图标。具体的实际操作可以参考下面的网站:http://www.zhiyuanit.net.cn/
Logo、按钮、图标等都是网页设计的重要组成部分。设计这些内容时需要注意整体界面的风格一致性,包括从色调到图形的应用、圆角矩形与普通矩形的分布等。其中,设计Logo时,可使用一些抽象的几何图形进行旋转、拼接,或将各种字母和文字进行抽象变化,例如倾斜、切去直角、用线条切割、连接笔画、反色等。
按钮的设计较为复杂。常见的按钮主要可分为圆角矩形、普通矩形、梯形、圆形以及不规则图形等。在网页中,水平方向导航菜单的按钮设计比较随意,可以使用各种形状。而垂直方向的导航菜单则多使用矩形或圆角矩形,以使各按钮贴得更加紧密,给用户以协调的感觉。图标是界面中非常重要的组成部分,可以起到画龙点睛的作用。在绘制图标时,需要注意图标必须和其代表的内容有明显的联系。
字体是组成网页的最主要元素之一。合理分配的字体,可以使网站更加美观,也更便于用户阅读。对于多数浏览器和操作系统而言,汉字是非常复杂的文字,多数中文字体都是无法在所有字号下正常清晰显示的。
以宋体字为例,1Opx以下的宋体通常会被显示为一个黑点(在手持设备上这点尤为突出)。而20pX大小的宋体,则会出现明显的锯齿,笔画粗细不匀。即使是微软设计的号称最清晰的中文字体微软雅黑,也无法在所有的分辨率及字号下清晰地显示。
经过详细的测试,中文字体在12px、14pX、16px(最多不超过18px)的字号下,显示得最为清晰美观。因此,多数网站都应使用12px大小的字体作为标准字体,而将14px的字体作为标题字体。在网页设计时,尽量少用18px以上的字体(输出为图像的文本除外)。在字体的选择上,网站的文本是给用户阅读的。越是大量的文本,越不应该使用过于花哨的字体,
如针对的用户主要以使用 Windows Xp系统和纯平显示器为主,则应使用宋体或新宋体等作为主要字体。如果用户是以使用 Windows vista系统和液晶显示器为主,则应使用微软雅黑字体,以获得更佳的体验。