网页设计工作流程文档
网页设计工作流程文档
今天我们来就这个问题作一些说明。我们今天介绍的是关于从零开始设计一个页面的过程,我们可以把一个页面的完整设计过程分为7个步骤,如下图所示。
在图中,这个过程分为了7个步骤,并且说明了这7个步骤相应使用的工具。这7个步骤依次为:
1. 内容分析:仔细研究需要在网页中的展现的内容,梳理其中的逻辑关系,分清层次,以及重要程度。
2. 结构设计:根据内容分析的成果,搭建出合理的HTML结构,保证在没有任何CSS样式的情况下,在浏览器保持高可读性。
3. 原型设计:根据网页的结构,绘制出原型线框图,对页面进行合理的分区的布局,原型线框图是设计负责人与客户交流的最佳媒介。
4. 方案设计:在确定的原型线框图基础上,使用美工软件,设计出具有良好视觉效果的页面设计方法。
5. 布局设计:使用HTML和CSS对页面进行布局。
6. 视觉设计:使用CSS并配合美工设计元素,完成由设计方法到网页的转化。
7. 交互设计:为网页增添交互效果,如鼠标指针经过时的一些特效等。
下面具体解说一下,例如要设计出一个如下图所示的页面。这是为一个假想的名为“Baby Housing”的儿童用品网上商店制作的一个网站首页。
第1步要先想清楚这个网站的内容是什么?通过一个网页要传达给访问者什么信息?这些信息中哪些是最重要的?哪些是相对比较重要的?以及哪些是次要的。这些信息应该如何组织呢? 我们可以参考一些网上商店的网站,比如下图所示的是卓越沿马逊网上商店的首页,读者在研究一些成功网站的时候,不要仅仅关注这些网站的设计风格和技术细节,更要从更深的角度观察它们,这样才能更好地掌握核心的东西。例如从图中可以看到,这个页面尽管内容非常多,但简单来说,就分为两大类——“分类链接”和“推荐商品链接”。
这样回到我们自己的网站,比如说,可以确定出需要在首页展示如下一些信息:
网站标题
网站标志
你可能喜欢
- 需求设计文档
- Web页面设计规范
- 企业网站建设方案书
- 软件岗位职责
- 网络部管理制度
- 设计网页
- 技术岗位绩效考核
- 网页设计流程
- rootserver需求设计文档18页
- 智慧旅游需求设计文档(参照)13页
- 需求分析、设计文档4页
- 需求与设计参考文档2页
- 网上购物系统需求分析+概要设计文档44页
- 网上购物系统需求设计文档29页
- 腾讯Web页面设计规范39页
- GA417.2-2003 公安综合信息系统规范 第2部分 Web页面设计规范4页
- 腾讯网Web页面设计规范40页
- Web页面axure设计规范精简版10页
- 谋思网Web页面设计规范V1.013页
- Web页面设计规范28页
- 企业网站建设方案书8页
- 企业网站建设方案书15页
- 集团企业网站建设方案书4页
- 企业网站建设方案书(范本)11页
- 企业网站策划书的内容、规划及撰写建设方案书22页
- 企业网站建设策划方案书-宇凡网络8页
- 软件工程师岗位职责1页
- 软件部网页设计师岗位职责1页
- 软件工程师岗位职责5页
- 收费管理软件——岗位职责3页
- RD-DSP软件工程师岗位职责、工作内容-2012.01.153页
- 装饰公司管理软件_财务人员岗位职责3页
- IT网络部管理制度1页
- 网络部管理制度1页
- 网络技术部管理制度5页
- 网络公司网站技术部管理制度3页
- 网络部管理制度2页
- 医院网络部管理制度12页
- PPT创意设计借鉴网页设计新趋势3页
- 如何自学网站设计及网页制作16页
- 第13章 设计网页特效文字43页
- 设计网页之前应该制定的计划3页
- Photoshop设计网页横幅图像6页
- 《网站设计与网页制作》复习题10页
- 技术员岗位绩效工资考核分配办法3页
- 网站技术岗位绩效考核3页
- 专业技术岗位绩效考核指标3页
- 服装厂技术部各岗位绩效考核表汇总20页
- 实验室技术人员岗位绩效考核办法1页
- 质量技术部各岗位绩效考核办法12页
- 第四届科技文化艺术节(网页设计大赛)决赛流程2页
- 网页艺术设计:视觉流程及版式类型81页
- 网页设计 视觉流程及版式类型78页
- 网页效果图设计流程3页
- 网页设计基本流程43页
- 网页设计工作流程文档4页