网站版型设计与制作流程。

2019-02-16 分类：网站建设

网站版型的设计不能单纯以视觉设计角度来看待网站风格，网站版型设计同时关系到一个网站的版面资讯规划、网页使用流程、网页浏览动线。因此，在设计一个网站版型时，必须同时考虑网站风格、介面设计、切版工程的相互整合。

此阶段工作大致包含以下工作项目：

视觉概念发展
网站风格设计
网页介面设计
DIV+CSS网页切版工程

视觉概念发展

网站的视觉元素来自于网站的背景定位。如果是中秋节的活动网站，其网站背景可能就会有满月、飞云等意象造形；如果是企业网站，适度带入企业识别(CI, Corporate Identity)的设计符码，将能表现企业品牌的视觉一致性。视觉元素有可能是某种造形、材质或纹路，适当的使用就能为网站带来别出心裁的设计。

网站风格设计

网站风格是对网站一种视觉上的诠释。如果是企业网站，就会展现出落落大方、有条理、简单、清楚的网站风格；如果是活动网站，就会以缤纷的色彩或文字造形来引发网友参与活动的欲望；如果是购物网站，价格和清楚的购物车图示，才能让人一眼看出这是个可以线上血拼败家的地方。每种网站风格都有其设计背景源由，透过正确的网站背景分析才能建立正确的网站风格，吸引到正确的网站访客，同时也节省网页设计公司与业主客户间双方面来回修改沟通的时间。

网页介面设计

网站是拿来用的，不是单单做完后放到网路上观赏，网站的整体网页使用介面，包含导览、连结、表单、内容编排，都应该要有一致性的设计。使用介面必须能让网路上的访客看到就知道怎么用，不需要花时间思考「这个到底是做什么用的？」因此，按钮就必须长得像「按钮」；选单就必须长得像「选单」；「最新消息」也不要无厘头的用「看看新玩意儿」，某些文字创意，在网路上可能会让网友很想直接关掉网页。

CSS+DIV网页切版工程

「切版」指的是将网站风格提案后的图档，切成许多小图片，再利用CSS语法及网页DIV标签组成一般在浏览器上所看到的网页。DIV标签构成网站版面位置，如同盖房子时的钢筋结构；CSS则定义出每个位置的介面样式，如同盖房子时的磁砖与内部装潢。

文章名称：网站版型设计与制作流程。
URL地址：https://www.cdcxhl.com/news8/79208.html

成都网站建设公司_创新互联，为您提供外贸建站、域名注册、网页设计公司、用户体验、关键词优化、软件开发

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容