ps中怎样网页设计和网站策划

2017-11-11 15:50 36 1 收藏

怎样在ps中进行网页设计和网站策划?下面是关于网页设计和网站策划这个领域做一些专门介绍,不同的阶段需要做什么。精彩的内等着你来阅读。还在等什么快点来看看吧!

【 tulaoshi.com - 网页设计 】

    在初学阶段,都倾向于使用Photoshop进行设计和图片切割,然后直接输出为html的网页文件,可以直接在浏览器中查看。这种方法的优势很明显,那就是简单易行,不需要你具备网页基础知识就可以完成网页制作。但缺点也很明显,页面结构单一死板,缺乏灵活性,修改时往往牵一发而动全身。对其中一个小部分修改也要整体重新输出一次。因此只适合用来制作单页的,基本不再需要修改的网页。一些单页的设计稿,如海报等,本来就没有多少内容,将来也没有什么机会修改,就可以采取这种方式直接搞定。

 3.jpg

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/wysj/)

    在熟练阶段,不再以html的形式,而只是单纯输出各个图片,然后在网页制作软件中,利用网页元素进行重组。在我们教程网站上GoLive基础视频教程中的方法就属于此类。所谓网页元素就是表格、背景、浮动层、CSS样式等。通过这种方式制作出来的网页,就具备灵活的布局,方便修改。并且可以很好地与数据库及编程人员进行工作交接,由他们完成网页中与数据库和脚本相关联的动态部分。

timg_meitu_22.jpg 

   在大师阶段,就不再以Photoshop进行布局设计,完全使用网页制作软件,以网页元素来构建所需要的页面。我们的教程网站就是按照这种方式在GoLive中建立的。这种网页及网站的风格一般都较为简明,专注于内容的传播,没有过多的装饰。此时大家应该是具备非常丰富的网页制作经验,且具备良好的网站策划能力,能判断在整个页面中,哪个栏目重要哪个次要,并在布局上适当分配,较好地引导浏览者。到了这个阶段,就基本与Photoshop无关了,只有在遇到一些需要处理或需要制作的图片时才偶尔使用。

 2_meitu_23.jpg

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/wysj/)

    在我们的后续教程体系中,关于网页设计制作的内容就是按照上述的三个阶段进行。一开始并不涉及其他软件,重点讲述Photoshop的使用。虽然名为初学,却是通往更高阶段的必经之路。而在以后Photoshop的比重就会下降,逐渐淡出,重点转向讲述网页制作软件的使用以及整体的策划思维。这样大家就能同时具备平面设计和网站策划两种能力,虽然实际上它们分属不同领域

来源:http://www.tulaoshi.com/n/20171111/2765512.html

延伸阅读
标签: Web开发
在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。 其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓功夫在诗外,网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计...
当你欣赏下面这些案例时,留意一下他们如何以及为何使用矩形或正方形元素,会使得你思路大开。此处列举的方块元素,被用来对齐、组织、装饰、排列页面上的方与圆。在设计中使用方块元素有很多方法和原因。我们来详细了解一下。 使用方块布局的目的是什么? 或许这对你而言有点哲学和理论化,我们来看看别人选择方块布局的原因。(顺便提一句,...
标签: Web开发
如何进行规范的代码设计 相信很少有人会在网页设计的过程中把代码设计单独拿出来说,虽然在软件设计中代码设计很受重视,但在web设计里,大家更关心网站结构设计、数据库设计、页面视觉设计,很少有人会真正关心前端代码设计。这恰恰是因为代码设计的优劣不是一般用户所能感觉出来的,设计得差的前端代码,在用户使用过程中也许毫无影...
标签: Web开发
如何搭建完整的网站架构并设计出一个出色的网站?关于这个问题,我们很难提出一个绝对权威和正确的设计思路,但任何网站的设计都需要遵循一个循序渐进的步骤。此次IT设计栏目特别邀请网站设计专业人士,自本期起进行为期5期的连载,分别从网站模型构建、审美与交互设计、风格设计、代码设计、可用性测试及对设计的折回补充等五方面,详细阐...
一、架构设计和流程设计 我一直追求简单而高效的设计,尤其欣赏臭鱼这一篇文章《为产品结构的设计,为用户任务的设计》。他用图1很好的诠释了这个观点:首先要保证产品逻辑结果清晰、准确,其次要为用户任务架起一些快捷操作的桥梁。 图1 产品结构设计和为用户任务设计的关系 好的流程设计能使产品具有更清晰的架构,更良好的体验。我的...

经验教程

56

收藏

7
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部