网页设计流程是什么？

时间：2023-10-08 20:48:02 | 来源：网站运营

时间：2023-10-08 20:48:02 来源：网站运营

网页设计流程是什么？：网页设计的两大要点是：整体风格和色彩搭配。




确定网站整体风格




在这里，杭州市博纳网络信息技术有限公司提供给大家一些参考经验：




1．将你的标志logo，尽可能的放在每个页面上最突出的位置。




2．突出你的标准色彩。




3．总结一句能反映贵站精髓的宣传标语！




4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！




网站的整体风格及其创意设计是最难以学习的，难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。




R、G、B就是Red、Green、Blue（红，绿，蓝）三种颜色，RGB模式就是由这三种颜色为基色进行叠加而模拟出大自然色彩的色彩组合模式。我们日常用的彩色电脑显示器、彩色电视机等的色彩都使用这种模式。




1、 矢量图




矢量图又叫做向量图，是用一系列计算机指令来描述和记录一幅图，一幅图可以解为一系列由点、线、面等到组成的子图，它所记录的是对象的几何形状、线条粗细和色彩等。生成的矢量图文件存储量很小，特别适用于文字设计、图案设计、版式设计、标志设计、计算机辅助设计（CAD）、工艺美术设计、插图等。矢量图只能表示有规律的线条组成的图形，如工程图、三维造型或艺术字等； 常见的矢量图处理软件有CoreIDRAW、AutoCAD、Illustrator和FreeHand等。




2、位图




位图又叫点阵图或像素图，计算机屏幕上的图你是由屏幕上的发光点（即像素）构成的，每个点用二进制数据来描述其颜色与亮度等信息，这些点是离散的，类似于点阵。 位图在放大到一定限度时会发现它是由一个个小方格组成的，这些小方格被称为像素点，一个像素是图像中最小的图像元素。也就是我们俗称的马赛克。




bmp：是未经过压缩的用点阵来表示的真彩图片,占用磁盘空间较大




gif：是经过压缩的,只能表示256种颜色,占用磁盘空间小,常用来演示色彩单一的成块的卡通图案,GIF还有一种可以表示连续的动画。




png：是fireworks的图片格式




jpg：也称为jpeg,是有损压缩格式但是它表示的颜色比较丰富,一般用来显示真彩的照片或图案。




作为设计者和客户（这里指各站长），如果事先没有明文协议的话设计者有权不提供源文件。




VI是Visual Identity的缩写，中文译为“企业视觉识别”。VI是CI计划的静态识别符号，是企业理念视觉化传达的载体，因此它项目最多，效果最为直接。VI作为视觉识别，它是外在表现，固然需要具有美感，但VI必须是MI的体现，直接反映企业的理念。因此VI设计包含这样一些原则：即充分传达企业理念、人性原则、民族性原则、简洁抽象及动态原则、员工参与原则、法律原则、艺术性原则和个性原则。




CI是Corporate Identity的缩写，中文译为“企业形象”。CI计划，是指企业有目的、有计划、战略性地创造出所希望的自身形象，由此提高企业的社会知名度，最终得到自己最适合的经营环境。




而logo只是网站或企业一个标志。




网页色彩搭配




1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。




2．用两种色彩。先选定一种色彩，然后选择它的对比色。




3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。




在网页配色中，还要切记一些误区：




1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。




2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。




网页设计工具




图像处理设计：




adobe PhotoShop（外语简称：PS、其程序图标便是它的外语简称）是一个由Adobe Systems开发和发行的图像处理软件。 Adobe Photoshop有两个发行版本：标准版Adobe Photoshop和扩展版Adobe Photoshop Extended，扩展版除包含标准版所有功能之外，还增加了3D处理功能、动画图形编辑功能和高级图像分析功能。 Adobe只支持Windows操作系统和Mac OS操作系统版本的Photoshop ， 但Linux操作系统用户可以通过使用Wine来运行Photoshop CS6。




Fireworks，跟Photoshop一样都是图像处理软件，但Fireworks偏向于对网页的处理。




StylePix（单位：Hornil）跟PhotoShop一样都是图象处理软件，可以处理光栅及矢量图形。




动画设计：




Adobe Flash，前称Macromedia Flash，外语简称Flash，前身FutureSplash，既指Adobe Flash Professional多媒体创作程序，也指Adobe Flash Player。




网页代码编辑器：




Adobe Dreamweave（前称Macromedia Dreamweaver）用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具；是Adobe公司的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。有支持Mac和Windows两个系统的版本。




Amaya（单位：万维网联盟）用于编辑HTML、CSS、数学标记语言、可缩放矢量图形的工具。

专业

、APP开发、网页设计公司整理