咨询热线:400-818-1122
致远服软首页 > 最新发布
网页设计的实现之:网页设计结构图、界面、字体的概述
上传日期:2019-06-11 14:47 文章来源:

随着涌入互联网的网民的增多,各种各样的网站也层出不穷,如何创建一个吸引人的网站就显得非常重要。网站建设实际上并没有太固定的基本规范,但是必须要有一个指导性的步骤。网页设计的实现主要包括设计结构图,设计界面,设计字体,制作网页概念图,切片的优化,编写代码和优化页面。通过网页设计的实现,以便于用户在开发网站时能够提升效率,减少网页制作概念图的错误。

首先,应规划网站中栏目的数量及内容,策划网站需要发布哪些东西。

然后,应根据规划的内容绘制网页的结构草图,这一部分既可以在纸上进行,也可以在计算机上通过画图板、 inDesign,或者其他更专业的软件进行。结构草图不需要太精美,只需要表现出网站的布局即可。

在纸上绘制好网页的结构图之后,即可根据网站的基本风格,在计算机上使用 Illustrator CorelDRAW等矢量图形软件或 Photoshop Fireworks等位图处理软件绘制网页的Logo、按钮和图标。具体的实际操作可以参考下面的网站http://www.zhiyuanit.net.cn/

Logo、按钮、图标等都是网页设计的重要组成部分。设计这些内容时需要注意整体界面的风格一致性,包括从色调到图形的应用、圆角矩形与普通矩形的分布等。其中,设计Logo,可使用一些抽象的几何图形进行旋转、拼接,或将各种字母和文字进行抽象变化,例如倾斜、切去直角、用线条切割、连接笔画、反色等。

按钮的设计较为复杂。常见的按钮主要可分为圆角矩形、普通矩形、梯形、圆形以及不规则图形等。在网页中,水平方向导航菜单的按钮设计比较随意,可以使用各种形状。而垂直方向的导航菜单则多使用矩形或圆角矩形,以使各按钮贴得更加紧密,给用户以协调的感觉。图标是界面中非常重要的组成部分,可以起到画龙点睛的作用。在绘制图标时,需要注意图标必须和其代表的内容有明显的联系。

字体是组成网页的最主要元素之一。合理分配的字体,可以使网站更加美观,也更便于用户阅读。对于多数浏览器和操作系统而言,汉字是非常复杂的文字,多数中文字体都是无法在所有字号下正常清晰显示的。

以宋体字为例,1Opx以下的宋体通常会被显示为一个黑点(在手持设备上这点尤为突出)。而20pX大小的宋体,则会出现明显的锯齿,笔画粗细不匀。即使是微软设计的号称最清晰的中文字体微软雅黑,也无法在所有的分辨率及字号下清晰地显示。

经过详细的测试,中文字体在12px14pX16px(最多不超过18px)的字号下,显示得最为清晰美观。因此,多数网站都应使用12px大小的字体作为标准字体,而将14px的字体作为标题字体。在网页设计时,尽量少用18px以上的字体(输出为图像的文本除外)。在字体的选择上,网站的文本是给用户阅读的。越是大量的文本,越不应该使用过于花哨的字体,

如针对的用户主要以使用 Windows Xp系统和纯平显示器为主,则应使用宋体或新宋体等作为主要字体。如果用户是以使用 Windows vista系统和液晶显示器为主,则应使用微软雅黑字体,以获得更佳的体验。

免责声明:网站内涉及到图片及相关文字如涉及到侵权,请及时联系我们处理
< 返回列表
最新发布推荐
【致远服软官微】公众号
致远服软 ©1997-2023 ISO9001国际认证:06909Q12368ROS 软件著作权证:软著登字第0203110号 大连软件协会会员单位:No.131 高新技术企业编号:200513 经营许可证:辽B1-20130020(IDC证) 经营许可证:辽B1.B2-20150257(ICP证) 国家工信部备案号:辽ICP备2023001471号-4 特邀法律顾问:辽宁海星律师事务所 马晓军律师 全国免费咨询热线:400-818-1122 传真:0411-83726031