设计WEB站点的一般步骤

(1)对Web站点作出具体的规划(2)准备Web站点的素材(3)创建 Web站点和制作网页(4)测试Web站点(5)发布Web站点(6)宣传自己的Web站点(7)对Web站点进行维护和更新

题主你好，首先，网页设计WEB是以展示型功能为主，不同于应用型的APP。而网页设计除了需要设计视觉效果，还需要落地实现可操作性。接下来，康石石会帮助题主梳理出可使用的网页制作具体的流程性步骤。一. 网页制作实现流程Workflow一套完整的网页制作的流程是从WEB Browser开始，中间依次是WEB build format---WEB UI---WEB UX---WEB IDE---WEB Framework---WEB Automation，到WEB Publish结束。下面把每一个环节拿出来单独解释，详细了解，明确每一个环节的操作和用途后，才能有条不紊的进行创作。1. WEB Brower在日常浏览网页时，不同浏览器会带来不同的布局差异。如果题主想将网页真正制作出来，并能在网站上使用，就需要考虑到在每个网页中的浏览效果。市场上最常见的浏览器软件包括：Microsoft Internet Explorer，Google的Chrome，Mozilla Firefox，Apple的Safari和Opera。浏览器可用性取决于计算机使用的操作系统（例如：Microsoft Windows，Linux，Ubuntu，Mac OS等）。2.网页实现有很多种展现形式，第一种为Custom-Built Website，自定义所有到布局，效果，用户读取数据的方式，这种是真正意义上的从0到1。第二种为Website Builders，以Squarespace，Wix为代表性模版网站，模版网站自带布局，效果，我们只需要往里面嵌套文字即可。第三种为CMS，论坛型模版网站，以WordPress为代表性网站模版。这三种方式基本覆盖了在实现过程中会考虑的产出方式。3.即网页中的视觉可视化。这在设计初期就必须把布局，配色，图标，图文比都设定。UI的制作通常在Photoshop中进行，所以题主需要掌握如何在PS中切出网页适用性图片。同时，还为题主推荐一个插件Cutterman，他可以替代传统的切图模式，提高相关工作的效率。4. WEB UX即让网页逻辑清晰排布的线框图原型工具，原型图工具有Adobe XD，Sketch， Axure RP，Principle 等。其中Adobe XD为免费软件，MAC和Windows端通用，使用门槛低，同时也支持多款免费插件，能比较基础达到作品集使用效果。Sketch为MAC端付费软件，虽然有版但功能略有差异，老牌软件支持多款插件。Axure为Win端付费软件，也有不少win设计师们经常使用。Princilple是专门针对原型动态演示视频，经常与Sketch搭配使用，能够有很好的动态演示效果。5. WEB IDE即网页软件开发工具，当我们一个网页里有了视觉效果，有了逻辑框架之后，就需要将UI，UX放入IDE中进行开发，把他们真正编写成可用网页。常见的IDE工具有Dreamweaver，他是设计与编程一体化软件，可以可视化代码的编写过程，让网页开发时更加可视化，设计人员用的多一些。另外，Brackets，也是一款比较轻量级的前端编辑器，适合新手使用。6. WEB Framework即网页前端开发框架，比较常用的是Bootstrap，这也是国外设计师常推荐使用的框架，帮助前端工具轻松搞定自适配等一些繁琐等预设。