网页设计的流程及思路.ppt

《网页设计的流程及思路.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计的流程及思路问题：1、接到一个项目，你要去做什么？2、流程是怎样的？流程一、沟通了解（知己知彼，百战不殆）要了解的内容1、客户的需求及要求（收集客户资料）2、同行业此类网站的调查（网上查询、搜集资料）3、总结此类网站的鲜明特点及最新动态二、确定网站的主题、内容及风格包含的内容1、确定主题2、版块及栏目3、色彩，也就是主色调4、风格，以网站的类型为基础确定风格三、绘制草稿包含的内容1、尺寸的选择2、版式3、将主要内容填充四、平面设计——制作、定稿包含的内容1、制作的流程先整体——后局部——再细节（颜色版式）——（每个板块）—

2、—细节2、沟通——审稿——定稿五、网页制作（写成页面）六、调整出彩思路第一阶段收集资料？如何收集资料？收集哪些资料资料来源：客户、素材库资料主要包括客户公司的图片、产品图片、广告图片、以及内容文字资料等等。一般情况是,客户会提供部分资料,更多的,图片我会去素材网站找找。第二阶段构思，调用资料草图填充内容内容的置入将资料内容结构化，包括首页、栏目页、内容页、功能页以及各个页面中的版块及栏目第三阶段制作，套用规则版式布局配色处理图片/动画根据网站的版式分为两大类：形象网页：多用于网站的形象宣传页面，它的特点是页面的布局结构自由，页面中

3、以图像或者是Flash为主，文字较少。这种页面的主要针对于形象宣传性质的网站，偏重设计性。内容网页：多用于网站的内容页，大型的门户网站多采用这种类型的页面版式。其特点是文字信息多，页面中的图像相对较少，整个页面按不同的布局划分为多个区域，主要的作用是为了传达文字信息。“内容页面”的版式一般可分为：1.水平分割水平分割，强调的是层次感和精确感，并有助于不同信息的分类；水平分割的同时还应当考虑到分割的面积，水平不均匀分割，如果上半部安置标题或导航，则面积较小；上半部安置主体内容，则面积应适当加大，2.垂直分割垂直分割和水平分割有很

4、多相似点，把水平分割的页面旋转90°即为垂直分割效果。3.水平垂直分割水平垂直分割是上面两种分割形式的综合运用，整个页面中既有水平分割的部分，又有垂直分割的部分，互相交织构成一种网状结构。这样的页面给人一种非常稳定的感受。4.变化分割变化分割是在水平分割和垂直分割的基础上，添加斜线和曲线的效果，这样的页面版式结构给人自由、运动和时尚的感觉。在实际的创作之前，可以在网上参考相关的页面布局作为参考，网页设计最大的优势就是你所要设计的网页，在网络上都能找到参考的页面。可能有些人喜欢完全的“原创”，人为过多的参考别人的设计就是“抄袭”

5、。但是对于大多数初学者来说，这种必要的“借鉴”是必不可少的，见多识广，积累到一定的程度，把别人的精华拿为己用，这是提高自己设计能力的一种最快的方法。第四阶段用户体验细化出彩如果把网页设计简单的比作烹饪,这四个阶段也就是说这么几回事儿:1.顾客提出相关要求;2.店方去思考如何做出一道客户称道的佳肴3.店方准备好烹饪所需的材料;4.炒菜;而最后的炒菜,需要解决问题就是:在分析结果的指导下,怎么样去把材料变成一道色、香、味俱全的美味?推演到咱们网页设计上来说,就是这样一些工作:处理图片、细节、色彩、排版构成、用户体验等等。